/*
----------------------------------------------------------------
gravity-forms-theme-framework.css
Gravity Forms Theme Framework & CSS API
https://www.gravityforms.com
Theme dependencies:
- Gravity Forms Theme Reset: gravity-forms-theme-reset.css
- Gravity Forms Theme Foundation: gravity-forms-theme-foundation.css
Gravity Forms is a Rocketgenius project
copyright 2008-2026 Rocketgenius Inc.
https://www.rocketgenius.com
this may not be re-distributed without the
express written permission of the author.
NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO UPGRADE
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
----------------------------------------------------------------
*/
/* Global API: Handles the top-level global CSS API */
/* -----------------------------------------------------------------------------
*
* Global API
*
* This file is just a clearing-house.
* Make partials (start with an underscore) elsewhere for actual code.
*
* ----------------------------------------------------------------------------- */
/**
@navsection Global CSS API/Base
@navlabel Borders
# Global CSS API: Borders
@description The following CSS custom properties are used to control form UI borders.
*/
/* Gravity Forms Theme Framework | Global CSS API: Borders */
.gform-theme--framework, .gform-theme--api {
/**
## Border Radius
@description Properties used for form UI border radius.
*/
/**
@cssprop
Property: --gf-radius
Description: Form UI Border radius.
Default: 3px
*/
--gf-radius: 3px;
/**
@cssprop
Property: --gf-radius-max-sm
Description: Maximum border radius for fields using the small control size.
Default: 2px
*/
--gf-radius-max-sm: 2px;
/**
@cssprop
Property: --gf-radius-max-md
Description: Maximum border radius for fields using the medium control size.
Default: 3px
*/
--gf-radius-max-md: 3px;
/**
@cssprop
Property: --gf-radius-max-lg
Description: Maximum border radius for fields using the large control size.
Default: 8px
*/
--gf-radius-max-lg: 8px;
}
/**
@navsection Global CSS API/Base
@navlabel Colors
# Global CSS API: Colors
@description The following CSS custom properties are used to control form UI theme colors and color system.
## Color System Overview
Go over how the color system works in the theme framework (inside/outside form control context).
*/
/* Gravity Forms Theme Framework | Global CSS API: Colors */
.gform-theme--framework, .gform-theme--api {
/**
## Primary Color
@description The primary accent color used for form UI.
*/
/**
@cssprop
Name: Base
Property: --gf-color-primary
Description: Color all variations are based on. Applied from the Button Styles > Background Color setting.
Default: #204ce5
Used by: --gf-color-in-ctrl-primary
--gf-ctrl-border-color-focus
--gf-ctrl-btn-bg-color-primary
--gf-ctrl-file-prog-bar-bg-color-loading
--gf-field-img-choice-no-card-check-ind-bg-color
--gf-field-pg-steps-number-bg-color-complete
--gf-field-pg-steps-number-border-color-complete
--gf-form-spinner-fg-color
*/
--gf-color-primary: #204ce5;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-primary-rgb
Description: Base color in RGB format. Applied from the Button Styles > Background Color setting.
Default: 45, 127, 251
Used by: --gf-color-in-ctrl-primary-rgb
--gf-ctrl-shadow-color-focus
--gf-form-spinner-bg-color
*/
--gf-color-primary-rgb: 45, 127, 251;
/**
@cssprop
Name: Contrast
Property: --gf-color-primary-contrast
Description: Opposite of base color and should be visible against it. Applied from the Button Styles > Text Color setting.
Default: #fff
Used by: --gf-color-in-ctrl-primary-contrast
--gf-ctrl-btn-color-primary
--gf-field-img-choice-card-check-ind-icon-color
--gf-field-pg-steps-number-color-complete
*/
--gf-color-primary-contrast: #fff;
/**
@cssprop
Name: Contrast (rgb)
Property: --gf-color-primary-contrast-rgb
Description: Contrast color in RGB format. Applied from the Button Styles > Text Color setting.
Default: 255, 255, 255
Used by: --gf-color-primary-contrast-rgb
*/
--gf-color-primary-contrast-rgb: 255, 255, 255;
/**
@cssprop
Name: Darker
Property: --gf-color-primary-darker
Description: A slightly darker version of base color. Generated and applied from the Button Styles > Background Color setting.
Default: #044ad3
Used by: --gf-color-in-ctrl-primary-darker
--gf-ctrl-btn-bg-color-hover-primary
*/
--gf-color-primary-darker: #044ad3;
/**
@cssprop
Name: Lighter
Property: --gf-color-primary-lighter
Description: A slightly lighter version of base color. Generated and applied from the Button Styles > Background Color setting.
Default: #044ad3
*/
--gf-color-primary-lighter: #044ad3;
/**
## Secondary Color
@description The secondary accent color used for form UI.
*/
/**
@cssprop
Name: Base
Property: --gf-color-secondary
Description: Color all variations are based on. Applied from the Input Styles > Background Color setting.
Default: #fff
Used by: --gf-ctrl-btn-bg-color-secondary
--gf-ctrl-file-btn-bg-color-hover
*/
--gf-color-secondary: #fff;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-secondary-rgb
Description: Base color in RGB format. Applied from the Input Styles > Background Color setting.
Default: 255, 255, 255
*/
--gf-color-secondary-rgb: 255, 255, 255;
/**
@cssprop
Name: Contrast
Property: --gf-color-secondary-contrast
Description: Opposite of base color and should be visible against it. Applied from the Input Styles > Text Color setting.
Default: #112337
Used by: --gf-ctrl-btn-color-secondary
--gf-ctrl-date-picker-title-color
--gf-ctrl-date-picker-cell-content-color
*/
--gf-color-secondary-contrast: #112337;
/**
@cssprop
Name: Contrast (rgb)
Property: --gf-color-secondary-contrast-rgb
Description: Contrast color in RGB format. Applied from the Input Styles > Text Color setting.
Default: 17, 35, 55
Used by: --gf-ctrl-file-btn-color
*/
--gf-color-secondary-contrast-rgb: 17, 35, 55;
/**
@cssprop
Name: Darker
Property: --gf-color-secondary-darker
Description: A slightly darker version of base color. Generated and applied from the Input Styles > Background Color setting.
Default: #f2f3f5
Used by: --gf-ctrl-file-btn-bg-color
--gf-ctrl-btn-bg-color-hover-secondary
*/
--gf-color-secondary-darker: #f2f3f5;
/**
@cssprop
Name: Lighter
Property: --gf-color-secondary-lighter
Description: A slightly lighter version of base color. Generated and applied from the Input Styles > Background Color setting.
Default: #f2f3f5
*/
--gf-color-secondary-lighter: #f2f3f5;
/**
## Form UI - Dark Color
@description Used for form element text and UI that lives outside of form controls.
*/
/**
@cssprop
Name: Base
Property: --gf-color-out-ctrl-dark
Description: Color all variations are based on. Applied from the Description Styles > Text Color setting.
Default: #585e6a
Used by: --gf-ctrl-btn-color-hover-simple
--gf-ctrl-desc-color
--gf-ctrl-label-color-tertiary
--gf-ctrl-label-color-quaternary
--gf-field-pg-prog-color
--gf-field-pg-prog-bar-bg-color-gray
--gf-field-pg-steps-number-color
--gf-field-pwd-str-color
*/
--gf-color-out-ctrl-dark: #585e6a;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-out-ctrl-dark-rgb
Description: Base color in RGB format. Applied from the Description Styles > Text Color setting.
Default: 88, 94, 106
Used by: --gf-ctrl-btn-color-simple
--gf-field-img-choice-no-card-placeholder-color
*/
--gf-color-out-ctrl-dark-rgb: 88, 94, 106;
/**
@cssprop
Name: Darker
Property: --gf-color-out-ctrl-dark-darker
Description: A slightly darker version of base color. Generated and applied from the Input Styles > Text Color setting.
Default: #112337
Used by: --gf-ctrl-label-color-primary
--gf-ctrl-label-color-secondary
*/
--gf-color-out-ctrl-dark-darker: #112337;
/**
@cssprop
Name: Lighter
Property: --gf-color-out-ctrl-dark-lighter
Description: A slightly lighter version of base color. Generated and applied from the Input Styles > Text Color setting.
Default: #686e77
*/
--gf-color-out-ctrl-dark-lighter: #686e77;
/**
## Form UI - Light Color
@description Used for form element text and UI that lives outside of form controls.
*/
/**
@cssprop
Name: Base
Property: --gf-color-out-ctrl-light
Description: Color all variations are based on. Generated and applied from the Label Styles > Text Color setting.
Default: #e5e7eb
Used by: --gf-ctrl-file-prog-bar-bg-color
--gf-field-pg-prog-bar-bg-color
--gf-field-pg-steps-number-bg-color-active
--gf-field-pwd-str-ind-bg-color
*/
--gf-color-out-ctrl-light: #e5e7eb;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-out-ctrl-light-rgb
Description: Base color in RGB format. Generated and applied from the Label Styles > Text Color setting.
Default: 229, 231, 235
Used by: --gf-field-img-choice-no-card-placeholder-bg-color
*/
--gf-color-out-ctrl-light-rgb: 229, 231, 235;
/**
@cssprop
Name: Darker
Property: --gf-color-out-ctrl-light-darker
Description: A slightly darker version of base color. Generated and applied from the Input Styles > Border Color setting.
Default: #d2d5db
Used by: --gf-ctrl-desc-border-color-consent
--gf-field-section-border-color
--gf-field-repeater-nested-border-color
--gf-field-pg-steps-number-border-color
--gf-field-repeater-separator-color
*/
--gf-color-out-ctrl-light-darker: #d2d5db;
/**
@cssprop
Name: Lighter
Property: --gf-color-out-ctrl-light-lighter
Description: A slightly lighter version of base color. Generated and applied from the Input Styles > Background Color setting.
Default: #f2f3f5
*/
--gf-color-out-ctrl-light-lighter: #f2f3f5;
/**
## Form Controls Color
@description Used for form controls and UI that lives inside of form controls.
*/
/**
@cssprop
Name: Base
Property: --gf-color-in-ctrl
Description: Color all variations are based on. Applied from the Input Styles > Background Color setting.
Default: #fff
Used by: --gf-ctrl-bg-color
*/
--gf-color-in-ctrl: #fff;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-in-ctrl-rgb
Description: Base color in RGB format. Applied from the Input Styles > Background Color setting.
Default: 255, 255, 255
*/
--gf-color-in-ctrl-rgb: 255, 255, 255;
/**
@cssprop
Name: Contrast
Property: --gf-color-in-ctrl-contrast
Description: Opposite of base color and should be visible against it. Applied from the Input Styles > Text Color setting.
Default: #112337
Used by: --gf-ctrl-color
*/
--gf-color-in-ctrl-contrast: #112337;
/**
@cssprop
Name: Contrast (rgb)
Property: --gf-color-in-ctrl-contrast-rgb
Description: Contrast color in RGB format. Applied from the Input Styles > Text Color setting.
Default: 17, 35, 55
Used by: --gf-ctrl-color-disabled
--gf-ctrl-placeholder-color
--gf-ctrl-choice-check-color-disabled
--gf-ctrl-file-zone-color
*/
--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;
/**
@cssprop
Name: Darker
Property: --gf-color-in-ctrl-darker
Description: A slightly darker version of base color. Generated and applied from the Input Styles > Background Color setting.
Default: #f2f3f5
*/
--gf-color-in-ctrl-darker: #f2f3f5;
/**
@cssprop
Name: Lighter
Property: --gf-color-in-ctrl-lighter
Description: A slightly lighter version of base color. Generated and applied from the Input Styles > Background Color setting.
Default: #f2f3f5
*/
--gf-color-in-ctrl-lighter: #f2f3f5;
/**
## Form Controls UI - Primary Color
@description The primary accent color used for form controls and UI that lives inside of form controls.
*/
/**
@cssprop
Name: Base
Property: --gf-color-in-ctrl-primary
Description: Color all variations are based on. Applied from the Input Styles > Accent Color setting.
Default: var(--gf-color-primary)
Used by: --gf-ctrl-accent-color
--gf-ctrl-btn-bg-color-ctrl
--gf-ctrl-file-zone-icon-color
--gf-ctrl-select-dropdown-option-shadow-hover
--gf-ctrl-multiselect-selected-item-bg-color
--gf-ctrl-date-picker-cell-content-bg-color-selected
--gf-ctrl-date-picker-cell-content-border
--gf-ctrl-choice-check-color
--gf-field-img-choice-card-check-ind-bg-color
*/
--gf-color-in-ctrl-primary: var(--gf-color-primary);
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-in-ctrl-primary-rgb
Description: Base color in RGB format. Applied from the Input Styles > Accent Color setting.
Default: var(--gf-color-primary-rgb)
*/
--gf-color-in-ctrl-primary-rgb: var(--gf-color-primary-rgb);
/**
@cssprop
Name: Contrast
Property: --gf-color-in-ctrl-primary-contrast
Description: Opposite of base color and should be visible against it. Generated and applied as white or black from the Input Styles > Accent Color setting.
Default: var(--gf-color-primary-contrast)
Used by: --gf-ctrl-btn-color-ctrl
--gf-ctrl-multiselect-selected-item-color
--gf-ctrl-multiselect-selected-item-remove-icon-color
--gf-ctrl-date-picker-cell-content-color-selected
--gf-field-img-choice-no-card-check-ind-icon-color
*/
--gf-color-in-ctrl-primary-contrast: var(--gf-color-primary-contrast);
/**
@cssprop
Name: Contrast (rgb)
Property: --gf-color-in-ctrl-primary-contrast-rgb
Description: Contrast color in RGB format. Generated and applied as white or black from the Input Styles > Accent Color setting.
Default: var(--gf-color-primary-contrast-rgb)
*/
--gf-color-in-ctrl-primary-contrast-rgb: var(--gf-color-primary-contrast-rgb);
/**
@cssprop
Name: Darker
Property: --gf-color-in-ctrl-primary-darker
Description: A slightly darker version of base color. Generated and applied from the Input Styles > Accent Color setting.
Default: var(--gf-color-primary-darker)
Used by: --gf-ctrl-btn-bg-color-hover-ctrl
*/
--gf-color-in-ctrl-primary-darker: var(--gf-color-primary-darker);
/**
@cssprop
Name: Lighter
Property: --gf-color-in-ctrl-primary-lighter
Description: A slightly lighter version of base color. Generated and applied from the Input Styles > Accent Color setting.
Default: var(--gf-color-primary-lighter)
*/
--gf-color-in-ctrl-primary-lighter: var(--gf-color-primary-lighter);
/**
## Form Controls UI - Dark Color
@description Used for form controls and UI that lives inside of form controls.
*/
/**
@cssprop
Name: Base
Property: --gf-color-in-ctrl-dark
Description: Color all variations are based on. Applied from the Description Styles > Text Color setting.
Default: #585e6a
*/
--gf-color-in-ctrl-dark: #585e6a;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-in-ctrl-dark-rgb
Description: Base color in RGB format. Applied from the Description Styles > Text Color setting.
Default: 88, 94, 106
Used by: --gf-field-img-choice-card-placeholder-color
*/
--gf-color-in-ctrl-dark-rgb: 88, 94, 106;
/**
@cssprop
Name: Darker
Property: --gf-color-in-ctrl-dark-darker
Description: A slightly darker version of base color. Generated and applied from the Input Styles > Text Color setting.
Default: #112337
Used by: --gf-ctrl-icon-color-hover
*/
--gf-color-in-ctrl-dark-darker: #112337;
/**
@cssprop
Name: Lighter
Property: --gf-color-in-ctrl-dark-lighter
Description: A slightly lighter version of base color. Generated and applied from the Input Styles > Text Color setting.
Default: #686e77
Used by: --gf-ctrl-border-color
--gf-ctrl-icon-color
*/
--gf-color-in-ctrl-dark-lighter: #686e77;
/**
## Form Controls UI - Light Color
@description Used for form controls and UI that lives inside of form controls.
*/
/**
@cssprop
Name: Base
Property: --gf-color-in-ctrl-light
Description: Color all variations are based on. Generated and applied from the Label Styles > Text Color setting.
Default: #e5e7eb
Used by: select[multiple] option:checked background color
*/
--gf-color-in-ctrl-light: #e5e7eb;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-in-ctrl-light-rgb
Description: Base color in RGB format. Generated and applied from the Label Styles > Text Color setting.
Default: 229, 231, 235
Used by: --gf-field-img-choice-card-placeholder-bg-color
*/
--gf-color-in-ctrl-light-rgb: 229, 231, 235;
/**
@cssprop
Name: Darker
Property: --gf-color-in-ctrl-light-darker
Description: A slightly darker version of base color. Generated and applied from the Input Styles > Border Color setting.
Default: #d2d5db
Used by: --gf-ctrl-border-color-disabled
--gf-ctrl-btn-border-color-secondary
--gf-ctrl-date-picker-dropdown-border-color
*/
--gf-color-in-ctrl-light-darker: #d2d5db;
/**
@cssprop
Name: Lighter
Property: --gf-color-in-ctrl-light-lighter
Description: A slightly lighter version of base color. Generated and applied from the Input Styles > Background Color setting.
Default: #f2f3f5
Used by: --gf-ctrl-bg-color-disabled
--gf-ctrl-select-dropdown-option-bg-color-hover
*/
--gf-color-in-ctrl-light-lighter: #f2f3f5;
/**
## Error Color
@description The color used for form error UI.
*/
/**
@cssprop
Name: Base
Property: --gf-color-danger
Description: Color all variations are based on.
Default: #c02b0a
Used by: --gf-ctrl-border-color-error
--gf-ctrl-desc-color-error
--gf-ctrl-label-color-req
--gf-form-validation-color
.gform_required_legend .gfield_required color
*/
--gf-color-danger: #c02b0a;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-danger-rgb
Description: Base color in RGB format.
Default: 192, 43, 10
Used by: --gf-form-validation-bg-color
--gf-form-validation-border-color
--gf-form-validation-heading-icon-bg-color
*/
--gf-color-danger-rgb: 192, 43, 10;
/**
@cssprop
Name: Contrast
Property: --gf-color-danger-contrast
Description: Opposite of base color and should be visible against it.
Default: #fff
*/
--gf-color-danger-contrast: #fff;
/**
@cssprop
Name: Contrast (rgb)
Property: --gf-color-danger-contrast-rgb
Description: Contrast color in RGB format.
Default: 255, 255, 255
*/
--gf-color-danger-contrast-rgb: 255, 255, 255;
/**
## Success Color
@description The color used for form success UI.
*/
/**
@cssprop
Name: Base
Property: --gf-color-success
Description: Color all variations are based on.
Default: #399f4b
Used by: --gf-ctrl-file-prog-btn-icon-color-complete
*/
--gf-color-success: #399f4b;
/**
@cssprop
Name: Base (rgb)
Property: --gf-color-success-rgb
Description: Base color in RGB format.
Default: 57, 159, 75
*/
--gf-color-success-rgb: 57, 159, 75;
/**
@cssprop
Name: Contrast
Property: --gf-color-success-contrast
Description: Opposite of base color and should be visible against it.
Default: #fff
*/
--gf-color-success-contrast: #fff;
/**
@cssprop
Name: Contrast (rgb)
Property: --gf-color-success-contrast-rgb
Description: Contrast color in RGB format.
Default: 255, 255, 255
*/
--gf-color-success-contrast-rgb: 255, 255, 255;
}
/**
@navsection Global CSS API/Base
@navlabel Icons
# Global CSS API: Icons
@description The following CSS custom properties are used to control form UI icons.
*/
/* Gravity Forms Theme Framework | Global CSS API: Icons */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-icon-font-family
Description: Font family for the form icons.
Default: "gform-icons-orbital"
*/
--gf-icon-font-family: "gform-icons-orbital";
/**
@cssprop
Property: --gf-icon-font-size
Description: Size used for the form icon font.
Default: 20px
*/
--gf-icon-font-size: 20px;
/**
@cssprop
Property: --gf-icon-ctrl-checkbox
Description: Checkbox control checked icon.
Default: "\e900"
*/
--gf-icon-ctrl-checkbox: "\e900";
/**
@cssprop
Property: --gf-icon-ctrl-select-down
Description: Select control down arrow icon.
Default: "\e901"
*/
--gf-icon-ctrl-select-down: "\e901";
/**
@cssprop
Property: --gf-icon-ctrl-select-up
Description: Select control up arrow icon.
Default: "\e902"
*/
--gf-icon-ctrl-select-up: "\e902";
/**
@cssprop
Property: --gf-icon-ctrl-select
Description: Select control icon.
Default: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='%23686E77'/%3E%3C/svg%3E")
*/
--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='%23686E77'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */
/**
@cssprop
Property: --gf-icon-ctrl-search
Description: Search control icon for the enhanced select control UI.
Default: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='%23686E77'/%3E%3C/svg%3E")
*/
--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='%23686E77'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */
/**
@cssprop
Property: --gf-icon-ctrl-cancel
Description: Remove selected item icon for the enhanced multiple select control UI.
Default: "\e918"
*/
--gf-icon-ctrl-cancel: "\e918";
/**
@cssprop
Property: --gf-icon-ctrl-number
Description: Number control icon.
Default: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='%23686E77'/%3E%3C/svg%3E")
*/
--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='%23686E77'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */
/**
@cssprop
Property: --gf-icon-ctrl-pwd-hidden
Description: Password field icon when password is hidden.
Default: "\e90a"
*/
--gf-icon-ctrl-pwd-hidden: "\e90a";
/**
@cssprop
Property: --gf-icon-ctrl-pwd-visible
Description: Password field icon when password is visible.
Default: "\e909"
*/
--gf-icon-ctrl-pwd-visible: "\e909";
/**
@cssprop
Property: --gf-icon-ctrl-list-item-add
Description: List field icon for adding a new item.
Default: "\e90f"
*/
--gf-icon-ctrl-list-item-add: "\e90f";
/**
@cssprop
Property: --gf-icon-ctrl-list-item-remove
Description: List field icon for removing an item.
Default: "\e90e"
*/
--gf-icon-ctrl-list-item-remove: "\e90e";
/**
@cssprop
Property: --gf-icon-ctrl-save-continue
Description: Save & Continue button icon.
Default: "\e910"
*/
--gf-icon-ctrl-save-continue: "\e910";
/**
@cssprop
Property: --gf-icon-ctrl-pg-numbers-complete
Description: Paged form step completed icon.
Default: "\e90b"
*/
--gf-icon-ctrl-pg-numbers-complete: "\e90b";
/**
@cssprop
Property: --gf-icon-ctrl-file
Description: File upload control icon for the enhanced file upload control UI.
Default: "\e911"
*/
--gf-icon-ctrl-file: "\e911";
/**
@cssprop
Property: --gf-icon-ctrl-file-completed
Description: File upload control completed icon for the enhanced file upload control UI.
Default: "\e90c"
*/
--gf-icon-ctrl-file-completed: "\e90c";
/**
@cssprop
Property: --gf-icon-ctrl-file-cancel
Description: File upload control cancel icon for the enhanced file upload control UI.
Default: "\e904"
*/
--gf-icon-ctrl-file-cancel: "\e904";
/**
@cssprop
Property: --gf-icon-ctrl-file-remove
Description: File upload control remove icon for the enhanced file upload control UI.
Default: "\e919"
*/
--gf-icon-ctrl-file-remove: "\e919";
/**
@cssprop
Property: --gf-icon-ctrl-datepicker
Description: Datepicker control and enhanced UI icon.
Default: "\e91a"
*/
--gf-icon-ctrl-datepicker: "\e91a";
/**
@cssprop
Property: --gf-icon-ctrl-datepicker-left
Description: Left navigation icon for the enhanced datepicker control UI.
Default: "\e91b"
*/
--gf-icon-ctrl-datepicker-left: "\e91b";
/**
@cssprop
Property: --gf-icon-ctrl-datepicker-right
Description: Right navigation icon for the enhanced datepicker control UI.
Default: "\e91c"
*/
--gf-icon-ctrl-datepicker-right: "\e91c";
/**
@cssprop
Property: --gf-icon-ctrl-img-choice-placeholder
Description: Placeholder icon for the image choice field control.
Default: "\e922"
*/
--gf-icon-ctrl-img-choice-placeholder: "\e922";
/**
@cssprop
Property: --gf-icon-tooltip-error
Description: Icon used for the form error validation summary UI.
Default: "\e906"
*/
--gf-icon-tooltip-error: "\e906";
}
/**
@navsection Global CSS API/Base
@navlabel Field Layout & Spacing
# Global CSS API: Field Layout & Spacing
@description The following CSS custom properties are used to control more of the field level layout and spacing of form UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Layout & Spacing */
.gform-theme--framework, .gform-theme--api {
/**
## Form
@description Properties used for form UI layout and spacing.
*/
/**
@cssprop
Property: --gf-padding-x
Description: Horizontal (left/right) padding for form UI.
Default: 12px
*/
--gf-padding-x: 12px;
/**
@cssprop
Property: --gf-padding-y
Description: Vertical (top/bottom) padding for form UI.
Default: 12px
*/
--gf-padding-y: 12px;
/**
## Primary Label
@description Properties used for the primary label UI layout and spacing, the field level label.
*/
/**
@cssprop
Property: --gf-label-space-primary
Description: Primary label spacer.
Default: 8px
*/
--gf-label-space-primary: 8px;
/**
@cssprop
Property: --gf-label-choice-field-space-primary
Description: Primary label spacer for choice based fields.
Default: 12px
*/
--gf-label-choice-field-space-primary: 12px;
/**
## Secondary Label
@description Properties used for the secondary label UI layout and spacing, the radio, checkbox, and consent field labels.
*/
/**
@cssprop
Property: --gf-label-space-x-secondary
Description: Secondary label horizontal (left/right) spacer.
Default: 12px
*/
--gf-label-space-x-secondary: 12px;
/**
@cssprop
Property: --gf-label-space-y-sm-secondary
Description: Secondary label vertical (top/bottom) spacer for fields using the small control size.
Default: -1px
*/
--gf-label-space-y-sm-secondary: -1px;
/**
@cssprop
Property: --gf-label-space-y-md-secondary
Description: Secondary label vertical (top/bottom) spacer for fields using the medium control size.
Default: 0
*/
--gf-label-space-y-md-secondary: 0;
/**
@cssprop
Property: --gf-label-space-y-lg-secondary
Description: Secondary label vertical (top/bottom) spacer for fields using the large control size.
Default: 1px
*/
--gf-label-space-y-lg-secondary: 1px;
/**
@cssprop
Property: --gf-label-space-y-xl-secondary
Description: Secondary label vertical (top/bottom) spacer for fields using the extra large control size.
Default: 4px
*/
--gf-label-space-y-xl-secondary: 4px;
/**
@cssprop
Property: --gf-label-space-y-secondary
Description: Secondary label vertical (top/bottom) spacer.
Default: var(--gf-label-space-y-md-secondary)
*/
--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);
/**
## Tertiary Label
@description Properties used for the tertiary label UI layout and spacing, the complex field and fieldset labels.
*/
/**
@cssprop
Property: --gf-label-space-tertiary
Description: Tertiary label spacer.
Default: 8px
*/
--gf-label-space-tertiary: 8px;
/**
## Field Description
@description Properties used for the field description UI layout and spacing.
*/
/**
@cssprop
Property: --gf-desc-space
Description: Description spacer.
Default: 8px
*/
--gf-desc-space: 8px;
/**
@cssprop
Property: --gf-desc-choice-field-space
Description: Description spacer for choice based fields.
Default: 12px
*/
--gf-desc-choice-field-space: 12px;
}
/**
@navsection Global CSS API/Base
@navlabel Transitions & Animation
# Global CSS API: Transitions & Animation
@description The following CSS custom properties are used to control form UI transitions and animation.
*/
/* Gravity Forms Theme Framework | Global CSS API: Transitions & Animation */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-transition-duration
Description: Form UI transition duration.
Default: 0.15s
*/
--gf-transition-duration: 0.15s;
/**
@cssprop
Property: --gf-transition-ctrl
Description: Form controls UI transition.
Default: var(--gf-transition-duration)
*/
--gf-transition-ctrl: var(--gf-transition-duration);
}
/**
@navsection Global CSS API/Base
@navlabel Typography
# Global CSS API: Typography
@description The following CSS custom properties are used to control form UI typography.
*/
/* Gravity Forms Theme Framework | Global CSS API: Typography */
.gform-theme--framework, .gform-theme--api {
/**
## Base Typography
@description Properties used for base form UI typography.
*/
/**
@cssprop
Property: --gf-font-family-base
Description: Base font family.
Default: initial (inherit theme's font family)
*/
--gf-font-family-base: initial;
/**
@cssprop
Property: --gf-font-style-base
Description: Base font style.
Default: normal
*/
--gf-font-style-base: normal;
/**
## Primary Typography
@description Properties used for primary typography, namely form controls and validation UI.
*/
/**
@cssprop
Property: --gf-font-family-primary
Description: Primary font family.
Default: var(--gf-font-family-base)
*/
--gf-font-family-primary: var(--gf-font-family-base);
/**
@cssprop
Property: --gf-font-size-primary
Description: Primary font size.
Default: 14px
*/
--gf-font-size-primary: 14px;
/**
@cssprop
Property: --gf-font-style-primary
Description: Primary font style.
Default: var(--gf-font-style-base)
*/
--gf-font-style-primary: var(--gf-font-style-base);
/**
@cssprop
Property: --gf-font-weight-primary
Description: Primary font weight.
Default: 400
*/
--gf-font-weight-primary: 400;
/**
@cssprop
Property: --gf-letter-spacing-primary
Description: Primary letter spacing.
Default: 0
*/
--gf-letter-spacing-primary: 0;
/**
@cssprop
Property: --gf-line-height-primary
Description: Primary line height.
Default: 1.5
*/
--gf-line-height-primary: 1.5;
/**
## Secondary Typography
@description Properties used for secondary typography, namely form labels.
*/
/**
@cssprop
Property: --gf-font-family-secondary
Description: Secondary font family.
Default: var(--gf-font-family-base)
*/
--gf-font-family-secondary: var(--gf-font-family-base);
/**
@cssprop
Property: --gf-font-size-secondary
Description: Secondary font size.
Default: 14px
*/
--gf-font-size-secondary: 14px;
/**
@cssprop
Property: --gf-font-style-secondary
Description: Secondary font style.
Default: var(--gf-font-style-base)
*/
--gf-font-style-secondary: var(--gf-font-style-base);
/**
@cssprop
Property: --gf-font-weight-secondary
Description: Secondary font weight.
Default: 500
*/
--gf-font-weight-secondary: 500;
/**
@cssprop
Property: --gf-letter-spacing-secondary
Description: Secondary letter spacing.
Default: 0
*/
--gf-letter-spacing-secondary: 0;
/**
@cssprop
Property: --gf-line-height-secondary
Description: Secondary line height.
Default: 1.43
*/
--gf-line-height-secondary: 1.43;
/**
## Tertiary Typography
@description Properties used for tertiary typography, namely form descriptions and sub-labels
(labels for complex fields and fieldsets).
*/
/**
@cssprop
Property: --gf-font-family-tertiary
Description: Tertiary font family.
Default: var(--gf-font-family-base)
*/
--gf-font-family-tertiary: var(--gf-font-family-base);
/**
@cssprop
Property: --gf-font-size-tertiary
Description: Tertiary font size.
Default: 14px
*/
--gf-font-size-tertiary: 14px;
/**
@cssprop
Property: --gf-font-style-tertiary
Description: Tertiary font style.
Default: var(--gf-font-style-base)
*/
--gf-font-style-tertiary: var(--gf-font-style-base);
/**
@cssprop
Property: --gf-font-weight-tertiary
Description: Tertiary font weight.
Default: 400
*/
--gf-font-weight-tertiary: 400;
/**
@cssprop
Property: --gf-letter-spacing-tertiary
Description: Tertiary letter spacing.
Default: 0
*/
--gf-letter-spacing-tertiary: 0;
/**
@cssprop
Property: --gf-line-height-tertiary
Description: Tertiary line height.
Default: 1.43
*/
--gf-line-height-tertiary: 1.43;
}
/* Controls */
/**
@navsection Global CSS API/Controls
@navlabel Base
# Global CSS API: Controls - Base
@description The following CSS custom properties are used as the base for all form control types UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Default For All Types */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Group: Background
Property: --gf-ctrl-bg-color
Description: Background color.
Default: var(--gf-color-in-ctrl)
*/
--gf-ctrl-bg-color: var(--gf-color-in-ctrl);
/**
@cssprop
Property: --gf-ctrl-bg-color-hover
Description: Background color on hover.
Default: var(--gf-ctrl-bg-color)
*/
--gf-ctrl-bg-color-hover: var(--gf-ctrl-bg-color);
/**
@cssprop
Property: --gf-ctrl-bg-color-focus
Description: Background color on focus.
Default: var(--gf-ctrl-bg-color)
*/
--gf-ctrl-bg-color-focus: var(--gf-ctrl-bg-color);
/**
@cssprop
Property: --gf-ctrl-bg-color-disabled
Description: Background color when disabled.
Default: var(--gf-color-in-ctrl-light-lighter)
*/
--gf-ctrl-bg-color-disabled: var(--gf-color-in-ctrl-light-lighter);
/**
@cssprop
Property: --gf-ctrl-bg-color-error
Description: Background color when in error state.
Default: var(--gf-ctrl-bg-color)
*/
--gf-ctrl-bg-color-error: var(--gf-ctrl-bg-color);
/**
@cssprop
Group: Border
Property: --gf-ctrl-border-color
Description: Border color.
Default: var(--gf-color-in-ctrl-dark-lighter)
*/
--gf-ctrl-border-color: var(--gf-color-in-ctrl-dark-lighter);
/**
@cssprop
Property: --gf-ctrl-border-color-hover
Description: Border color on hover.
Default: var(--gf-ctrl-border-color)
*/
--gf-ctrl-border-color-hover: var(--gf-ctrl-border-color);
/**
@cssprop
Property: --gf-ctrl-border-color-focus
Description: Border color on focus.
Default: var(--gf-color-primary)
*/
--gf-ctrl-border-color-focus: var(--gf-color-primary);
/**
@cssprop
Property: --gf-ctrl-border-color-disabled
Description: Border color when disabled.
Default: var(--gf-color-in-ctrl-light-darker)
*/
--gf-ctrl-border-color-disabled: var(--gf-color-in-ctrl-light-darker);
/**
@cssprop
Property: --gf-ctrl-border-color-error
Description: Border color when in error state.
Default: var(--gf-color-danger)
*/
--gf-ctrl-border-color-error: var(--gf-color-danger);
/**
@cssprop
Property: --gf-ctrl-border-style
Description: Border style.
Default: solid
*/
--gf-ctrl-border-style: solid;
/**
@cssprop
Property: --gf-ctrl-border-width
Description: Border width.
Default: 1px
*/
--gf-ctrl-border-width: 1px;
/**
@cssprop
Property: --gf-ctrl-radius
Description: Border radius.
Default: var(--gf-radius)
*/
--gf-ctrl-radius: var(--gf-radius);
/**
@cssprop
Property: --gf-ctrl-radius-max-sm
Description: Maximum border radius for fields using the small control size.
Default: min(var(--gf-ctrl-radius), var(--gf-radius-max-sm))
*/
--gf-ctrl-radius-max-sm: min(var(--gf-ctrl-radius), var(--gf-radius-max-sm));
/**
@cssprop
Property: --gf-ctrl-radius-max-md
Description: Maximum border radius for fields using the medium control size.
Default: min(var(--gf-ctrl-radius), var(--gf-radius-max-md))
*/
--gf-ctrl-radius-max-md: min(var(--gf-ctrl-radius), var(--gf-radius-max-md));
/**
@cssprop
Property: --gf-ctrl-radius-max-lg
Description: Maximum border radius for fields using the large control size.
Default: min(var(--gf-ctrl-radius), var(--gf-radius-max-lg))
*/
--gf-ctrl-radius-max-lg: min(var(--gf-ctrl-radius), var(--gf-radius-max-lg));
/**
@cssprop
Property: --gf-ctrl-outline-color
Description: Outline color.
Default: transparent
*/
--gf-ctrl-outline-color: transparent;
/**
@cssprop
Property: --gf-ctrl-outline-color-focus
Description: Outline color on focus.
Default: rgba(var(--gf-color-primary-rgb), 0.65)
*/
--gf-ctrl-outline-color-focus: rgba(var(--gf-color-primary-rgb), 0.65);
/**
@cssprop
Property: --gf-ctrl-outline-offset
Description: Outline offset.
Default: 1px
*/
--gf-ctrl-outline-offset: 1px;
/**
@cssprop
Property: --gf-ctrl-outline-style
Description: Outline style.
Default: solid
*/
--gf-ctrl-outline-style: solid;
/**
@cssprop
Property: --gf-ctrl-outline-width
Description: Outline width.
Default: 0
*/
--gf-ctrl-outline-width: 0;
/**
@cssprop
Property: --gf-ctrl-outline-width-focus
Description: Outline width on focus.
Default: 3px
*/
--gf-ctrl-outline-width-focus: 3px;
/**
@cssprop
Group: Color
Property: --gf-ctrl-color
Description: Color.
Default: var(--gf-color-in-ctrl-contrast)
*/
--gf-ctrl-color: var(--gf-color-in-ctrl-contrast);
/**
@cssprop
Property: --gf-ctrl-color-hover
Description: Color on hover.
Default: var(--gf-ctrl-color)
*/
--gf-ctrl-color-hover: var(--gf-ctrl-color);
/**
@cssprop
Property: --gf-ctrl-color-focus
Description: Color on focus.
Default: var(--gf-ctrl-color)
*/
--gf-ctrl-color-focus: var(--gf-ctrl-color);
/**
@cssprop
Property: --gf-ctrl-color-disabled
Description: Color when disabled.
Default: rgba(var(--gf-color-in-ctrl-contrast-rgb), 0.6)
*/
--gf-ctrl-color-disabled: rgba(var(--gf-color-in-ctrl-contrast-rgb), 0.6);
/**
@cssprop
Property: --gf-ctrl-color-error
Description: Color when in error state.
Default: var(--gf-ctrl-color)
*/
--gf-ctrl-color-error: var(--gf-ctrl-color);
/**
@cssprop
Property: --gf-ctrl-icon-color
Description: Icon color.
Default: var(--gf-color-in-ctrl-dark-lighter)
*/
--gf-ctrl-icon-color: var(--gf-color-in-ctrl-dark-lighter);
/**
@cssprop
Property: --gf-ctrl-icon-color-hover
Description: Icon color on hover.
Default: var(--gf-color-in-ctrl-dark-darker)
*/
--gf-ctrl-icon-color-hover: var(--gf-color-in-ctrl-dark-darker);
/**
@cssprop
Property: --gf-ctrl-icon-color-focus
Description: Icon color on focus.
Default: var(--gf-ctrl-icon-color-hover)
*/
--gf-ctrl-icon-color-focus: var(--gf-ctrl-icon-color-hover);
/**
@cssprop
Property: --gf-ctrl-icon-color-disabled
Description: Icon color when disabled.
Default: var(--gf-ctrl-icon-color)
*/
--gf-ctrl-icon-color-disabled: var(--gf-ctrl-icon-color);
/**
@cssprop
Group: Effects
Property: --gf-ctrl-shadow
Description: Box shadow.
Default: 0 1px 4px rgba(18, 25, 97, 0.0779552)
*/
--gf-ctrl-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
/**
@cssprop
Group: Interactivity
Property: --gf-ctrl-accent-color
Description: Accent color for controls which support it natively.
Default: var(--gf-color-in-ctrl-primary)
*/
--gf-ctrl-accent-color: var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-ctrl-appearance
Description: Appearance.
Default: none
*/
--gf-ctrl-appearance: none;
/**
@cssprop
Group: Sizing
Property: --gf-ctrl-size-sm
Description: Small control size.
Default: 35px
*/
--gf-ctrl-size-sm: 35px;
/**
@cssprop
Property: --gf-ctrl-size-md
Description: Medium control size.
Default: 38px
*/
--gf-ctrl-size-md: 38px;
/**
@cssprop
Property: --gf-ctrl-size-lg
Description: Large control size.
Default: 47px
*/
--gf-ctrl-size-lg: 47px;
/**
@cssprop
Property: --gf-ctrl-size-xl
Description: Extra large control size.
Default: 54px
*/
--gf-ctrl-size-xl: 54px;
/**
@cssprop
Property: --gf-ctrl-size
Description: Control size.
Default: var(--gf-ctrl-size-md)
*/
--gf-ctrl-size: var(--gf-ctrl-size-md);
/**
@cssprop
Group: Spacing
Property: --gf-ctrl-padding-x
Description: Horizontal (left/right) padding.
Default: var(--gf-padding-x)
*/
--gf-ctrl-padding-x: var(--gf-padding-x);
/**
@cssprop
Property: --gf-ctrl-padding-y
Description: Vertical (top/bottom) padding.
Default: 0
*/
--gf-ctrl-padding-y: 0;
/**
@cssprop
Group: Transition & Animation
Property: --gf-ctrl-transition
Description: Transition.
Default: var(--gf-transition-ctrl)
*/
--gf-ctrl-transition: var(--gf-transition-ctrl);
/**
@cssprop
Group: Typography
Property: --gf-ctrl-font-family
Description: Font family.
Default: var(--gf-font-family-primary)
*/
--gf-ctrl-font-family: var(--gf-font-family-primary);
/**
@cssprop
Property: --gf-ctrl-font-size
Description: Font size.
Default: var(--gf-font-size-primary)
*/
--gf-ctrl-font-size: var(--gf-font-size-primary);
/**
@cssprop
Property: --gf-ctrl-font-style
Description: Font style.
Default: var(--gf-font-style-base)
*/
--gf-ctrl-font-style: var(--gf-font-style-base);
/**
@cssprop
Property: --gf-ctrl-font-weight
Description: Font weight.
Default: var(--gf-font-weight-primary)
*/
--gf-ctrl-font-weight: var(--gf-font-weight-primary);
/**
@cssprop
Property: --gf-ctrl-letter-spacing
Description: Letter spacing.
Default: var(--gf-letter-spacing-primary)
*/
--gf-ctrl-letter-spacing: var(--gf-letter-spacing-primary);
/**
@cssprop
Property: --gf-ctrl-line-height
Description: Line height.
Default: var(--gf-ctrl-size)
*/
--gf-ctrl-line-height: var(--gf-ctrl-size);
/**
## Placeholder
@description Properties used for control placeholder UI.
*/
/**
@cssprop
Property: --gf-ctrl-placeholder-color
Description: Color.
Default: rgba(var(--gf-color-in-ctrl-contrast-rgb), 0.7)
*/
--gf-ctrl-placeholder-color: rgba(var(--gf-color-in-ctrl-contrast-rgb), 0.7);
/**
@cssprop
Property: --gf-ctrl-placeholder-font-family
Description: Font family.
Default: var(--gf-ctrl-font-family)
*/
--gf-ctrl-placeholder-font-family: var(--gf-ctrl-font-family);
/**
@cssprop
Property: --gf-ctrl-placeholder-font-size
Description: Font size.
Default: var(--gf-ctrl-font-size)
*/
--gf-ctrl-placeholder-font-size: var(--gf-ctrl-font-size);
/**
@cssprop
Property: --gf-ctrl-placeholder-font-style
Description: Font style.
Default: var(--gf-ctrl-font-style)
*/
--gf-ctrl-placeholder-font-style: var(--gf-ctrl-font-style);
/**
@cssprop
Property: --gf-ctrl-placeholder-font-weight
Description: Font weight.
Default: var(--gf-ctrl-font-weight)
*/
--gf-ctrl-placeholder-font-weight: var(--gf-ctrl-font-weight);
/**
@cssprop
Property: --gf-ctrl-placeholder-letter-spacing
Description: Letter spacing.
Default: var(--gf-ctrl-letter-spacing)
*/
--gf-ctrl-placeholder-letter-spacing: var(--gf-ctrl-letter-spacing);
/**
@cssprop
Property: --gf-ctrl-placeholder-opacity
Description: Opacity.
Default: 1
*/
--gf-ctrl-placeholder-opacity: 1;
}
/**
@navsection Global CSS API/Controls
@navlabel Readonly
# Global CSS API: Controls - Readonly
@description The following CSS custom properties are used for control readonly input type UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Readonly */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-ctrl-readonly-color
Description: Color.
Default: var(--gf-ctrl-color)
*/
--gf-ctrl-readonly-color: var(--gf-ctrl-color);
/**
@cssprop
Property: --gf-ctrl-readonly-font-family
Description: Font family.
Default: var(--gf-ctrl-font-family)
*/
--gf-ctrl-readonly-font-family: var(--gf-ctrl-font-family);
/**
@cssprop
Property: --gf-ctrl-readonly-font-size
Description: Font size.
Default: var(--gf-ctrl-font-size)
*/
--gf-ctrl-readonly-font-size: var(--gf-ctrl-font-size);
/**
@cssprop
Property: --gf-ctrl-readonly-font-style
Description: Font style.
Default: var(--gf-ctrl-font-style)
*/
--gf-ctrl-readonly-font-style: var(--gf-ctrl-font-style);
/**
@cssprop
Property: --gf-ctrl-readonly-font-weight
Description: Font weight.
Default: 500
*/
--gf-ctrl-readonly-font-weight: 500;
/**
@cssprop
Property: --gf-ctrl-readonly-letter-spacing
Description: Letter spacing.
Default: var(--gf-ctrl-letter-spacing)
*/
--gf-ctrl-readonly-letter-spacing: var(--gf-ctrl-letter-spacing);
/**
@cssprop
Property: --gf-ctrl-readonly-line-height
Description: Line height.
Default: 1
*/
--gf-ctrl-readonly-line-height: 1;
}
/**
@navsection Global CSS API/Controls
@navlabel Button
# Global CSS API: Controls - Button
@description The following CSS custom properties are used for the button control UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Button */
.gform-theme--framework, .gform-theme--api {
/**
## Button Base
@description Properties used for base button control UI.
*/
/**
@cssprop
Group: Border
Property: --gf-ctrl-btn-radius
Description: Border radius.
Default: var(--gf-radius)
*/
--gf-ctrl-btn-radius: var(--gf-radius);
/**
@cssprop
Group: Effects
Property: --gf-ctrl-btn-shadow
Description: Box shadow.
Default: 0 1px 4px rgba(18, 25, 97, 0.0779552)
*/
--gf-ctrl-btn-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
/**
@cssprop
Property: --gf-ctrl-btn-shadow-hover
Description: Box shadow when hovered.
Default: var(--gf-ctrl-btn-shadow)
*/
--gf-ctrl-btn-shadow-hover: var(--gf-ctrl-btn-shadow);
/**
@cssprop
Property: --gf-ctrl-btn-shadow-focus
Description: Box shadow when focused.
Default: var(--gf-ctrl-btn-shadow)
*/
--gf-ctrl-btn-shadow-focus: var(--gf-ctrl-btn-shadow);
/**
@cssprop
Property: --gf-ctrl-btn-shadow-disabled
Description: Box shadow when disabled.
Default: var(--gf-ctrl-btn-shadow)
*/
--gf-ctrl-btn-shadow-disabled: var(--gf-ctrl-btn-shadow);
/**
@cssprop
Property: --gf-ctrl-btn-opacity
Description: Opacity.
Default: 1
*/
--gf-ctrl-btn-opacity: 1;
/**
@cssprop
Property: --gf-ctrl-btn-opacity-disabled
Description: Opacity when disabled.
Default: 0.5
*/
--gf-ctrl-btn-opacity-disabled: 0.5;
/**
@cssprop
Group: Sizing
Property: --gf-ctrl-btn-size-xs
Description: Extra small button size.
Default: 30px
*/
--gf-ctrl-btn-size-xs: 30px;
/**
@cssprop
Property: --gf-ctrl-btn-size-sm
Description: Small button size.
Default: var(--gf-ctrl-size-sm)
*/
--gf-ctrl-btn-size-sm: var(--gf-ctrl-size-sm);
/**
@cssprop
Property: --gf-ctrl-btn-size-md
Description: Medium button size.
Default: var(--gf-ctrl-size-md)
*/
--gf-ctrl-btn-size-md: var(--gf-ctrl-size-md);
/**
@cssprop
Property: --gf-ctrl-btn-size-lg
Description: Large button size.
Default: var(--gf-ctrl-size-lg)
*/
--gf-ctrl-btn-size-lg: var(--gf-ctrl-size-lg);
/**
@cssprop
Property: --gf-ctrl-btn-size-xl
Description: Extra large button size.
Default: var(--gf-ctrl-size-xl)
*/
--gf-ctrl-btn-size-xl: var(--gf-ctrl-size-xl);
/**
@cssprop
Property: --gf-ctrl-btn-size
Description: Button size.
Default: var(--gf-ctrl-btn-size-md)
*/
--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);
/**
@cssprop
Group: Spacing
Property: --gf-ctrl-btn-padding-x-xs
Description: Horizontal (left/right) padding for extra small buttons.
Default: 8px
*/
--gf-ctrl-btn-padding-x-xs: 8px;
/**
@cssprop
Property: --gf-ctrl-btn-padding-x-sm
Description: Horizontal (left/right) padding for small buttons.
Default: 12px
*/
--gf-ctrl-btn-padding-x-sm: 12px;
/**
@cssprop
Property: --gf-ctrl-btn-padding-x-md
Description: Horizontal (left/right) padding for medium buttons.
Default: 16px
*/
--gf-ctrl-btn-padding-x-md: 16px;
/**
@cssprop
Property: --gf-ctrl-btn-padding-x-lg
Description: Horizontal (left/right) padding for large buttons.
Default: 20px
*/
--gf-ctrl-btn-padding-x-lg: 20px;
/**
@cssprop
Property: --gf-ctrl-btn-padding-x-xl
Description: Horizontal (left/right) padding for extra large buttons.
Default: 24px
*/
--gf-ctrl-btn-padding-x-xl: 24px;
/**
@cssprop
Property: --gf-ctrl-btn-padding-x
Description: Horizontal (left/right) padding.
Default: var(--gf-ctrl-btn-padding-x-md)
*/
--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);
/**
@cssprop
Property: --gf-ctrl-btn-padding-y
Description: Vertical (top/bottom) padding.
Default: 0
*/
--gf-ctrl-btn-padding-y: 0;
/**
@cssprop
Group: Typography
Property: --gf-ctrl-btn-font-family
Description: Font family.
Default: var(--gf-font-family-base)
*/
--gf-ctrl-btn-font-family: var(--gf-font-family-base);
/**
@cssprop
Property: --gf-ctrl-btn-font-size-xs
Description: Font size for extra small buttons.
Default: 12px
*/
--gf-ctrl-btn-font-size-xs: 12px;
/**
@cssprop
Property: --gf-ctrl-btn-font-size-sm
Description: Font size for small buttons.
Default: 14px
*/
--gf-ctrl-btn-font-size-sm: 14px;
/**
@cssprop
Property: --gf-ctrl-btn-font-size-md
Description: Font size for medium buttons.
Default: 14px
*/
--gf-ctrl-btn-font-size-md: 14px;
/**
@cssprop
Property: --gf-ctrl-btn-font-size-lg
Description: Font size for large buttons.
Default: 16px
*/
--gf-ctrl-btn-font-size-lg: 16px;
/**
@cssprop
Property: --gf-ctrl-btn-font-size-xl
Description: Font size for extra large buttons.
Default: 16px
*/
--gf-ctrl-btn-font-size-xl: 16px;
/**
@cssprop
Property: --gf-ctrl-btn-font-size
Description: Font size.
Default: var(--gf-ctrl-btn-font-size-md)
*/
--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);
/**
@cssprop
Property: --gf-ctrl-btn-font-style
Description: Font style.
Default: var(--gf-font-style-base)
*/
--gf-ctrl-btn-font-style: var(--gf-font-style-base);
/**
@cssprop
Property: --gf-ctrl-btn-font-weight
Description: Font weight.
Default: 500
*/
--gf-ctrl-btn-font-weight: 500;
/**
@cssprop
Property: --gf-ctrl-btn-letter-spacing
Description: Letter spacing.
Default: var(--gf-letter-spacing-primary)
*/
--gf-ctrl-btn-letter-spacing: var(--gf-letter-spacing-primary);
/**
@cssprop
Property: --gf-ctrl-btn-line-height
Description: Line height.
Default: 1
*/
--gf-ctrl-btn-line-height: 1;
/**
@cssprop
Property: --gf-ctrl-btn-text-decoration
Description: Text decoration.
Default: none
*/
--gf-ctrl-btn-text-decoration: none;
/**
@cssprop
Property: --gf-ctrl-btn-text-transform
Description: Text transform.
Default: none
*/
--gf-ctrl-btn-text-transform: none;
/**
@cssprop
Group: Icon
Property: --gf-ctrl-btn-icon
Description: Icon.
Default: none
*/
--gf-ctrl-btn-icon: none;
/**
@cssprop
Property: --gf-ctrl-btn-icon-size
Description: Icon size.
Default: var(--gf-icon-font-size)
*/
--gf-ctrl-btn-icon-font-size: var(--gf-icon-font-size);
/**
@cssprop
Property: --gf-ctrl-btn-icon-gap
Description: Gap between icon and text.
Default: 6px
*/
--gf-ctrl-btn-icon-gap: 6px;
/**
@cssprop
Property: --gf-ctrl-btn-icon-transition
Description: Icon transition.
Default: var(--gf-ctrl-transition)
*/
--gf-ctrl-btn-icon-transition: var(--gf-ctrl-transition);
/**
## Primary Button
@description Properties used for the primary button control UI.
*/
/**
@cssprop
Group: Background
Property: --gf-ctrl-btn-bg-color-primary
Description: Background color.
Default: var(--gf-color-primary)
*/
--gf-ctrl-btn-bg-color-primary: var(--gf-color-primary);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-hover-primary
Description: Background color when hovered.
Default: var(--gf-color-primary-darker)
*/
--gf-ctrl-btn-bg-color-hover-primary: var(--gf-color-primary-darker);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-focus-primary
Description: Background color when focused.
Default: var(--gf-ctrl-btn-bg-color-primary)
*/
--gf-ctrl-btn-bg-color-focus-primary: var(--gf-ctrl-btn-bg-color-primary);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-disabled-primary
Description: Background color when disabled.
Default: var(--gf-ctrl-btn-bg-color-primary)
*/
--gf-ctrl-btn-bg-color-disabled-primary: var(--gf-ctrl-btn-bg-color-primary);
/**
@cssprop
Group: Border
Property: --gf-ctrl-btn-border-color-primary
Description: Border color.
Default: transparent
*/
--gf-ctrl-btn-border-color-primary: transparent;
/**
@cssprop
Property: --gf-ctrl-btn-border-color-hover-primary
Description: Border color when hovered.
Default: transparent
*/
--gf-ctrl-btn-border-color-hover-primary: transparent;
/**
@cssprop
Property: --gf-ctrl-btn-border-color-focus-primary
Description: Border color when focused.
Default: var(--gf-ctrl-btn-bg-color-hover-primary)
*/
--gf-ctrl-btn-border-color-focus-primary: var(--gf-ctrl-btn-bg-color-hover-primary);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-disabled-primary
Description: Border color when disabled.
Default: transparent
*/
--gf-ctrl-btn-border-color-disabled-primary: transparent;
/**
@cssprop
Property: --gf-ctrl-btn-border-style-primary
Description: Border style.
Default: solid
*/
--gf-ctrl-btn-border-style-primary: solid;
/**
@cssprop
Property: --gf-ctrl-btn-border-width-primary
Description: Border width.
Default: 1px
*/
--gf-ctrl-btn-border-width-primary: 1px;
/**
@cssprop
Group: Color
Property: --gf-ctrl-btn-color-primary
Description: Color.
Default: var(--gf-color-primary-contrast)
*/
--gf-ctrl-btn-color-primary: var(--gf-color-primary-contrast);
/**
@cssprop
Property: --gf-ctrl-btn-color-hover-primary
Description: Color when hovered.
Default: var(--gf-ctrl-btn-color-primary)
*/
--gf-ctrl-btn-color-hover-primary: var(--gf-ctrl-btn-color-primary);
/**
@cssprop
Property: --gf-ctrl-btn-color-focus-primary
Description: Color when focused.
Default: var(--gf-ctrl-btn-color-primary)
*/
--gf-ctrl-btn-color-focus-primary: var(--gf-ctrl-btn-color-primary);
/**
@cssprop
Property: --gf-ctrl-btn-color-disabled-primary
Description: Color when disabled.
Default: var(--gf-ctrl-btn-color-primary)
*/
--gf-ctrl-btn-color-disabled-primary: var(--gf-ctrl-btn-color-primary);
/**
@cssprop
Group: Icon
Property: --gf-ctrl-btn-icon-color-primary
Description: Icon color.
Default: var(--gf-ctrl-btn-color-primary)
*/
--gf-ctrl-btn-icon-color-primary: var(--gf-ctrl-btn-color-primary);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-hover-primary
Description: Icon color when hovered.
Default: var(--gf-ctrl-btn-icon-color-primary)
*/
--gf-ctrl-btn-icon-color-hover-primary: var(--gf-ctrl-btn-icon-color-primary);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-focus-primary
Description: Icon color when focused.
Default: var(--gf-ctrl-btn-icon-color-primary)
*/
--gf-ctrl-btn-icon-color-focus-primary: var(--gf-ctrl-btn-icon-color-primary);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-disabled-primary
Description: Icon color when disabled.
Default: var(--gf-ctrl-btn-icon-color-primary)
*/
--gf-ctrl-btn-icon-color-disabled-primary: var(--gf-ctrl-btn-icon-color-primary);
/**
## Secondary Button
@description Properties used for the secondary button control UI.
*/
/**
@cssprop
Group: Background
Property: --gf-ctrl-btn-bg-color-secondary
Description: Background color.
Default: var(--gf-color-secondary)
*/
--gf-ctrl-btn-bg-color-secondary: var(--gf-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-hover-secondary
Description: Background color when hovered.
Default: var(--gf-color-secondary-darker)
*/
--gf-ctrl-btn-bg-color-hover-secondary: var(--gf-color-secondary-darker);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-focus-secondary
Description: Background color when focused.
Default: var(--gf-ctrl-btn-bg-color-secondary)
*/
--gf-ctrl-btn-bg-color-focus-secondary: var(--gf-ctrl-btn-bg-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-disabled-secondary
Description: Background color when disabled.
Default: var(--gf-ctrl-btn-bg-color-secondary)
*/
--gf-ctrl-btn-bg-color-disabled-secondary: var(--gf-ctrl-btn-bg-color-secondary);
/**
@cssprop
Group: Border
Property: --gf-ctrl-btn-border-color-secondary
Description: Border color.
Default: var(--gf-color-in-ctrl-light-darker)
*/
--gf-ctrl-btn-border-color-secondary: var(--gf-color-in-ctrl-light-darker);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-hover-secondary
Description: Border color when hovered.
Default: var(--gf-ctrl-btn-border-color-secondary)
*/
--gf-ctrl-btn-border-color-hover-secondary: var(--gf-ctrl-btn-border-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-focus-secondary
Description: Border color when focused.
Default: var(--gf-ctrl-btn-bg-color-hover-primary)
*/
--gf-ctrl-btn-border-color-focus-secondary: var(--gf-ctrl-btn-bg-color-hover-primary);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-disabled-secondary
Description: Border color when disabled.
Default: var(--gf-ctrl-btn-border-color-secondary)
*/
--gf-ctrl-btn-border-color-disabled-secondary: var(--gf-ctrl-btn-border-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-border-style-secondary
Description: Border style.
Default: solid
*/
--gf-ctrl-btn-border-style-secondary: solid;
/**
@cssprop
Property: --gf-ctrl-btn-border-width-secondary
Description: Border width.
Default: 1px
*/
--gf-ctrl-btn-border-width-secondary: 1px;
/**
@cssprop
Group: Color
Property: --gf-ctrl-btn-color-secondary
Description: Color.
Default: var(--gf-color-secondary-contrast)
*/
--gf-ctrl-btn-color-secondary: var(--gf-color-secondary-contrast);
/**
@cssprop
Property: --gf-ctrl-btn-color-hover-secondary
Description: Color when hovered.
Default: var(--gf-ctrl-btn-color-secondary)
*/
--gf-ctrl-btn-color-hover-secondary: var(--gf-ctrl-btn-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-color-focus-secondary
Description: Color when focused.
Default: var(--gf-ctrl-btn-color-secondary)
*/
--gf-ctrl-btn-color-focus-secondary: var(--gf-ctrl-btn-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-color-disabled-secondary
Description: Color when disabled.
Default: var(--gf-ctrl-btn-color-secondary)
*/
--gf-ctrl-btn-color-disabled-secondary: var(--gf-ctrl-btn-color-secondary);
/**
@cssprop
Group: Icon
Property: --gf-ctrl-btn-icon-color-secondary
Description: Icon color.
Default: var(--gf-ctrl-icon-color)
*/
--gf-ctrl-btn-icon-color-secondary: var(--gf-ctrl-icon-color);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-hover-secondary
Description: Icon color when hovered.
Default: var(--gf-ctrl-btn-icon-color-secondary)
*/
--gf-ctrl-btn-icon-color-hover-secondary: var(--gf-ctrl-btn-icon-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-focus-secondary
Description: Icon color when focused.
Default: var(--gf-ctrl-btn-icon-color-secondary)
*/
--gf-ctrl-btn-icon-color-focus-secondary: var(--gf-ctrl-btn-icon-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-disabled-secondary
Description: Icon color when disabled.
Default: var(--gf-ctrl-btn-icon-color-secondary)
(var(--gf-ctrl-icon-color))
*/
--gf-ctrl-btn-icon-color-disabled-secondary: var(--gf-ctrl-btn-icon-color-secondary);
/**
## Tertiary Button
@description Properties used for the tertiary button control UI.
*/
/**
@cssprop
Group: Background
Property: --gf-ctrl-btn-bg-color-tertiary
Description: Background color.
Default: var(--gf-color-secondary-darker)
*/
--gf-ctrl-btn-bg-color-tertiary: var(--gf-color-secondary-darker);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-hover-tertiary
Description: Background color when hovered.
Default: var(--gf-color-secondary)
*/
--gf-ctrl-btn-bg-color-hover-tertiary: var(--gf-color-secondary);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-focus-tertiary
Description: Background color when focused.
Default: var(--gf-ctrl-btn-bg-color-tertiary)
*/
--gf-ctrl-btn-bg-color-focus-tertiary: var(--gf-ctrl-btn-bg-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-disabled-tertiary
Description: Background color when disabled.
Default: var(--gf-ctrl-btn-bg-color-tertiary)
*/
--gf-ctrl-btn-bg-color-disabled-tertiary: var(--gf-ctrl-btn-bg-color-tertiary);
/**
@cssprop
Group: Border
Property: --gf-ctrl-btn-border-color-tertiary
Description: Border color.
Default: var(--gf-ctrl-border-color)
*/
--gf-ctrl-btn-border-color-tertiary: var(--gf-ctrl-border-color);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-hover-tertiary
Description: Border color when hovered.
Default: var(--gf-ctrl-btn-border-color-tertiary)
*/
--gf-ctrl-btn-border-color-hover-tertiary: var(--gf-ctrl-btn-border-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-focus-tertiary
Description: Border color when focused.
Default: var(--gf-ctrl-btn-border-color-tertiary)
*/
--gf-ctrl-btn-border-color-focus-tertiary: var(--gf-ctrl-btn-border-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-disabled-tertiary
Description: Border color when disabled.
Default: var(--gf-ctrl-btn-border-color-tertiary)
*/
--gf-ctrl-btn-border-color-disabled-tertiary: var(--gf-ctrl-btn-border-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-border-style-tertiary
Description: Border style.
Default: solid
*/
--gf-ctrl-btn-border-style-tertiary: solid;
/**
@cssprop
Property: --gf-ctrl-btn-border-width-tertiary
Description: Border width.
Default: var(--gf-ctrl-border-width)
*/
--gf-ctrl-btn-border-width-tertiary: var(--gf-ctrl-border-width);
/**
@cssprop
Group: Effects
Property: --gf-ctrl-btn-shadow-tertiary
Description: Box shadow.
Default: none
*/
--gf-ctrl-btn-shadow-tertiary: none;
/**
@cssprop
Property: --gf-ctrl-btn-shadow-hover-tertiary
Description: Box shadow when hovered.
Default: var(--gf-ctrl-btn-shadow-tertiary)
*/
--gf-ctrl-btn-shadow-hover-tertiary: var(--gf-ctrl-btn-shadow-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-shadow-focus-tertiary
Description: Box shadow when focused.
Default: var(--gf-ctrl-btn-shadow-tertiary)
*/
--gf-ctrl-btn-shadow-focus-tertiary: var(--gf-ctrl-btn-shadow-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-shadow-disabled-tertiary
Description: Box shadow when disabled.
Default: var(--gf-ctrl-btn-shadow-tertiary)
*/
--gf-ctrl-btn-shadow-disabled-tertiary: var(--gf-ctrl-btn-shadow-tertiary);
/**
@cssprop
Group: Color
Property: --gf-ctrl-btn-color-tertiary
Description: Color.
Default: rgba(var(--gf-color-secondary-contrast-rgb), 0.725)
*/
--gf-ctrl-btn-color-tertiary: rgba(var(--gf-color-secondary-contrast-rgb), 0.725);
/**
@cssprop
Property: --gf-ctrl-btn-color-hover-tertiary
Description: Color when hovered.
Default: var(--gf-ctrl-btn-color-tertiary)
*/
--gf-ctrl-btn-color-hover-tertiary: var(--gf-ctrl-btn-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-color-focus-tertiary
Description: Color when focused.
Default: var(--gf-ctrl-btn-color-secondary)
*/
--gf-ctrl-btn-color-focus-tertiary: var(--gf-ctrl-btn-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-color-disabled-tertiary
Description: Color when disabled.
Default: var(--gf-ctrl-btn-color-tertiary)
*/
--gf-ctrl-btn-color-disabled-tertiary: var(--gf-ctrl-btn-color-tertiary);
/**
@cssprop
Group: Icon
Property: --gf-ctrl-btn-icon-color-tertiary
Description: Icon color.
Default: var(--gf-ctrl-btn-color-tertiary)
*/
--gf-ctrl-btn-icon-color-tertiary: var(--gf-ctrl-btn-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-hover-secondary
Description: Icon color when hovered.
Default: var(--gf-ctrl-btn-icon-color-tertiary)
*/
--gf-ctrl-btn-icon-color-hover-tertiary: var(--gf-ctrl-btn-icon-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-focus-secondary
Description: Icon color when focused.
Default: var(--gf-ctrl-btn-icon-color-tertiary)
*/
--gf-ctrl-btn-icon-color-focus-tertiary: var(--gf-ctrl-btn-icon-color-tertiary);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-disabled-secondary
Description: Icon color when disabled.
Default: var(--gf-ctrl-btn-icon-color-tertiary)
*/
--gf-ctrl-btn-icon-color-disabled-tertiary: var(--gf-ctrl-btn-icon-color-tertiary);
/**
## Control Button
@description Properties used for buttons inside of controls, such as the enhanced multi-file upload control UI.
*/
/**
@cssprop
Group: Background
Property: --gf-ctrl-btn-bg-color-ctrl
Description: Background color.
Default: var(--gf-color-in-ctrl-primary)
*/
--gf-ctrl-btn-bg-color-ctrl: var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-hover-ctrl
Description: Background color when hovered.
Default: var(--gf-color-in-ctrl-primary-darker)
*/
--gf-ctrl-btn-bg-color-hover-ctrl: var(--gf-color-in-ctrl-primary-darker);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-focus-ctrl
Description: Background color when focused.
Default: var(--gf-ctrl-btn-bg-color-ctrl)
*/
--gf-ctrl-btn-bg-color-focus-ctrl: var(--gf-ctrl-btn-bg-color-ctrl);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-disabled-ctrl
Description: Background color when disabled.
Default: var(--gf-ctrl-btn-bg-color-ctrl)
*/
--gf-ctrl-btn-bg-color-disabled-ctrl: var(--gf-ctrl-btn-bg-color-ctrl);
/**
@cssprop
Group: Border
Property: --gf-ctrl-btn-border-color-ctrl
Description: Border color.
Default: transparent
*/
--gf-ctrl-btn-border-color-ctrl: transparent;
/**
@cssprop
Property: --gf-ctrl-btn-border-color-hover-ctrl
Description: Border color when hovered.
Default: transparent
*/
--gf-ctrl-btn-border-color-hover-ctrl: transparent;
/**
@cssprop
Property: --gf-ctrl-btn-border-color-focus-ctrl
Description: Border color when focused.
Default: var(--gf-ctrl-btn-bg-color-hover-ctrl)
*/
--gf-ctrl-btn-border-color-focus-ctrl: var(--gf-ctrl-btn-bg-color-hover-ctrl);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-disabled-ctrl
Description: Border color when disabled.
Default: transparent
*/
--gf-ctrl-btn-border-color-disabled-ctrl: transparent;
/**
@cssprop
Property: --gf-ctrl-btn-border-style-ctrl
Description: Border style.
Default: solid
*/
--gf-ctrl-btn-border-style-ctrl: solid;
/**
@cssprop
Property: --gf-ctrl-btn-border-width-ctrl
Description: Border width.
Default: 1px
*/
--gf-ctrl-btn-border-width-ctrl: 1px;
/**
@cssprop
Group: Color
Property: --gf-ctrl-btn-color-ctrl
Description: Color.
Default: var(--gf-color-in-ctrl-primary-contrast)
*/
--gf-ctrl-btn-color-ctrl: var(--gf-color-in-ctrl-primary-contrast);
/**
@cssprop
Property: --gf-ctrl-btn-color-hover-ctrl
Description: Color when hovered.
Default: var(--gf-ctrl-btn-color-ctrl)
*/
--gf-ctrl-btn-color-hover-ctrl: var(--gf-ctrl-btn-color-ctrl);
/**
@cssprop
Property: --gf-ctrl-btn-color-focus-ctrl
Description: Color when focused.
Default: var(--gf-ctrl-btn-color-ctrl)
*/
--gf-ctrl-btn-color-focus-ctrl: var(--gf-ctrl-btn-color-ctrl);
/**
@cssprop
Property: --gf-ctrl-btn-color-disabled-ctrl
Description: Color when disabled.
Default: var(--gf-ctrl-btn-color-ctrl)
*/
--gf-ctrl-btn-color-disabled-ctrl: var(--gf-ctrl-btn-color-ctrl);
/**
@cssprop
Group: Icon
Property: --gf-ctrl-btn-icon-color-ctrl
Description: Icon color.
Default: var(--gf-ctrl-btn-color-ctrl)
*/
--gf-ctrl-btn-icon-color-ctrl: var(--gf-ctrl-btn-color-ctrl);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-hover-ctrl
Description: Icon color when hovered.
Default: var(--gf-ctrl-btn-icon-color-ctrl)
*/
--gf-ctrl-btn-icon-color-hover-ctrl: var(--gf-ctrl-btn-icon-color-ctrl);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-focus-ctrl
Description: Icon color when focused.
Default: var(--gf-ctrl-btn-icon-color-ctrl)
*/
--gf-ctrl-btn-icon-color-focus-ctrl: var(--gf-ctrl-btn-icon-color-ctrl);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-disabled-ctrl
Description: Icon color when disabled.
Default: var(--gf-ctrl-btn-icon-color-ctrl)
*/
--gf-ctrl-btn-icon-color-disabled-ctrl: var(--gf-ctrl-btn-icon-color-ctrl);
/**
## Simple Button
@description Properties used for simple button control UI, such as the
password field visibility toggle or file upload cancel button. This button
variation has a transparent background, no border, and is visually an icon
based button.
*/
/**
@cssprop
Group: Background
Property: --gf-ctrl-btn-bg-color-simple
Description: Background color.
Default: transparent
*/
--gf-ctrl-btn-bg-color-simple: transparent;
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-hover-simple
Description: Background color when hovered.
Default: var(--gf-ctrl-btn-bg-color-simple)
*/
--gf-ctrl-btn-bg-color-hover-simple: var(--gf-ctrl-btn-bg-color-simple);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-focus-simple
Description: Background color when focused.
Default: var(--gf-ctrl-btn-bg-color-simple)
*/
--gf-ctrl-btn-bg-color-focus-simple: var(--gf-ctrl-btn-bg-color-simple);
/**
@cssprop
Property: --gf-ctrl-btn-bg-color-disabled-simple
Description: Background color when disabled.
Default: var(--gf-ctrl-btn-bg-color-simple)
*/
--gf-ctrl-btn-bg-color-disabled-simple: var(--gf-ctrl-btn-bg-color-simple);
/**
@cssprop
Group: Border
Property: --gf-ctrl-btn-border-color-simple
Description: Border color.
Default: transparent
*/
--gf-ctrl-btn-border-color-simple: transparent;
/**
@cssprop
Property: --gf-ctrl-btn-border-color-hover-simple
Description: Border color when hovered.
Default: var(--gf-ctrl-btn-border-color-simple)
*/
--gf-ctrl-btn-border-color-hover-simple: var(--gf-ctrl-btn-border-color-simple);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-focus-simple
Description: Border color when focused.
Default: var(--gf-ctrl-border-color-focus)
*/
--gf-ctrl-btn-border-color-focus-simple: var(--gf-ctrl-border-color-focus);
/**
@cssprop
Property: --gf-ctrl-btn-border-color-disabled-simple
Description: Border color when disabled.
Default: var(--gf-ctrl-btn-border-color-simple)
*/
--gf-ctrl-btn-border-color-disabled-simple: var(--gf-ctrl-btn-border-color-simple);
/**
@cssprop
Property: --gf-ctrl-btn-border-style-simple
Description: Border style.
Default: solid
*/
--gf-ctrl-btn-border-style-simple: solid;
/**
@cssprop
Property: --gf-ctrl-btn-border-width-simple
Description: Border width.
Default: 1px
*/
--gf-ctrl-btn-border-width-simple: 1px;
/**
@cssprop
Group: Color
Property: --gf-ctrl-btn-color-simple
Description: Color.
Default: rgba(var(--gf-color-out-ctrl-dark-rgb), 0.65)
*/
--gf-ctrl-btn-color-simple: rgba(var(--gf-color-out-ctrl-dark-rgb), 0.65);
/**
@cssprop
Property: --gf-ctrl-btn-color-hover-simple
Description: Color when hovered.
Default: var(--gf-color-out-ctrl-dark)
*/
--gf-ctrl-btn-color-hover-simple: var(--gf-color-out-ctrl-dark);
/**
@cssprop
Property: --gf-ctrl-btn-color-focus-simple
Description: Color when focused.
Default: var(--gf-ctrl-btn-color-hover-simple)
*/
--gf-ctrl-btn-color-focus-simple: var(--gf-ctrl-btn-color-hover-simple);
/**
@cssprop
Property: --gf-ctrl-btn-color-disabled-simple
Description: Color when disabled.
Default: var(--gf-ctrl-btn-color-simple)
*/
--gf-ctrl-btn-color-disabled-simple: var(--gf-ctrl-btn-color-simple);
/**
@cssprop
Group: Effects
Property: --gf-ctrl-btn-shadow-simple
Description: Box shadow.
Default: none
*/
--gf-ctrl-btn-shadow-simple: none;
/**
@cssprop
Property: --gf-ctrl-btn-shadow-hover-simple
Description: Box shadow when hovered.
Default: var(--gf-ctrl-btn-shadow-simple)
*/
--gf-ctrl-btn-shadow-hover-simple: var(--gf-ctrl-btn-shadow-simple);
/**
@cssprop
Property: --gf-ctrl-btn-shadow-focus-simple
Description: Box shadow when focused.
Default: var(--gf-ctrl-btn-shadow-simple)
*/
--gf-ctrl-btn-shadow-focus-simple: var(--gf-ctrl-btn-shadow-simple);
/**
@cssprop
Property: --gf-ctrl-btn-shadow-disabled-simple
Description: Box shadow when disabled.
Default: var(--gf-ctrl-btn-shadow-simple)
*/
--gf-ctrl-btn-shadow-disabled-simple: var(--gf-ctrl-btn-shadow-simple);
/**
@cssprop
Group: Sizing
Property: --gf-ctrl-btn-size-simple
Description: Size.
Default: 24px
*/
--gf-ctrl-btn-size-simple: 24px;
/*--gf-ctrl-icon-color: var(--gf-color-in-ctrl-dark-lighter);
--gf-ctrl-icon-color-hover: var(--gf-color-in-ctrl-dark-darker);*/
/**
@cssprop
Group: Icon
Property: --gf-ctrl-btn-icon-color-simple
Description: Icon color.
Default: rgba(var(--gf-color-out-ctrl-dark-rgb), 0.9)
*/
--gf-ctrl-btn-icon-color-simple: rgba(var(--gf-color-out-ctrl-dark-rgb), 0.9);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-hover-simple
Description: Icon color when hovered.
Default: var(--gf-ctrl-btn-color-hover-simple)
*/
--gf-ctrl-btn-icon-color-hover-simple: var(--gf-ctrl-btn-color-hover-simple);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-focus-simple
Description: Icon color when focused.
Default: var(--gf-ctrl-btn-icon-color-focus-simple)
*/
--gf-ctrl-btn-icon-color-focus-simple: var(--gf-ctrl-btn-color-focus-simple);
/**
@cssprop
Property: --gf-ctrl-btn-icon-color-disabled-simple
Description: Icon color when disabled.
Default: var(--gf-ctrl-btn-color-disabled-simple)
*/
--gf-ctrl-btn-icon-color-disabled-simple: var(--gf-ctrl-btn-color-disabled-simple);
}
/**
@navsection Global CSS API/Controls
@navlabel Choice
# Global CSS API: Controls - Choice (Checkbox, Radio, & Consent)
@description The following CSS custom properties are used for the choice input type control UI, such as
checkbox and radio input types and the consent field.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Choice (Checkbox, Radio, & Consent) */
.gform-theme--framework, .gform-theme--api {
/**
## Choice Base
@description Properties used for base choice control UI.
*/
/**
@cssprop
Property: --gf-ctrl-choice-check-color
Description: Checked color.
Default: var(--gf-color-in-ctrl-primary)
*/
--gf-ctrl-choice-check-color: var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-ctrl-choice-check-color-disabled
Description: Checked color when disabled.
Default: rgba(var(--gf-color-in-ctrl-contrast-rgb), 0.2)
*/
--gf-ctrl-choice-check-color-disabled: rgba(var(--gf-color-in-ctrl-contrast-rgb), 0.2);
/**
@cssprop
Property: --gf-ctrl-choice-size-sm
Description: Small control size.
Default: 18px
*/
--gf-ctrl-choice-size-sm: 18px;
/**
@cssprop
Property: --gf-ctrl-choice-size-md
Description: Medium control size.
Default: 20px
*/
--gf-ctrl-choice-size-md: 20px;
/**
@cssprop
Property: --gf-ctrl-choice-size-lg
Description: Large control size.
Default: 22px
*/
--gf-ctrl-choice-size-lg: 22px;
/**
@cssprop
Property: --gf-ctrl-choice-size-xl
Description: Extra large control size.
Default: 28px
*/
--gf-ctrl-choice-size-xl: 28px;
/**
@cssprop
Property: --gf-ctrl-choice-size
Description: Control size.
Default: var(--gf-ctrl-choice-size-md)
*/
--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);
/**
## Choice - Checkbox
@description Properties used for choice control checkbox input type UI.
*/
/**
@cssprop
Property: --gf-ctrl-checkbox-check-radius
Description: Checked radius.
Default: var(--gf-ctrl-radius-max-sm)
*/
--gf-ctrl-checkbox-check-radius: var(--gf-ctrl-radius-max-sm);
/**
@cssprop
Property: --gf-ctrl-checkbox-check-size-sm
Description: Small control size check.
Default: 12px
*/
--gf-ctrl-checkbox-check-size-sm: 12px;
/**
@cssprop
Property: --gf-ctrl-checkbox-check-size-md
Description: Medium control size check.
Default: initial
*/
--gf-ctrl-checkbox-check-size-md: initial;
/**
@cssprop
Property: --gf-ctrl-checkbox-check-size-lg
Description: Large control size check.
Default: 15px
*/
--gf-ctrl-checkbox-check-size-lg: 15px;
/**
@cssprop
Property: --gf-ctrl-checkbox-check-size-xl
Description: Extra large control size check.
Default: 19px
*/
--gf-ctrl-checkbox-check-size-xl: 19px;
/**
@cssprop
Property: --gf-ctrl-checkbox-check-size
Description: Control size check.
Default: var(--gf-ctrl-checkbox-check-size-md)
*/
--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);
/**
## Choice - Radio
@description Properties used for choice control radio input type UI.
*/
/**
@cssprop
Property: --gf-ctrl-radio-check-radius
Description: Checked radius.
Default: 50%
*/
--gf-ctrl-radio-check-radius: 50%;
/**
@cssprop
Property: --gf-ctrl-radio-check-content
Description: Check content / icon.
Default: ""
*/
--gf-ctrl-radio-check-content: "";
/**
@cssprop
Property: --gf-ctrl-radio-check-size-sm
Description: Small control size check.
Default: 6px
*/
--gf-ctrl-radio-check-size-sm: 6px;
/**
@cssprop
Property: --gf-ctrl-radio-check-size-md
Description: Medium control size check.
Default: 7px
*/
--gf-ctrl-radio-check-size-md: 7px;
/**
@cssprop
Property: --gf-ctrl-radio-check-size-lg
Description: Large control size check.
Default: 8px
*/
--gf-ctrl-radio-check-size-lg: 8px;
/**
@cssprop
Property: --gf-ctrl-radio-check-size-xl
Description: Extra large control size check.
Default: 10px
*/
--gf-ctrl-radio-check-size-xl: 10px;
/**
@cssprop
Property: --gf-ctrl-radio-check-size
Description: Control size check.
Default: var(--gf-ctrl-radio-check-size-md)
*/
--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);
}
/**
@navsection Global CSS API/Controls
@navlabel Date
# Global CSS API: Controls - Date
@description The following CSS custom properties are used for the date control UI, namely the date picker.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Date */
.gform-theme--framework, .gform-theme--api {
/**
## Enhanced UI Date Picker
@description Properties used for enhanced date picker control UI.
*/
/**
@cssprop
Group: Base
Property: --gf-ctrl-date-picker-bg-color
Description: Background color.
Default: var(--gf-ctrl-bg-color)
*/
--gf-ctrl-date-picker-bg-color: var(--gf-ctrl-bg-color);
/**
@cssprop
Property: --gf-ctrl-date-picker-shadow
Description: Box shadow.
Default: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03)
*/
--gf-ctrl-date-picker-shadow: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03);
/**
@cssprop
Property: --gf-ctrl-date-picker-padding-y
Description: Vertical (top/bottom) padding.
Default: 16px 12px
*/
--gf-ctrl-date-picker-padding-y: 16px 12px;
/**
@cssprop
Property: --gf-ctrl-date-picker-padding-y-viewport-sm
Description: Vertical (top/bottom) padding for wider viewports.
Default: 16px
*/
--gf-ctrl-date-picker-padding-y-viewport-sm: 16px;
/**
@cssprop
Property: --gf-ctrl-date-picker-padding-x
Description: Horizontal (left/right) padding.
Default: 12px
*/
--gf-ctrl-date-picker-padding-x: 12px;
/**
@cssprop
Property: --gf-ctrl-date-picker-padding-x-viewport-sm
Description: Horizontal (left/right) padding for wider viewports.
Default: 16px
*/
--gf-ctrl-date-picker-padding-x-viewport-sm: 16px;
/**
@cssprop
Property: --gf-ctrl-date-picker-margin-y-start
Description: Vertical start (top) position.
Default: 6px
*/
--gf-ctrl-date-picker-margin-y-start: 6px;
/**
@cssprop
Property: --gf-ctrl-date-picker-radius
Description: Border radius.
Default: var(--gf-ctrl-radius-max-md)
*/
--gf-ctrl-date-picker-radius: var(--gf-ctrl-radius-max-md);
/**
@cssprop
Property: --gf-ctrl-date-picker-width
Description: Width.
Default: 250px
*/
--gf-ctrl-date-picker-width: 274px;
/**
@cssprop
Property: --gf-ctrl-date-picker-width-viewport-sm
Description: Width for wider viewports.
Default: 300px
*/
--gf-ctrl-date-picker-width-viewport-sm: 332px;
/**
@cssprop
Group: Icon
Property: --gf-ctrl-date-picker-header-icons-size
Description: Icon height and width.
Default: 20px
*/
--gf-ctrl-date-picker-header-icons-size: 20px;
/**
@cssprop
Property: --gf-ctrl-date-picker-header-icons-font-size
Description: Icon font size.
Default: 20px
*/
--gf-ctrl-date-picker-header-icons-font-size: 20px;
/**
@cssprop
Property: --gf-ctrl-date-picker-header-icons-inset-y-start
Description: Icon vertical start (top) position.
Default: calc(var(--gf-ctrl-size-sm) / 2)
*/
--gf-ctrl-date-picker-header-icons-inset-y-start: calc(var(--gf-ctrl-size-sm) / 2);
/**
@cssprop
Property: --gf-ctrl-date-picker-header-icons-prev-inset-x-start
Description: Previous icon horizontal start (left) inset position.
Default: calc(var(--gf-ctrl-date-picker-header-icons-size) / 2)
*/
--gf-ctrl-date-picker-header-icons-prev-inset-x-start: calc(var(--gf-ctrl-date-picker-header-icons-size) / 2);
/**
@cssprop
Property: --gf-ctrl-date-picker-header-icons-next-inset-x-end
Description: Next icon horizontal end (right) inset position.
Default: calc(var(--gf-ctrl-date-picker-header-icons-size) / 2)
*/
--gf-ctrl-date-picker-header-icons-next-inset-x-end: calc(var(--gf-ctrl-date-picker-header-icons-size) / 2);
/**
@cssprop
Group: Table - Head Cell
Property: --gf-ctrl-date-picker-head-cell-font-size
Description: Head cell font size.
Default: 12px
*/
--gf-ctrl-date-picker-head-cell-font-size: 12px;
/**
@cssprop
Property: --gf-ctrl-date-picker-head-cell-font-weight
Description: Head cell font weight.
Default: 600
*/
--gf-ctrl-date-picker-head-cell-font-weight: 600;
/**
@cssprop
Property: --gf-ctrl-date-picker-head-cell-line-height
Description: Head cell line height.
Default: 1.33
*/
--gf-ctrl-date-picker-head-cell-line-height: 1.33;
/**
@cssprop
Group: Table - Cell
Property: --gf-ctrl-date-picker-cell-padding
Description: Cell padding.
Default: 1px
*/
--gf-ctrl-date-picker-cell-padding: 1px;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-padding-y
Description: Cell block (top/bottom) padding.
Default: 6px
*/
--gf-ctrl-date-picker-cell-padding-y: 6px;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-padding-y-viewport-sm
Description: Cell vertical (top/bottom) padding for wider viewports.
Default: var(--gf-ctrl-date-picker-cell-padding)
*/
--gf-ctrl-date-picker-cell-padding-y-viewport-sm: var(--gf-ctrl-date-picker-cell-padding);
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-height
Description: Cell height.
Default: 29px
*/
--gf-ctrl-date-picker-cell-height: 29px;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-height-viewport-sm
Description: Cell height for wider viewports.
Default: 40px
*/
--gf-ctrl-date-picker-cell-height-viewport-sm: 40px;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-font-size
Description: Cell font size.
Default: 14px
*/
--gf-ctrl-date-picker-cell-font-size: 14px;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-font-weight
Description: Cell font weight.
Default: 400
*/
--gf-ctrl-date-picker-cell-font-weight: 400;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-line-height
Description: Cell line height.
Default: 1.43
*/
--gf-ctrl-date-picker-cell-line-height: 1.43;
/**
@cssprop
Group: Table - Cell Content
Property: --gf-ctrl-date-picker-cell-content-bg-color-disabled
Description: Cell content background color when disabled.
Default: transparent
*/
--gf-ctrl-date-picker-cell-content-bg-color-disabled: transparent;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-bg-color-hover
Description: Cell content background color on hover.
Default: #f4f8ff
*/
--gf-ctrl-date-picker-cell-content-bg-color-hover: #f4f8ff;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-bg-color-selected
Description: Cell content background color when selected.
Default: var(--gf-color-in-ctrl-primary)
*/
--gf-ctrl-date-picker-cell-content-bg-color-selected: var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-border
Description: Cell content border.
Default: var(--gf-ctrl-border-width) var(--gf-ctrl-border-style) var(--gf-color-in-ctrl-primary)
*/
--gf-ctrl-date-picker-cell-content-border: var(--gf-ctrl-border-width) var(--gf-ctrl-border-style) var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-radius
Description: Cell content border radius.
Default: var(--gf-ctrl-radius-max-md)
*/
--gf-ctrl-date-picker-cell-content-radius: var(--gf-ctrl-radius-max-md);
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-color
Description: Cell content color.
Default: var(--gf-color-secondary-contrast)
*/
--gf-ctrl-date-picker-cell-content-color: var(--gf-color-secondary-contrast);
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-color-disabled
Description: Cell content color when disabled.
Default: #cfd3d9
*/
--gf-ctrl-date-picker-cell-content-color-disabled: #cfd3d9;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-color-hover
Description: Cell content color on hover.
Default: var(--gf-ctrl-date-picker-cell-content-color)
*/
--gf-ctrl-date-picker-cell-content-color-hover: var(--gf-ctrl-date-picker-cell-content-color);
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-color-selected
Description: Cell content color when selected.
Default: var(--gf-color-in-ctrl-primary-contrast)
*/
--gf-ctrl-date-picker-cell-content-color-selected: var(--gf-color-in-ctrl-primary-contrast);
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-width
Description: Cell content width.
Default: 27px
*/
--gf-ctrl-date-picker-cell-content-width: 27px;
/**
@cssprop
Property: --gf-ctrl-date-picker-cell-content-width-viewport-sm
Description: Cell content width for wider viewports.
Default: 100%
*/
--gf-ctrl-date-picker-cell-content-width-viewport-sm: 100%;
/**
@cssprop
Group: Date Picker Help Text
Property: --gf-ctrl-date-picker-helptext-font-family
Description: Help text font family.
Default: var(--gf-font-family-base)
*/
--gf-ctrl-date-picker-helptext-font-family: var(--gf-font-family-base);
/**
@cssprop
Property: --gf-ctrl-date-picker-helptext-font-size
Description: Help text font size.
Default: 13px
*/
--gf-ctrl-date-picker-helptext-font-size: 13px;
/**
@cssprop
Property: --gf-ctrl-date-picker-helptext-font-style
Description: Help text font style.
Default: var(--gf-font-style-base)
*/
--gf-ctrl-date-picker-helptext-font-style: var(--gf-font-style-base);
/**
@cssprop
Property: --gf-ctrl-date-picker-helptext-font-weight
Description: Help text font weight.
Default: 600
*/
--gf-ctrl-date-picker-helptext-font-weight: 600;
/**
@cssprop
Property: --gf-ctrl-date-picker-helptext-letter-spacing
Description: Help text letter spacing.
Default: 0
*/
--gf-ctrl-date-picker-helptext-letter-spacing: 0;
/**
@cssprop
Property: --gf-ctrl-date-picker-helptext-line-height
Description: Help text line height.
Default: 1.5
*/
--gf-ctrl-date-picker-helptext-line-height: 1.5;
}
/**
@navsection Global CSS API/Controls
@navlabel Description
# Global CSS API: Controls - Description
@description The following CSS custom properties are used for the control description UI, which
includes field, validation, and consent descriptions.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Description */
.gform-theme--framework, .gform-theme--api {
/**
## Description Base
@description Properties used for base control description UI.
*/
/**
@cssprop
Property: --gf-ctrl-desc-color
Description: Color.
Default: var(--gf-color-out-ctrl-dark)
*/
--gf-ctrl-desc-color: var(--gf-color-out-ctrl-dark);
/**
@cssprop
Property: --gf-ctrl-desc-font-family
Description: Font family.
Default: var(--gf-font-family-tertiary)
*/
--gf-ctrl-desc-font-family: var(--gf-font-family-tertiary);
/**
@cssprop
Property: --gf-ctrl-desc-font-size
Description: Font size.
Default: var(--gf-font-size-tertiary)
*/
--gf-ctrl-desc-font-size: var(--gf-font-size-tertiary);
/**
@cssprop
Property: --gf-ctrl-desc-font-style
Description: Font style.
Default: var(--gf-font-style-tertiary)
*/
--gf-ctrl-desc-font-style: var(--gf-font-style-tertiary);
/**
@cssprop
Property: --gf-ctrl-desc-font-weight
Description: Font weight.
Default: var(--gf-font-weight-tertiary)
*/
--gf-ctrl-desc-font-weight: var(--gf-font-weight-tertiary);
/**
@cssprop
Property: --gf-ctrl-desc-letter-spacing
Description: Letter spacing.
Default: var(--gf-letter-spacing-tertiary)
*/
--gf-ctrl-desc-letter-spacing: var(--gf-letter-spacing-tertiary);
/**
@cssprop
Property: --gf-ctrl-desc-line-height
Description: Line height.
Default: var(--gf-line-height-tertiary)
*/
--gf-ctrl-desc-line-height: var(--gf-line-height-tertiary);
/**
## Validation Description
@description Properties used for control validation description UI.
*/
/**
@cssprop
Property: --gf-ctrl-desc-color-error
Description: Color.
Default: var(--gf-color-danger)
*/
--gf-ctrl-desc-color-error: var(--gf-color-danger);
/**
@cssprop
Property: --gf-ctrl-desc-font-family-error
Description: Font family.
Default: var(--gf-ctrl-desc-font-family)
*/
--gf-ctrl-desc-font-family-error: var(--gf-ctrl-desc-font-family);
/**
@cssprop
Property: --gf-ctrl-desc-font-size-error
Description: Font size.
Default: var(--gf-ctrl-desc-font-size)
*/
--gf-ctrl-desc-font-size-error: var(--gf-ctrl-desc-font-size);
/**
@cssprop
Property: --gf-ctrl-desc-font-style-error
Description: Font style.
Default: var(--gf-ctrl-desc-font-style)
*/
--gf-ctrl-desc-font-style-error: var(--gf-ctrl-desc-font-style);
/**
@cssprop
Property: --gf-ctrl-desc-font-weight-error
Description: Font weight.
Default: var(--gf-ctrl-desc-font-weight)
*/
--gf-ctrl-desc-font-weight-error: var(--gf-ctrl-desc-font-weight);
/**
@cssprop
Property: --gf-ctrl-desc-letter-spacing-error
Description: Letter spacing.
Default: var(--gf-ctrl-desc-letter-spacing)
*/
--gf-ctrl-desc-letter-spacing-error: var(--gf-ctrl-desc-letter-spacing);
/**
@cssprop
Property: --gf-ctrl-desc-line-height-error
Description: Line height.
Default: var(--gf-ctrl-desc-line-height)
*/
--gf-ctrl-desc-line-height-error: var(--gf-ctrl-desc-line-height);
/**
## Consent Description
@description Properties used for consent field control description UI.
*/
/**
@cssprop
Property: --gf-ctrl-desc-border-color-consent
Description: Border color.
Default: var(--gf-color-out-ctrl-light-darker)
*/
--gf-ctrl-desc-border-color-consent: var(--gf-color-out-ctrl-light-darker);
/**
@cssprop
Property: --gf-ctrl-desc-border-color-consent-focus
Description: Border color when focused.
Default: var(--gf-ctrl-border-color-focus)
*/
--gf-ctrl-desc-border-color-consent-focus: var(--gf-ctrl-border-color-focus);
/**
@cssprop
Property: --gf-ctrl-desc-border-style-consent
Description: Border style.
Default: solid
*/
--gf-ctrl-desc-border-style-consent: solid;
/**
@cssprop
Property: --gf-ctrl-desc-border-width-consent
Description: Border width.
Default: 1px
*/
--gf-ctrl-desc-border-width-consent: 1px;
/**
@cssprop
Property: --gf-ctrl-desc-max-height-consent
Description: Maximum height.
Default: 456px
*/
--gf-ctrl-desc-max-height-consent: 456px;
}
/**
@navsection Global CSS API/Controls
@navlabel File
# Global CSS API: Controls - File
@description The following CSS custom properties are used for file input type control UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - File */
.gform-theme--framework, .gform-theme--api {
/**
## Native File Input Type Control
@description Properties used for native file input type control UI.
*/
/**
### Base
@description Properties used for base file input type control UI.
*/
/**
@cssprop
Property: --gf-ctrl-file-padding-x
Description: Horizontal (left/right) padding.
Default: 0 var(--gf-ctrl-padding-x)
*/
--gf-ctrl-file-padding-x: 0 var(--gf-ctrl-padding-x);
/**
### File Input "Button"
@description Properties used for file input type control "button" UI.
*/
/**
@cssprop
Property: --gf-ctrl-file-btn-radius
Description: Border radius.
Default: var(--gf-radius)
*/
--gf-ctrl-file-btn-radius: var(--gf-radius);
/**
@cssprop
Group: Sizing
Property: --gf-ctrl-file-btn-size
Description: File input button size.
Default: calc(var(--gf-ctrl-size) - calc(var(--gf-ctrl-border-width) * 2))
*/
--gf-ctrl-file-btn-size: calc(var(--gf-ctrl-size) - calc(var(--gf-ctrl-border-width) * 2));
/**
@cssprop
Group: Spacing
Property: --gf-ctrl-file-btn-margin-x
Description: Horizontal (left/right) margin.
Default: 0 12px
*/
--gf-ctrl-file-btn-margin-x: 0 12px;
/**
@cssprop
Property: --gf-ctrl-file-btn-padding-x
Description: Horizontal (left/right) padding.
Default: 12px
*/
--gf-ctrl-file-btn-padding-x: 12px;
/**
@cssprop
Group: Typography
Property: --gf-ctrl-file-btn-font-family
Description: Font family.
Default: var(--gf-font-family-base)
*/
--gf-ctrl-file-btn-font-family: var(--gf-font-family-base);
/**
@cssprop
Property: --gf-ctrl-file-btn-font-size
Description: Font size.
Default: 14px
*/
--gf-ctrl-file-btn-font-size: 14px;
/**
@cssprop
Property: --gf-ctrl-file-btn-font-style
Description: Font style.
Default: var(--gf-font-style-base)
*/
--gf-ctrl-file-btn-font-style: var(--gf-font-style-base);
/**
@cssprop
Property: --gf-ctrl-file-btn-font-weight
Description: Font weight.
Default: 500
*/
--gf-ctrl-file-btn-font-weight: 500;
/**
@cssprop
Property: --gf-ctrl-file-btn-letter-spacing
Description: Letter spacing.
Default: var(--gf-letter-spacing-primary)
*/
--gf-ctrl-file-btn-letter-spacing: var(--gf-letter-spacing-primary);
/**
@cssprop
Property: --gf-ctrl-file-btn-text-decoration
Description: Text decoration.
Default: none
*/
--gf-ctrl-file-btn-text-decoration: none;
/**
@cssprop
Property: --gf-ctrl-file-btn-text-transform
Description: Text transform.
Default: none
*/
--gf-ctrl-file-btn-text-transform: none;
/**
@cssprop
Group: Transition & Animation
Property: --gf-ctrl-file-btn-transition
Description: Transition.
Default: var(--gf-ctrl-transition)
*/
--gf-ctrl-file-btn-transition: var(--gf-ctrl-transition);
/**
## Enhanced File Input Type Control
@description Properties used for enhanced file input type control UI.
*/
/**
### File Upload Drop Area
@description Properties used for enhanced file upload drop area UI.
*/
/**
@cssprop
Group: Border
Property: --gf-ctrl-file-zone-border-style
Description: Border style.
Default: dashed
*/
--gf-ctrl-file-zone-border-style: dashed;
/**
@cssprop
Property: --gf-ctrl-file-zone-radius
Description: Border radius.
Default: var(--gf-ctrl-radius-max-lg)
*/
--gf-ctrl-file-zone-radius: var(--gf-ctrl-radius-max-lg);
/**
@cssprop
Group: Color
Property: --gf-ctrl-file-zone-color
Description: Color.
Default: rgba(var(--gf-color-in-ctrl-contrast-rgb), 0.725)
*/
--gf-ctrl-file-zone-color: rgba(var(--gf-color-in-ctrl-contrast-rgb), 0.725);
/**
@cssprop
Group: Sizing
Property: --gf-ctrl-file-zone-height
Description: File upload drop area height.
Default: auto
*/
--gf-ctrl-file-zone-height: auto;
/**
@cssprop
Group: Spacing
Property: --gf-ctrl-file-zone-padding-x
Description: Horizontal (left/right) padding.
Default: 40px
*/
--gf-ctrl-file-zone-padding-x: 40px;
/**
@cssprop
Property: --gf-ctrl-file-zone-padding-y
Description: Vertical (top/bottom) padding.
Default: 40px
*/
--gf-ctrl-file-zone-padding-y: 40px;
/**
@cssprop
Property: --gf-ctrl-file-zone-instructions-margin-y-end
Description: Vertical end (bottom) margin for instructions.
Default: 12px
*/
--gf-ctrl-file-zone-instructions-margin-y-end: 12px;
/**
@cssprop
Group: Typography
Property: --gf-ctrl-file-zone-font-weight
Description: Font weight.
Default: 500
*/
--gf-ctrl-file-zone-font-weight: 500;
/**
@cssprop
Property: --gf-ctrl-file-zone-line-height
Description: Line height.
Default: 1
*/
--gf-ctrl-file-zone-line-height: 1;
/**
@cssprop
Group: Icon
Property: --gf-ctrl-file-zone-icon-color
Description: Icon color.
Default: var(--gf-color-in-ctrl-primary)
*/
--gf-ctrl-file-zone-icon-color: var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-ctrl-file-zone-icon-font-size
Description: Icon font size.
Default: 36px
*/
--gf-ctrl-file-zone-icon-font-size: 36px;
/**
@cssprop
Property: --gf-ctrl-file-zone-icon-margin-y-end
Description: Vertical end (bottom) margin.
Default: 8px
*/
--gf-ctrl-file-zone-icon-margin-y-end: 8px;
/**
### File Upload Progress
@description Properties used for enhanced file upload progress UI.
*/
/**
@cssprop
Group: Progress UI
Property: --gf-ctrl-file-prog-ui-gap
Description: Progress UI gap.
Default: 12px
*/
--gf-ctrl-file-prog-ui-gap: 12px;
/**
@cssprop
Property: --gf-ctrl-file-prog-ui-size
Description: Progress bar size.
Default: var(--gf-icon-font-size)
*/
--gf-ctrl-file-prog-ui-size: var(--gf-icon-font-size);
/**
@cssprop
Group: Progress Bar
Property: --gf-ctrl-file-prog-bar-bg-color
Description: Progress bar background color.
Default: var(--gf-color-out-ctrl-light)
*/
--gf-ctrl-file-prog-bar-bg-color: var(--gf-color-out-ctrl-light);
/**
@cssprop
Property: --gf-ctrl-file-prog-bar-bg-color-loading
Description: Progress bar background color when loading.
Default: var(--gf-color-primary)
*/
--gf-ctrl-file-prog-bar-bg-color-loading: var(--gf-color-primary);
/**
@cssprop
Property: --gf-ctrl-file-prog-bar-height
Description: Progress bar height.
Default: 6px
*/
--gf-ctrl-file-prog-bar-height: 6px;
/**
@cssprop
Property: --gf-ctrl-file-prog-bar-radius
Description: Progress bar border radius.
Default: var(--gf-radius)
*/
--gf-ctrl-file-prog-bar-radius: var(--gf-radius);
/**
@cssprop
Property: --gf-ctrl-file-prog-bar-transition
Description: Progress bar transition.
Default: var(--gf-transition-ctrl)
*/
--gf-ctrl-file-prog-bar-transition: var(--gf-transition-ctrl);
/**
@cssprop
Group: Progress Text
Property: --gf-ctrl-file-prog-text-color
Description: Progress UI text color.
Default: var(--gf-ctrl-desc-color)
*/
--gf-ctrl-file-prog-text-color: var(--gf-ctrl-desc-color);
/**
@cssprop
Property: --gf-ctrl-file-prog-text-min-width
Description: Progress UI text minimum width.
Default: 33px
*/
--gf-ctrl-file-prog-text-min-width: 33px;
/**
@cssprop
Property: --gf-ctrl-file-prog-text-font-size
Description: Progress UI text font size.
Default: 12px
*/
--gf-ctrl-file-prog-text-font-size: 12px;
/**
@cssprop
Group: Progress Button
Property: --gf-ctrl-file-prog-btn-inset-y-start
Description: Progress UI button vertical start (top) position.
Default: -2px
*/
--gf-ctrl-file-prog-btn-inset-y-start: -2px;
/**
@cssprop
Property: --gf-ctrl-file-prog-btn-inset-x-end
Description: Progress UI button horizontal end (right) position.
Default: -2px
*/
--gf-ctrl-file-prog-btn-inset-x-end: -2px;
/**
@cssprop
Property: --gf-ctrl-file-prog-btn-position
Description: Progress UI button position.
Default: absolute
*/
--gf-ctrl-file-prog-btn-position: absolute;
/**
@cssprop
Property: --gf-ctrl-file-prog-btn-font-size-cancel
Description: Progress UI cancel/remove button font size.
Default: 0
*/
--gf-ctrl-file-prog-btn-font-size-cancel: 0;
/**
@cssprop
Property: --gf-ctrl-file-prog-btn-icon-size
Description: Progress UI button icon size.
Default: var(--gf-icon-font-size)
*/
--gf-ctrl-file-prog-btn-icon-size: var(--gf-icon-font-size);
/**
@cssprop
Property: --gf-ctrl-file-prog-btn-icon-color-complete
Description: Progress UI button icon color when complete.
Default: var(--gf-color-success)
*/
--gf-ctrl-file-prog-btn-icon-color-complete: var(--gf-color-success);
/**
### File Upload Preview
@description Properties used for enhanced file upload preview UI.
*/
/**
@cssprop
Group: Preview Area
Property: --gf-ctrl-file-prev-area-gap
Description: Preview area gap.
Default: 16px
*/
--gf-ctrl-file-prev-area-gap: 16px;
/**
@cssprop
Property: --gf-ctrl-file-prev-area-margin-y-start
Description: Preview area vertical start (top) margin.
Default: 16px
*/
--gf-ctrl-file-prev-area-margin-y-start: 16px;
/**
@cssprop
Property: --gf-ctrl-file-prev-font-family
Description: Preview area font family.
Default: var(--gf-font-family-secondary)
*/
--gf-ctrl-file-prev-font-family: var(--gf-font-family-secondary);
/**
@cssprop
Property: --gf-ctrl-file-prev-font-size
Description: Preview area font size.
Default: var(--gf-font-size-secondary)
*/
--gf-ctrl-file-prev-font-size: var(--gf-font-size-secondary);
/**
@cssprop
Property: --gf-ctrl-file-prev-font-style
Description: Preview area font style.
Default: var(--gf-font-style-secondary)
*/
--gf-ctrl-file-prev-font-style: var(--gf-font-style-secondary);
/**
@cssprop
Property: --gf-ctrl-file-prev-font-weight
Description: Preview area font weight.
Default: var(--gf-font-weight-secondary)
*/
--gf-ctrl-file-prev-font-weight: var(--gf-font-weight-secondary);
/**
@cssprop
Property: --gf-ctrl-file-prev-letter-spacing
Description: Preview area letter spacing.
Default: var(--gf-letter-spacing-secondary)
*/
--gf-ctrl-file-prev-letter-spacing: var(--gf-letter-spacing-secondary);
/**
@cssprop
Property: --gf-ctrl-file-prev-line-height
Description: Preview area line height.
Default: 1
*/
--gf-ctrl-file-prev-line-height: 1;
/**
@cssprop
Property: --gf-ctrl-file-prev-gap
Description: Preview item gap.
Default: 4px
*/
--gf-ctrl-file-prev-gap: 4px;
/**
@cssprop
Group: Preview Item
Property: --gf-ctrl-file-prev-name-color
Description: Preview item name color.
Default: var(--gf-ctrl-label-color-primary)
*/
--gf-ctrl-file-prev-name-color: var(--gf-ctrl-label-color-primary);
/**
@cssprop
Property: --gf-ctrl-file-prev-name-line-height
Description: Preview item name line height.
Default: var(--gf-line-height-secondary)
*/
--gf-ctrl-file-prev-name-line-height: var(--gf-line-height-secondary);
/**
@cssprop
Property: --gf-ctrl-file-prev-name-overflow
Description: Preview item name overflow.
Default: hidden
*/
--gf-ctrl-file-prev-name-overflow: hidden;
/**
@cssprop
Property: --gf-ctrl-file-prev-name-padding-x-end
Description: Preview item name horizontal end (right) padding.
Default: calc(var(--gf-ctrl-file-prog-btn-icon-size) + var(--gf-ctrl-file-prog-text-min-width) + calc(var(--gf-ctrl-file-prog-ui-gap) * 2))
*/
--gf-ctrl-file-prev-name-padding-x-end: calc(var(--gf-ctrl-file-prog-btn-icon-size) + var(--gf-ctrl-file-prog-text-min-width) + calc(var(--gf-ctrl-file-prog-ui-gap) * 2));
/**
@cssprop
Property: --gf-ctrl-file-prev-name-text-overflow
Description: Preview item name text overflow.
Default: ellipsis
*/
--gf-ctrl-file-prev-name-text-overflow: ellipsis;
/**
@cssprop
Property: --gf-ctrl-file-prev-name-white-space
Description: Preview item name white space.
Default: nowrap
*/
--gf-ctrl-file-prev-name-white-space: nowrap;
/**
@cssprop
Group: Preview Item Size
Property: --gf-ctrl-file-prev-size-color
Description: Preview item size color.
Default: var(--gf-ctrl-desc-color)
*/
--gf-ctrl-file-prev-size-color: var(--gf-ctrl-desc-color);
}
/**
@navsection Global CSS API/Controls
@navlabel Label
# Global CSS API: Controls - Label
@description The following CSS custom properties are used for the control label UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Label */
.gform-theme--framework, .gform-theme--api {
/**
## Primary Label
@description Properties used for field labels UI.
*/
/**
@cssprop
Property: --gf-ctrl-label-color-primary
Description: Color.
Default: var(--gf-color-out-ctrl-dark-darker)
*/
--gf-ctrl-label-color-primary: var(--gf-color-out-ctrl-dark-darker);
/**
@cssprop
Property: --gf-ctrl-label-font-family-primary
Description: Font family.
Default: var(--gf-font-family-secondary)
*/
--gf-ctrl-label-font-family-primary: var(--gf-font-family-secondary);
/**
@cssprop
Property: --gf-ctrl-label-font-size-primary
Description: Font size.
Default: var(--gf-font-size-secondary)
*/
--gf-ctrl-label-font-size-primary: var(--gf-font-size-secondary);
/**
@cssprop
Property: --gf-ctrl-label-font-style-primary
Description: Font style.
Default: var(--gf-font-style-secondary)
*/
--gf-ctrl-label-font-style-primary: var(--gf-font-style-secondary);
/**
@cssprop
Property: --gf-ctrl-label-font-weight-primary
Description: Font weight.
Default: var(--gf-font-weight-secondary)
*/
--gf-ctrl-label-font-weight-primary: var(--gf-font-weight-secondary);
/**
@cssprop
Property: --gf-ctrl-label-letter-spacing-primary
Description: Letter spacing.
Default: var(--gf-letter-spacing-secondary)
*/
--gf-ctrl-label-letter-spacing-primary: var(--gf-letter-spacing-secondary);
/**
@cssprop
Property: --gf-ctrl-label-line-height-primary
Description: Line height.
Default: var(--gf-line-height-secondary)
*/
--gf-ctrl-label-line-height-primary: var(--gf-line-height-secondary);
/**
## Secondary Label
@description Properties used for radio, checkbox, and consent control labels UI.
*/
/**
@cssprop
Property: --gf-ctrl-label-color-secondary
Description: Color.
Default: var(--gf-color-out-ctrl-dark-darker)
*/
--gf-ctrl-label-color-secondary: var(--gf-color-out-ctrl-dark-darker);
/**
@cssprop
Property: --gf-ctrl-label-font-family-secondary
Description: Font family.
Default: var(--gf-font-family-secondary)
*/
--gf-ctrl-label-font-family-secondary: var(--gf-font-family-secondary);
/**
@cssprop
Property: --gf-ctrl-label-font-size-secondary
Description: Font size.
Default: var(--gf-font-size-secondary)
*/
--gf-ctrl-label-font-size-secondary: var(--gf-font-size-secondary);
/**
@cssprop
Property: --gf-ctrl-label-font-style-secondary
Description: Font style.
Default: var(--gf-font-style-secondary)
*/
--gf-ctrl-label-font-style-secondary: var(--gf-font-style-secondary);
/**
@cssprop
Property: --gf-ctrl-label-font-weight-secondary
Description: Font weight.
Default: 400
*/
--gf-ctrl-label-font-weight-secondary: 400;
/**
@cssprop
Property: --gf-ctrl-label-letter-spacing-secondary
Description: Letter spacing.
Default: var(--gf-letter-spacing-secondary)
*/
--gf-ctrl-label-letter-spacing-secondary: var(--gf-letter-spacing-secondary);
/**
@cssprop
Property: --gf-ctrl-label-line-height-secondary
Description: Line height.
Default: var(--gf-line-height-secondary)
*/
--gf-ctrl-label-line-height-secondary: var(--gf-line-height-secondary);
/**
## Tertiary Label
@description Properties used for complex fields and fieldset control label UI (sub-labels).
*/
/**
@cssprop
Property: --gf-ctrl-label-color-tertiary
Description: Color.
Default: var(--gf-color-out-ctrl-dark)
*/
--gf-ctrl-label-color-tertiary: var(--gf-color-out-ctrl-dark);
/**
@cssprop
Property: --gf-ctrl-label-font-family-tertiary
Description: Font family.
Default: var(--gf-font-family-tertiary)
*/
--gf-ctrl-label-font-family-tertiary: var(--gf-font-family-tertiary);
/**
@cssprop
Property: --gf-ctrl-label-font-size-tertiary
Description: Font size.
Default: var(--gf-font-size-tertiary)
*/
--gf-ctrl-label-font-size-tertiary: var(--gf-font-size-tertiary);
/**
@cssprop
Property: --gf-ctrl-label-font-style-tertiary
Description: Font style.
Default: var(--gf-font-style-tertiary)
*/
--gf-ctrl-label-font-style-tertiary: var(--gf-font-style-tertiary);
/**
@cssprop
Property: --gf-ctrl-label-font-weight-tertiary
Description: Font weight.
Default: var(--gf-font-weight-tertiary)
*/
--gf-ctrl-label-font-weight-tertiary: var(--gf-font-weight-tertiary);
/**
@cssprop
Property: --gf-ctrl-label-letter-spacing-tertiary
Description: Letter spacing.
Default: var(--gf-letter-spacing-tertiary)
*/
--gf-ctrl-label-letter-spacing-tertiary: var(--gf-letter-spacing-tertiary);
/**
@cssprop
Property: --gf-ctrl-label-line-height-tertiary
Description: Line height.
Default: var(--gf-line-height-tertiary)
*/
--gf-ctrl-label-line-height-tertiary: var(--gf-line-height-tertiary);
/**
## Quaternary Label
@description Properties used for simpler control label UI, such as product pricing.
*/
/**
@cssprop
Property: --gf-ctrl-label-color-quaternary
Description: Color.
Default: var(--gf-color-out-ctrl-dark)
*/
--gf-ctrl-label-color-quaternary: var(--gf-color-out-ctrl-dark);
/**
@cssprop
Property: --gf-ctrl-label-font-family-quaternary
Description: Font family.
Default: var(--gf-font-family-tertiary)
*/
--gf-ctrl-label-font-family-quaternary: var(--gf-font-family-tertiary);
/**
@cssprop
Property: --gf-ctrl-label-font-size-quaternary
Description: Font size.
Default: var(--gf-font-size-secondary)
*/
--gf-ctrl-label-font-size-quaternary: var(--gf-font-size-secondary);
/**
@cssprop
Property: --gf-ctrl-label-font-style-quaternary
Description: Font style.
Default: var(--gf-font-style-tertiary)
*/
--gf-ctrl-label-font-style-quaternary: var(--gf-font-style-tertiary);
/**
@cssprop
Property: --gf-ctrl-label-font-weight-quaternary
Description: Font weight.
Default: var(--gf-font-weight-secondary)
*/
--gf-ctrl-label-font-weight-quaternary: var(--gf-font-weight-secondary);
/**
@cssprop
Property: --gf-ctrl-label-letter-spacing-quaternary
Description: Letter spacing.
Default: var(--gf-letter-spacing-tertiary)
*/
--gf-ctrl-label-letter-spacing-quaternary: var(--gf-letter-spacing-tertiary);
/**
@cssprop
Property: --gf-ctrl-label-line-height-quaternary
Description: Line height.
Default: var(--gf-line-height-tertiary)
*/
--gf-ctrl-label-line-height-quaternary: var(--gf-line-height-tertiary);
/**
## Required Label
@description Properties used for field label required indicator UI.
*/
/**
@cssprop
Property: --gf-ctrl-label-color-req
Description: Color.
Default: var(--gf-color-danger)
*/
--gf-ctrl-label-color-req: var(--gf-color-danger);
/**
@cssprop
Property: --gf-ctrl-label-font-family-req
Description: Font family.
Default: var(--gf-ctrl-label-font-family-primary)
*/
--gf-ctrl-label-font-family-req: var(--gf-ctrl-label-font-family-primary);
/**
@cssprop
Property: --gf-ctrl-label-font-size-req
Description: Font size.
Default: 14px
*/
--gf-ctrl-label-font-size-req: 12px;
/**
@cssprop
Property: --gf-ctrl-label-font-style-req
Description: Font style.
Default: var(--gf-ctrl-label-font-style-primary)
*/
--gf-ctrl-label-font-style-req: var(--gf-ctrl-label-font-style-primary);
/**
@cssprop
Property: --gf-ctrl-label-font-weight-req
Description: Font weight.
Default: var(--gf-ctrl-label-font-weight-primary)
*/
--gf-ctrl-label-font-weight-req: var(--gf-ctrl-label-font-weight-primary);
/**
@cssprop
Property: --gf-ctrl-label-letter-spacing-req
Description: Letter spacing.
Default: var(--gf-ctrl-label-letter-spacing-primary)
*/
--gf-ctrl-label-letter-spacing-req: var(--gf-ctrl-label-letter-spacing-primary);
/**
@cssprop
Property: --gf-ctrl-label-line-height-req
Description: Line height.
Default: var(--gf-ctrl-label-line-height-primary)
*/
--gf-ctrl-label-line-height-req: var(--gf-ctrl-label-line-height-primary);
}
/**
@navsection Global CSS API/Controls
@navlabel Number
# Global CSS API: Controls - Number
@description The following CSS custom properties are used for number input type control UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Number */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-ctrl-number-spin-btn-appearance
Description: Appearance.
Default: var(--gf-ctrl-appearance)
*/
--gf-ctrl-number-spin-btn-appearance: var(--gf-ctrl-appearance);
/**
@cssprop
Property: --gf-ctrl-number-spin-btn-bg-position
Description: Background position.
Default: center center
*/
--gf-ctrl-number-spin-btn-bg-position: center center;
/**
@cssprop
Property: --gf-ctrl-number-spin-btn-bg-size
Description: Background size.
Default: 8px 14px
*/
--gf-ctrl-number-spin-btn-bg-size: 8px 14px;
/**
@cssprop
Property: --gf-ctrl-number-spin-btn-width
Description: Width.
Default: 8px
*/
--gf-ctrl-number-spin-btn-width: 8px;
/**
@cssprop
Property: --gf-ctrl-number-spin-btn-opacity
Description: Opacity.
Default: 1
*/
--gf-ctrl-number-spin-btn-opacity: 1;
}
/**
@navsection Global CSS API/Controls
@navlabel Select
# Global CSS API: Controls - Select
@description The following CSS custom properties are used for select control UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Select */
.gform-theme--framework, .gform-theme--api {
/**
## Native Select
@description Properties used for native select control UI.
*/
/**
@cssprop
Group: Select
Property: --gf-ctrl-select-icon
Description: Icon.
Default: var(--gf-icon-ctrl-select)
*/
--gf-ctrl-select-icon: var(--gf-icon-ctrl-select);
/**
@cssprop
Property: --gf-ctrl-select-icon-hover
Description: Icon on hover.
Default: var(--gf-ctrl-select-icon)
*/
--gf-ctrl-select-icon-hover: var(--gf-ctrl-select-icon);
/**
@cssprop
Property: --gf-ctrl-select-icon-focus
Description: Icon on focus.
Default: var(--gf-ctrl-select-icon)
*/
--gf-ctrl-select-icon-focus: var(--gf-ctrl-select-icon);
/**
@cssprop
Property: --gf-ctrl-select-icon-disabled
Description: Icon on disabled.
Default: var(--gf-ctrl-select-icon)
*/
--gf-ctrl-select-icon-disabled: var(--gf-ctrl-select-icon);
/**
@cssprop
Property: --gf-ctrl-select-icon-position
Description: Icon position.
Default: calc(100% - var(--gf-ctrl-padding-x)) center
*/
--gf-ctrl-select-icon-position: calc(100% - var(--gf-ctrl-padding-x)) center;
/**
@cssprop
Property: --gf-ctrl-select-icon-size
Description: Icon size.
Default: 10px
*/
--gf-ctrl-select-icon-size: 10px;
/**
@cssprop
Property: --gf-ctrl-select-ms-expand
Description: -ms-expand handling.
Default: none
*/
--gf-ctrl-select-ms-expand: none;
/**
@cssprop
Property: --gf-ctrl-select-padding-x
Description: Horizontal (left/right) padding.
Default: var(--gf-ctrl-padding-x) calc(var(--gf-ctrl-select-search-icon-size) + var(--gf-ctrl-padding-x))
*/
--gf-ctrl-select-padding-x: var(--gf-ctrl-padding-x) calc(var(--gf-ctrl-select-search-icon-size) + var(--gf-ctrl-padding-x));
/**
@cssprop
Group: Multi-Select
Property: --gf-ctrl-multiselect-height
Description: Multi-select height.
Default: 130px
*/
--gf-ctrl-multiselect-height: 130px;
/**
@cssprop
Property: --gf-ctrl-multiselect-radius
Description: Multi-select border radius.
Default: var(--gf-ctrl-radius-max-lg)
*/
--gf-ctrl-multiselect-radius: var(--gf-ctrl-radius-max-lg);
/**
@cssprop
Property: --gf-ctrl-multiselect-line-height
Description: Multi-select line height.
Default: 1.5
*/
--gf-ctrl-multiselect-line-height: 1.5;
/**
@cssprop
Property: --gf-ctrl-multiselect-padding-y
Description: Multi-select vertical (top/bottom) padding.
Default: var(--gf-padding-y)
*/
--gf-ctrl-multiselect-padding-y: var(--gf-padding-y);
/**
## Enhanced UI Select
@description Properties used for enhanced select control UI.
*/
/**
@cssprop
Group: Enhanced Select
Property: --gf-ctrl-select-dropdown-border-color
Description: Dropdown border color.
Default: transparent
*/
--gf-ctrl-select-dropdown-border-color: transparent;
/**
@cssprop
Property: --gf-ctrl-select-dropdown-radius
Description: Dropdown border radius.
Default: var(--gf-ctrl-radius-max-md)
*/
--gf-ctrl-select-dropdown-radius: var(--gf-ctrl-radius-max-md);
/**
@cssprop
Property: --gf-ctrl-select-dropdown-shadow
Description: Dropdown box shadow.
Default: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03)
*/
--gf-ctrl-select-dropdown-shadow: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03);
/**
@cssprop
Property: --gf-ctrl-select-dropdown-option-bg-color-hover
Description: Dropdown option background color on hover.
Default: var(--gf-color-in-ctrl-light-lighter)
*/
--gf-ctrl-select-dropdown-option-bg-color-hover: var(--gf-color-in-ctrl-light-lighter);
/**
@cssprop
Property: --gf-ctrl-select-dropdown-option-shadow-hover
Description: Dropdown option box shadow on hover.
*/
--gf-ctrl-select-dropdown-option-shadow-hover: inset 3px 0 0 var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-ctrl-select-dropdown-option-shadow-focus
Description: Dropdown option box shadow on focus.
*/
--gf-ctrl-select-dropdown-option-shadow-focus: inset 0 0 0 3px var(--gf-ctrl-outline-color-focus);
/**
@cssprop
Property: --gf-ctrl-select-search-icon-size
Description: Search icon size.
Default: var(--gf-icon-font-size)
*/
--gf-ctrl-select-search-icon-size: var(--gf-icon-font-size);
/**
@cssprop
Property: --gf-ctrl-select-search-icon-position
Description: Search icon position.
Default: var(--gf-ctrl-padding-x) center
*/
--gf-ctrl-select-search-icon-position: var(--gf-ctrl-padding-x) center;
/**
@cssprop
Property: --gf-ctrl-select-search-padding-x
Description: Search input horizontal (left/right) padding.
Default: calc(var(--gf-ctrl-select-search-icon-size) + var(--gf-ctrl-padding-x) + 8px) var(--gf-ctrl-padding-x)
*/
--gf-ctrl-select-search-padding-x: calc(var(--gf-ctrl-select-search-icon-size) + var(--gf-ctrl-padding-x) + 8px) var(--gf-ctrl-padding-x);
/**
@cssprop
Group: Enhanced Multi-Select
Property: --gf-ctrl-multiselect-close-icon-size
Description: Remove selected option icon size.
Default: var(--gf-icon-font-size)
*/
--gf-ctrl-multiselect-close-icon-size: var(--gf-icon-font-size);
/**
@cssprop
Property: --gf-ctrl-multiselect-close-icon-inset-y-start
Description: Remove selected option icon vertical start (top) position.
Default: calc(50% - (var(--gf-ctrl-multiselect-close-icon-size) / 2))
*/
--gf-ctrl-multiselect-close-icon-inset-y-start: calc(50% - (var(--gf-ctrl-multiselect-close-icon-size) / 2));
/**
@cssprop
Property: --gf-ctrl-multiselect-close-icon-inset-x-end
Description: Remove selected option icon horizontal end (right) position.
Default: calc((var(--gf-ctrl-padding-x) / 2) + 2px)
*/
--gf-ctrl-multiselect-close-icon-inset-x-end: calc((var(--gf-ctrl-padding-x) / 2) + 2px);
/**
@cssprop
Property: --gf-ctrl-multiselect-selected-item-bg-color
Description: Selected option background color.
Default: var(--gf-color-in-ctrl-primary)
*/
--gf-ctrl-multiselect-selected-item-bg-color: var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-ctrl-multiselect-selected-item-radius
Description: Selected option border radius.
Default: 33px
*/
--gf-ctrl-multiselect-selected-item-radius: 33px;
/**
@cssprop
Property: --gf-ctrl-multiselect-selected-item-color
Description: Selected option color.
Default: var(--gf-color-in-ctrl-primary-contrast)
*/
--gf-ctrl-multiselect-selected-item-color: var(--gf-color-in-ctrl-primary-contrast);
/**
@cssprop
Property: --gf-ctrl-multiselect-selected-item-font-size
Description: Selected option font size.
Default: var(--gf-ctrl-font-size)
*/
--gf-ctrl-multiselect-selected-item-font-size: var(--gf-ctrl-font-size);
/**
@cssprop
Property: --gf-ctrl-multiselect-selected-item-font-weight
Description: Selected option font weight.
Default: 600
*/
--gf-ctrl-multiselect-selected-item-font-weight: 600;
/**
@cssprop
Property: --gf-ctrl-multiselect-selected-item-remove-icon-color
Description: Remove selected option icon color.
Default: var(--gf-color-in-ctrl-primary-contrast)
*/
--gf-ctrl-multiselect-selected-item-remove-icon-color: var(--gf-color-in-ctrl-primary-contrast);
}
html[dir="rtl"] .gform-theme--framework, html[dir="rtl"] .gform-theme--api {
--gf-ctrl-select-icon-position: var(--gf-ctrl-padding-x) center;
--gf-ctrl-select-search-icon-position: calc(100% - var(--gf-padding-x)) center;
}
/**
@navsection Global CSS API/Controls
@navlabel Textarea
# Global CSS API: Controls - Textarea
@description The following CSS custom properties are used for textarea control UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Control - Textarea */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-ctrl-textarea-height
Description: Height.
Default: 130px
*/
--gf-ctrl-textarea-height: 130px;
/**
@cssprop
Property: --gf-ctrl-textarea-radius
Description: Border radius.
Default: var(--gf-ctrl-radius-max-lg)
*/
--gf-ctrl-textarea-radius: var(--gf-ctrl-radius-max-lg);
/**
@cssprop
Property: --gf-ctrl-textarea-line-height
Description: Line height.
Default: 1.5
*/
--gf-ctrl-textarea-line-height: 1.5;
/**
@cssprop
Property: --gf-ctrl-textarea-padding-y
Description: Vertical (top/bottom) padding.
Default: var(--gf-padding-y)
*/
--gf-ctrl-textarea-padding-y: var(--gf-padding-y);
/**
@cssprop
Property: --gf-ctrl-textarea-resize
Description: Resize behavior.
Default: vertical
*/
--gf-ctrl-textarea-resize: vertical;
}
/* Fields */
/**
@navsection Global CSS API/Fields
@navlabel Date
# Global CSS API: Fields - Date
@description The following CSS custom properties are used for the date based field UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Field - Date */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-field-date-ctrl-padding-x-end
Description: Horizontal end (right) padding for icons.
Default: calc(var(--gf-ctrl-padding-x) + var(--gf-icon-font-size) + 4px)
*/
--gf-field-date-ctrl-padding-x-end: calc(var(--gf-ctrl-padding-x) + var(--gf-icon-font-size) + 4px);
/**
@cssprop
Property: --gf-field-date-icon-margin-x-start
Description: Horizontal start (left) margin for icon.
Default: calc(calc(var(--gf-ctrl-padding-x) * -1) + calc(var(--gf-ctrl-btn-size-simple) - var(--gf-icon-font-size)))
*/
--gf-field-date-icon-margin-x-start: calc(calc(var(--gf-ctrl-padding-x) * -1) + calc(var(--gf-ctrl-btn-size-simple) - var(--gf-icon-font-size)));
/**
@cssprop
Property: --gf-field-date-icon-size
Description: Icon size.
Default: var(--gf-icon-font-size)
*/
--gf-field-date-icon-size: var(--gf-icon-font-size);
/**
@cssprop
Property: --gf-field-date-icon-color
Description: Icon color.
Default: var(--gf-ctrl-icon-color)
*/
--gf-field-date-icon-color: var(--gf-ctrl-icon-color);
/**
@cssprop
Property: --gf-field-date-icon-color-active
Description: Icon color when active (focus, hover, date picker active, etc.).
Default: var(--gf-ctrl-icon-color-hover)
*/
--gf-field-date-icon-color-active: var(--gf-ctrl-icon-color-hover);
/**
@cssprop
Property: --gf-field-date-icon-transition
Description: Icon transition.
Default: var(--gf-ctrl-transition)
*/
--gf-field-date-icon-transition: var(--gf-ctrl-transition);
/**
@cssprop
Property: --gf-field-date-custom-icon-max-height
Description: Max height for custom date icons.
Default: 16px
*/
--gf-field-date-custom-icon-max-height: 16px;
/**
@cssprop
Property: --gf-field-date-custom-icon-max-width
Description: Max width for custom date icons.
Default: 16px
*/
--gf-field-date-custom-icon-max-width: 16px;
/**
@cssprop
Property: --gf-field-date-custom-icon-opacity
Description: Opacity for custom date icons.
Default: 0.6
*/
--gf-field-date-custom-icon-opacity: 0.6;
/**
@cssprop
Property: --gf-field-date-custom-icon-opacity-hover
Description: Opacity for custom date icons on hover.
Default: 1
*/
--gf-field-date-custom-icon-opacity-hover: 1;
}
/**
@navsection Global CSS API/Fields
@navlabel Choice
# Global CSS API: Fields - Choice (Checkbox, Radio, Image, & Consent)
@description The following CSS custom properties are used for the choice based field UI, such as
checkbox, radio, consent, and image choice fields.
*/
/* Gravity Forms Theme Framework | Global CSS API: Field - Choice (Checkbox, Radio, Image, & Consent) */
.gform-theme--framework, .gform-theme--api {
/**
## Choice Field Base
@description Properties used for base choice based field UI.
*/
/**
@cssprop
Property: --gf-field-choice-gap
Description: Gap.
Default: var(--gf-label-space-x-secondary)
*/
--gf-field-choice-gap: var(--gf-label-space-x-secondary);
/**
@cssprop
Property: --gf-field-choice-align-x-gap-y
Description: Vertical (top/bottom) gap for horizontal choice field alignment.
Default: var(--gf-field-choice-gap)
*/
--gf-field-choice-align-x-gap-y: var(--gf-field-choice-gap);
/**
@cssprop
Property: --gf-field-choice-align-x-gap-x
Description: Horizontal (left/right) gap for horizontal choice field alignment.
Default: 16px
*/
--gf-field-choice-align-x-gap-x: 16px;
/**
@cssprop
Property: --gf-field-choice-meta-margin-y-start
Description: Vertical start (top) margin for choice field meta.
Default: 4px
*/
--gf-field-choice-meta-margin-y-start: 4px;
/**
@cssprop
Property: --gf-field-choice-meta-space
Description: Spacer for choice field meta.
Default: 16px
*/
--gf-field-choice-meta-space: 16px;
/**
@cssprop
Property: --gf-field-choice-other-ctrl-max-width
Description: Max width for other field control.
Default: 256px
*/
--gf-field-choice-other-ctrl-max-width: 256px;
/**
## Image Choice Field
@description Properties used for the image choice field UI.
*/
/**
@cssprop
Group: Base
Property: --gf-field-img-choice-aspect-ratio
Description: Image aspect ratio.
Default: 1/1
*/
--gf-field-img-choice-aspect-ratio: 1/1;
/**
@cssprop
Property: --gf-field-img-choice-align-self
Description: Image choices vertical alignment.
Default: start
*/
--gf-field-img-choice-align-self: start;
/**
@cssprop
Property: --gf-field-img-choice-gap
Description: Gap.
Default: var(--gf-field-gap-x)
*/
--gf-field-img-choice-gap: var(--gf-field-gap-x);
/**
@cssprop
Property: --gf-field-img-choice-margin-y-end
Description: Vertical end (bottom) margin for image.
Default: 12px
*/
--gf-field-img-choice-margin-y-end: 12px;
/**
@cssprop
Property: --gf-field-img-choice-placeholder-icon-font-size
Description: Image placeholder icon font size.
Default: 60px
*/
--gf-field-img-choice-placeholder-icon-font-size: 60px;
/**
@cssprop
Property: --gf-field-img-choice-radius-square
Description: Image border radius when using square style.
Default: var(--gf-ctrl-radius-max-sm)
*/
--gf-field-img-choice-radius-square: var(--gf-ctrl-radius-max-sm);
/**
@cssprop
Property: --gf-field-img-choice-radius-round
Description: Image border radius when using round style.
Default: 50%
*/
--gf-field-img-choice-radius-round: 50%;
/**
@cssprop
Property: --gf-field-img-choice-shadow
Description: Image box shadow.
Default: 0 0 0 rgba(18, 25, 97, 0.05), 0 2px 5px rgba(18, 25, 97, 0.1), 0 1px 1px rgba(18, 25, 97, 0.15)
*/
--gf-field-img-choice-shadow: 0 0 0 rgba(18, 25, 97, 0.05), 0 2px 5px rgba(18, 25, 97, 0.1), 0 1px 1px rgba(18, 25, 97, 0.15);
/**
@cssprop
Property: --gf-field-img-choice-shadow-hover
Description: Image box shadow on hover.
Default: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03)
*/
--gf-field-img-choice-shadow-hover: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03);
/**
@cssprop
Property: --gf-field-img-choice-size-sm
Description: Small image choice size.
Default: 125px
*/
--gf-field-img-choice-size-sm: 125px;
/**
@cssprop
Property: --gf-field-img-choice-size-md
Description: Medium image choice size.
Default: 200px
*/
--gf-field-img-choice-size-md: 200px;
/**
@cssprop
Property: --gf-field-img-choice-size-lg
Description: Large image choice size.
Default: 300px
*/
--gf-field-img-choice-size-lg: 300px;
/**
@cssprop
Property: --gf-field-img-choice-size
Description: Image choice size.
Default: var(--gf-field-img-choice-size-md)
*/
--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);
/**
@cssprop
Group: Appearance - Card
Property: --gf-field-img-choice-card-placeholder-bg-color
Description: Image placeholder background color.
Default: rgba(var(--gf-color-in-ctrl-light-rgb), 0.05)
*/
--gf-field-img-choice-card-placeholder-bg-color: rgba(var(--gf-color-in-ctrl-light-rgb), 0.05);
/**
@cssprop
Property: --gf-field-img-choice-card-placeholder-color
Description: Image placeholder color.
Default: rgba(var(--gf-color-in-ctrl-dark-rgb), 0.4)
*/
--gf-field-img-choice-card-placeholder-color: rgba(var(--gf-color-in-ctrl-dark-rgb), 0.4);
/**
@cssprop
Property: --gf-field-img-choice-card-check-ind-bg-color
Description: Checked indicator background color.
Default: var(--gf-color-in-ctrl-primary)
*/
--gf-field-img-choice-card-check-ind-bg-color: var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-field-img-choice-card-check-ind-icon-color
Description: Checked indicator icon color.
Default: var(--gf-color-in-ctrl-primary-contrast)
*/
--gf-field-img-choice-card-check-ind-icon-color: var(--gf-color-in-ctrl-primary-contrast);
/**
@cssprop
Property: --gf-field-img-choice-card-space-sm
Description: Spacer for small image choice UI.
Default: 8px
*/
--gf-field-img-choice-card-space-sm: 8px;
/**
@cssprop
Property: --gf-field-img-choice-card-space-md
Description: Spacer for medium image choice UI.
Default: 12px
*/
--gf-field-img-choice-card-space-md: 12px;
/**
@cssprop
Property: --gf-field-img-choice-card-space-lg
Description: Spacer for large image choice UI.
Default: 16px
*/
--gf-field-img-choice-card-space-lg: 16px;
/**
@cssprop
Property: --gf-field-img-choice-card-space
Description: Spacer for image choice UI.
Default: var(--gf-field-img-choice-card-space-md)
*/
--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);
/**
@cssprop
Group: Appearance - No Card
Property: --gf-field-img-choice-no-card-placeholder-bg-color
Description: Image placeholder background color.
Default: rgba(var(--gf-color-out-ctrl-light-rgb), 0.05)
*/
--gf-field-img-choice-no-card-placeholder-bg-color: rgba(var(--gf-color-out-ctrl-light-rgb), 0.05);
/**
@cssprop
Property: --gf-field-img-choice-no-card-placeholder-color
Description: Image placeholder color.
Default: rgba(var(--gf-color-out-ctrl-dark-rgb), 0.4)
*/
--gf-field-img-choice-no-card-placeholder-color: rgba(var(--gf-color-out-ctrl-dark-rgb), 0.4);
/**
@cssprop
Property: --gf-field-img-choice-no-card-check-ind-bg-color
Description: Checked indicator background color.
Default: var(--gf-color-in-ctrl-primary)
*/
--gf-field-img-choice-no-card-check-ind-bg-color: var(--gf-color-in-ctrl-primary);
/**
@cssprop
Property: --gf-field-img-choice-no-card-check-ind-icon-color
Description: Checked indicator icon color.
Default: var(--gf-color-in-ctrl-primary-contrast)
*/
--gf-field-img-choice-no-card-check-ind-icon-color: var(--gf-color-in-ctrl-primary-contrast);
/**
@cssprop
Group: Checked Indicator
Property: --gf-field-img-choice-check-ind-icon
Description: Icon.
Default: var(--gf-icon-ctrl-checkbox)
*/
--gf-field-img-choice-check-ind-icon: var(--gf-icon-ctrl-checkbox);
/**
@cssprop
Property: --gf-field-img-choice-check-ind-radius
Description: Border radius.
Default: 50%
*/
--gf-field-img-choice-check-ind-radius: 50%;
/**
@cssprop
Property: --gf-field-img-choice-check-ind-shadow
Description: Box shadow.
Default: drop-shadow(0 1px 1px rgba(18, 25, 97, 0.15)) drop-shadow(0 2px 5px rgba(18, 25, 97, 0.1)) drop-shadow(0 0 0 rgba(18, 25, 97, 0.05))
*/
--gf-field-img-choice-check-ind-shadow: drop-shadow(0 1px 1px rgba(18, 25, 97, 0.15)) drop-shadow(0 2px 5px rgba(18, 25, 97, 0.1)) drop-shadow(0 0 0 rgba(18, 25, 97, 0.05));
/**
@cssprop
Property: --gf-field-img-choice-check-ind-size-sm
Description: Checked indicator size for small image choice.
Default: 24px
*/
--gf-field-img-choice-check-ind-size-sm: 24px;
/**
@cssprop
Property: --gf-field-img-choice-check-ind-size-md
Description: Checked indicator size for medium image choice.
Default: 38px
*/
--gf-field-img-choice-check-ind-size-md: 38px;
/**
@cssprop
Property: --gf-field-img-choice-check-ind-size-lg
Description: Checked indicator size for large image choice.
Default: 64px
*/
--gf-field-img-choice-check-ind-size-lg: 64px;
/**
@cssprop
Property: --gf-field-img-choice-check-ind-size
Description: Checked indicator size.
Default: var(--gf-field-img-choice-check-ind-size-md)
*/
--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);
/**
@cssprop
Property: --gf-field-img-choice-check-ind-icon-size-sm
Description: Icon size for small image choice.
Default: 12px
*/
--gf-field-img-choice-check-ind-icon-size-sm: 12px;
/**
@cssprop
Property: --gf-field-img-choice-check-ind-icon-size-md
Description: Icon size for medium image choice.
Default: var(--gf-icon-font-size)
*/
--gf-field-img-choice-check-ind-icon-size-md: var(--gf-icon-font-size);
/**
@cssprop
Property: --gf-field-img-choice-check-ind-icon-size-lg
Description: Icon size for large image choice.
Default: 30px
*/
--gf-field-img-choice-check-ind-icon-size-lg: 30px;
/**
@cssprop
Property: --gf-field-img-choice-check-ind-icon-size
Description: Icon size.
Default: var(--gf-field-img-choice-check-ind-icon-size-md)
*/
--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);
/**
@cssprop
Group: Miscellaneous UI
Property: --gf-field-img-choice-ctrl-opacity
Description: Control opacity.
Default: 1
*/
--gf-field-img-choice-ctrl-opacity: 1;
/**
@cssprop
Property: --gf-field-img-choice-ctrl-opacity-disabled
Description: Control opacity when disabled.
Default: 0.5
*/
--gf-field-img-choice-ctrl-opacity-disabled: 0.5;
/**
@cssprop
Property: --gf-field-img-choice-other-ctrl-margin-y-start
Description: Vertical start (top) margin for other control.
Default: 16px
*/
--gf-field-img-choice-other-ctrl-margin-y-start: 16px;
}
/**
@navsection Global CSS API/Fields
@navlabel List
# Global CSS API: Fields - List
@description The following CSS custom properties are used for the list based field UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Field - List */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-field-list-btn-size
Description: Add/remove button size.
Default: 16px
*/
--gf-field-list-btn-size: 16px;
/**
@cssprop
Property: --gf-field-list-btn-radius
Description: Add/remove button border radius.
Default: 50%
*/
--gf-field-list-btn-radius: 50%;
/**
@cssprop
Property: --gf-field-list-btn-font-size
Description: Add/remove button font size.
Default: 0
*/
--gf-field-list-btn-font-size: 0;
/**
@cssprop
Property: --gf-field-list-btn-padding-y
Description: Add/remove button vertical (top/bottom) padding.
Default: 0
*/
--gf-field-list-btn-padding-y: 0;
/**
@cssprop
Property: --gf-field-list-btn-padding-x
Description: Add/remove button horizontal (left/right) padding.
Default: 0
*/
--gf-field-list-btn-padding-x: 0;
}
/**
@navsection Global CSS API/Fields
@navlabel Page
# Global CSS API: Fields - Page
@description The following CSS custom properties are used for the page based field UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Field - Page */
.gform-theme--framework, .gform-theme--api {
/**
## Page Base
@description Properties used for base page field UI.
*/
/**
@cssprop
Group: Color
Property: --gf-field-pg-prog-color
Description: Color.
Default: var(--gf-color-out-ctrl-dark)
*/
--gf-field-pg-prog-color: var(--gf-color-out-ctrl-dark);
/**
@cssprop
Group: Spacing
Property: --gf-field-pg-prog-margin-y-end
Description: Vertical end (bottom) margin.
Default: 24px
*/
--gf-field-pg-prog-margin-y-end: 24px;
/**
@cssprop
Property: --gf-field-pg-prog-title-margin-y-end
Description: Vertical end (bottom) margin for title.
Default: 16px
*/
--gf-field-pg-prog-title-margin-y-end: 16px;
/**
@cssprop
Group: Typography
Property: --gf-field-pg-prog-font-family
Description: Font family.
Default: var(--gf-font-family-base)
*/
--gf-field-pg-prog-font-family: var(--gf-font-family-base);
/**
@cssprop
Property: --gf-field-pg-prog-font-size
Description: Font size.
Default: 14px
*/
--gf-field-pg-prog-font-size: 14px;
/**
@cssprop
Property: --gf-field-pg-prog-font-style
Description: Font style.
Default: var(--gf-font-style-base)
*/
--gf-field-pg-prog-font-style: var(--gf-font-style-base);
/**
@cssprop
Property: --gf-field-pg-prog-font-weight
Description: Font weight.
Default: 600
*/
--gf-field-pg-prog-font-weight: 600;
/**
@cssprop
Property: --gf-field-pg-prog-letter-spacing
Description: Letter spacing.
Default: 0
*/
--gf-field-pg-prog-letter-spacing: 0;
/**
@cssprop
Property: --gf-field-pg-prog-line-height
Description: Line height.
Default: 1
*/
--gf-field-pg-prog-line-height: 1;
/**
@cssprop
Property: --gf-field-pg-prog-text-transform
Description: Text transform.
Default: uppercase
*/
--gf-field-pg-prog-text-transform: uppercase;
/**
## Page - Progress Bar
@description Properties used for page field progress bar UI.
*/
/**
@cssprop
Group: Background
Property: --gf-field-pg-prog-bar-bg-color
Description: Background color.
Default: var(--gf-color-out-ctrl-light)
*/
--gf-field-pg-prog-bar-bg-color: var(--gf-color-out-ctrl-light);
/**
@cssprop
Property: --gf-field-pg-prog-bar-bg-color-blue
Description: Background color for blue theme.
Default: #204ce5
*/
--gf-field-pg-prog-bar-bg-color-blue: #204ce5;
/**
@cssprop
Property: --gf-field-pg-prog-bar-bg-color-gray
Description: Background color for gray theme.
Default: var(--gf-color-out-ctrl-dark)
*/
--gf-field-pg-prog-bar-bg-color-gray: var(--gf-color-out-ctrl-dark);
/**
@cssprop
Property: --gf-field-pg-prog-bar-bg-color-green
Description: Background color for green theme.
Default: #31c48d
*/
--gf-field-pg-prog-bar-bg-color-green: #31c48d;
/**
@cssprop
Property: --gf-field-pg-prog-bar-bg-color-orange
Description: Background color for orange theme.
Default: #ff5a1f
*/
--gf-field-pg-prog-bar-bg-color-orange: #ff5a1f;
/**
@cssprop
Property: --gf-field-pg-prog-bar-bg-color-red
Description: Background color for red theme.
Default: #c02b0a
*/
--gf-field-pg-prog-bar-bg-color-red: #c02b0a;
/**
@cssprop
Property: --gf-field-pg-prog-bar-bg-gradient-spring
Description: Background gradient for spring theme.
Default: linear-gradient(270deg, #9cd790 0%, #76d7db 100%)
*/
--gf-field-pg-prog-bar-bg-gradient-spring: linear-gradient(270deg, #9cd790 0%, #76d7db 100%);
/**
@cssprop
Property: --gf-field-pg-prog-bar-bg-gradient-blues
Description: Background gradient for blues theme.
Default: linear-gradient(270deg, #00c2ff 0%, #7838e2 100%)
*/
--gf-field-pg-prog-bar-bg-gradient-blues: linear-gradient(270deg, #00c2ff 0%, #7838e2 100%);
/**
@cssprop
Property: --gf-field-pg-prog-bar-bg-gradient-rainbow
Description: Background gradient for rainbow theme.
Default: linear-gradient(274.73deg, #74b551 -5.58%, #f3ca30 44.81%, #cd302b 93.15%)
*/
--gf-field-pg-prog-bar-bg-gradient-rainbow: linear-gradient(274.73deg, #74b551 -5.58%, #f3ca30 44.81%, #cd302b 93.15%);
/**
@cssprop
Group: Border
Property: --gf-field-pg-prog-bar-radius
Description: Border radius.
Default: 100px
*/
--gf-field-pg-prog-bar-radius: 100px;
/**
@cssprop
Group: Sizing
Property: --gf-field-pg-prog-bar-height
Description: Height.
Default: 10px
*/
--gf-field-pg-prog-bar-height: 10px;
/**
## Page - Steps
@description Properties used for page field steps UI.
*/
/**
@cssprop
Grouo: Background
Property: --gf-field-pg-steps-number-bg-color
Description: Background color.
Default: transparent
*/
--gf-field-pg-steps-number-bg-color: transparent;
/**
@cssprop
Property: --gf-field-pg-steps-number-bg-color-active
Description: Background color for active step.
Default: var(--gf-color-out-ctrl-light)
*/
--gf-field-pg-steps-number-bg-color-active: var(--gf-color-out-ctrl-light);
/**
@cssprop
Property: --gf-field-pg-steps-number-bg-color-complete
Description: Background color for completed step.
Default: var(--gf-color-primary)
*/
--gf-field-pg-steps-number-bg-color-complete: var(--gf-color-primary);
/**
@cssprop
Group: Border
Property: --gf-field-pg-steps-number-border-color
Description: Border color.
Default: var(--gf-color-out-ctrl-light-darker)
*/
--gf-field-pg-steps-number-border-color: var(--gf-color-out-ctrl-light-darker);
/**
@cssprop
Property: --gf-field-pg-steps-number-border-color-active
Description: Border color for active step.
Default: transparent
*/
--gf-field-pg-steps-number-border-color-active: transparent;
/**
@cssprop
Property: --gf-field-pg-steps-number-border-color-complete
Description: Border color for completed step.
Default: var(--gf-color-primary)
*/
--gf-field-pg-steps-number-border-color-complete: var(--gf-color-primary);
/**
@cssprop
Property: --gf-field-pg-steps-number-border-style
Description: Border style.
Default: solid
*/
--gf-field-pg-steps-number-border-style: solid;
/**
@cssprop
Property: --gf-field-pg-steps-number-border-width
Description: Border width.
Default: 2px
*/
--gf-field-pg-steps-number-border-width: 2px;
/**
@cssprop
Property: --gf-field-pg-steps-number-radius
Description: Border radius.
Default: 50%
*/
--gf-field-pg-steps-number-radius: 50%;
/**
@cssprop
Group: Color
Property: --gf-field-pg-steps-number-color
Description: Color.
Default: var(--gf-color-out-ctrl-dark)
*/
--gf-field-pg-steps-number-color: var(--gf-color-out-ctrl-dark);
/**
@cssprop
Property: --gf-field-pg-steps-number-color-active
Description: Color for active step.
Default: var(--gf-field-pg-steps-number-color)
*/
--gf-field-pg-steps-number-color-active: var(--gf-field-pg-steps-number-color);
/**
@cssprop
Property: --gf-field-pg-steps-number-color-complete
Description: Color for completed step.
Default: var(--gf-color-primary-contrast)
*/
--gf-field-pg-steps-number-color-complete: var(--gf-color-primary-contrast);
/**
@cssprop
Group: Icon
Property: --gf-field-pg-steps-icon-font-size
Description: Font size.
Default: var(--gf-icon-font-size)
*/
--gf-field-pg-steps-icon-font-size: var(--gf-icon-font-size);
/**
@cssprop
Group: Sizing
Property: --gf-field-pg-steps-number-size
Description: Size.
Default: 32px
*/
--gf-field-pg-steps-number-size: 32px;
/**
@cssprop
Group: Spacing
Property: --gf-field-pg-steps-step-gap
Description: Gap.
Default: 12px
*/
--gf-field-pg-steps-step-gap: 12px;
}
/**
@navsection Global CSS API/Fields
@navlabel Password
# Global CSS API: Fields - Password
@description The following CSS custom properties are used for the password based field UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Field - Password */
.gform-theme--framework, .gform-theme--api {
/**
## Password Base
@description Properties used for base password field UI.
*/
/**
@cssprop
Property: --gf-field-pwd-ctrl-padding-x-end
Description: Horizontal end (right) padding for icons.
Default: calc(var(--gf-ctrl-padding-x) + var(--gf-icon-font-size) + 8px)
*/
--gf-field-pwd-ctrl-padding-x-end: calc(var(--gf-ctrl-padding-x) + var(--gf-icon-font-size) + 8px);
/**
## Password Strength Indicator
@description Properties used for password strength indicator UI.
*/
/**
### Label
@description Properties used for password strength indicator label UI.
*/
/**
@cssprop
Group: Background
Property: --gf-field-pwd-str-bg-color
Description: Background color.
Default: transparent
*/
--gf-field-pwd-str-bg-color: transparent;
/**
@cssprop
Property: --gf-field-pwd-str-bg-color-mismatch
Description: Background color for password mismatch.
Default: transparent
*/
--gf-field-pwd-str-bg-color-mismatch: transparent;
/**
@cssprop
Property: --gf-field-pwd-str-bg-color-short
Description: Background color for too short password.
Default: transparent
*/
--gf-field-pwd-str-bg-color-short: transparent;
/**
@cssprop
Property: --gf-field-pwd-str-bg-color-bad
Description: Background color for weak password.
Default: transparent
*/
--gf-field-pwd-str-bg-color-bad: transparent;
/**
@cssprop
Property: --gf-field-pwd-str-bg-color-good
Description: Background color for good password.
Default: transparent
*/
--gf-field-pwd-str-bg-color-good: transparent;
/**
@cssprop
Property: --gf-field-pwd-str-bg-color-strong
Description: Background color for strong password.
Default: transparent
*/
--gf-field-pwd-str-bg-color-strong: transparent;
/**
@cssprop
Group: Border
Property: --gf-field-pwd-str-border-color
Description: Border color.
Default: var(--gf-ctrl-border-color)
*/
--gf-field-pwd-str-border-color: var(--gf-ctrl-border-color);
/**
@cssprop
Property: --gf-field-pwd-str-border-color-mismatch
Description: Border color for password mismatch.
Default: var(--gf-ctrl-border-color)
*/
--gf-field-pwd-str-border-color-mismatch: var(--gf-ctrl-border-color);
/**
@cssprop
Property: --gf-field-pwd-str-border-color-short
Description: Border color for too short password.
Default: var(--gf-ctrl-border-color)
*/
--gf-field-pwd-str-border-color-short: var(--gf-ctrl-border-color);
/**
@cssprop
Property: --gf-field-pwd-str-border-color-bad
Description: Border color for weak password.
Default: var(--gf-ctrl-border-color)
*/
--gf-field-pwd-str-border-color-bad: var(--gf-ctrl-border-color);
/**
@cssprop
Property: --gf-field-pwd-str-border-color-good
Description: Border color for good password.
Default: var(--gf-ctrl-border-color)
*/
--gf-field-pwd-str-border-color-good: var(--gf-ctrl-border-color);
/**
@cssprop
Property: --gf-field-pwd-str-border-color-strong
Description: Border color for strong password.
Default: var(--gf-ctrl-border-color)
*/
--gf-field-pwd-str-border-color-strong: var(--gf-ctrl-border-color);
/**
@cssprop
Property: --gf-field-pwd-str-border-style
Description: Border style.
Default: var(--gf-ctrl-border-style)
*/
--gf-field-pwd-str-border-style: var(--gf-ctrl-border-style);
/**
@cssprop
Property: --gf-field-pwd-str-border-width
Description: Border width.
Default: var(--gf-ctrl-border-width)
*/
--gf-field-pwd-str-border-width: var(--gf-ctrl-border-width);
/**
@cssprop
Property: --gf-field-pwd-str-radius
Description: Border radius.
Default: 0
*/
--gf-field-pwd-str-radius: 0;
/**
@cssprop
Group: Color
Property: --gf-field-pwd-str-color
Description: Color.
Default: var(--gf-color-out-ctrl-dark)
*/
--gf-field-pwd-str-color: var(--gf-color-out-ctrl-dark);
/**
@cssprop
Property: --gf-field-pwd-str-color-mismatch
Description: Color for password mismatch.
Default: #c02b0a
*/
--gf-field-pwd-str-color-mismatch: #c02b0a;
/**
@cssprop
Property: --gf-field-pwd-str-color-short
Description: Color for too short password.
Default: #c02b0a
*/
--gf-field-pwd-str-color-short: #c02b0a;
/**
@cssprop
Property: --gf-field-pwd-str-color-bad
Description: Color for weak password.
Default: #ff5a1f
*/
--gf-field-pwd-str-color-bad: #ff5a1f;
/**
@cssprop
Property: --gf-field-pwd-str-color-good
Description: Color for good password.
Default: #8b6c32
*/
--gf-field-pwd-str-color-good: #8b6c32;
/**
@cssprop
Property: --gf-field-pwd-str-color-strong
Description: Color for strong password.
Default: #399f4b
*/
--gf-field-pwd-str-color-strong: #399f4b;
/**
@cssprop
Group: Spacing
Property: --gf-field-pwd-str-margin-y-start
Description: Vertical start (top) margin.
Default: 16px
*/
--gf-field-pwd-str-margin-y-start: 16px;
/**
@cssprop
Property: --gf-field-pwd-str-padding-y
Description: Vertical (top/bottom) padding.
Default: 0
*/
--gf-field-pwd-str-padding-y: 0;
/**
@cssprop
Property: --gf-field-pwd-str-padding-x
Description: Horizontal (left/right) padding.
Default: calc(65px + 8px) 0
*/
--gf-field-pwd-str-padding-x: calc(65px + 8px) 0;
/**
@cssprop
Group: Typography
Property: --gf-field-pwd-str-font-family
Description: Font family.
Default: var(--gf-font-family-secondary)
*/
--gf-field-pwd-str-font-family: var(--gf-font-family-secondary);
/**
@cssprop
Property: --gf-field-pwd-str-font-size
Description: Font size.
Default: var(--gf-font-size-primary)
*/
--gf-field-pwd-str-font-size: var(--gf-font-size-primary);
/**
@cssprop
Property: --gf-field-pwd-str-font-style
Description: Font style.
Default: var(--gf-font-style-secondary)
*/
--gf-field-pwd-str-font-style: var(--gf-font-style-secondary);
/**
@cssprop
Property: --gf-field-pwd-str-font-weight
Description: Font weight.
Default: var(--gf-font-weight-secondary)
*/
--gf-field-pwd-str-font-weight: var(--gf-font-weight-secondary);
/**
@cssprop
Property: --gf-field-pwd-str-letter-spacing
Description: Letter spacing.
Default: var(--gf-letter-spacing-secondary)
*/
--gf-field-pwd-str-letter-spacing: var(--gf-letter-spacing-secondary);
/**
@cssprop
Property: --gf-field-pwd-str-line-height
Description: Line height.
Default: 1
*/
--gf-field-pwd-str-line-height: 1;
/**
@cssprop
Property: --gf-field-pwd-str-text-align
Description: Text alignment.
Default: start
*/
--gf-field-pwd-str-text-align: start;
/**
@cssprop
Group: Transition & Animation
Property: --gf-field-pwd-str-transition
Description: Transition.
Default: var(--gf-transition-ctrl)
*/
--gf-field-pwd-str-transition: var(--gf-transition-ctrl);
/**
### Strength Indicator
@description Properties used for password strength indicator UI.
*/
/**
@cssprop
Group: Background
Property: --gf-field-pwd-str-ind-bg-color
Description: Background color.
Default: var(--gf-color-out-ctrl-light)
*/
--gf-field-pwd-str-ind-bg-color: var(--gf-color-out-ctrl-light);
/**
@cssprop
Property: --gf-field-pwd-str-ind-bg-color-mismatch
Description: Background color for password mismatch.
Default: var(--gf-field-pwd-str-color-mismatch);
*/
--gf-field-pwd-str-ind-bg-color-mismatch: var(--gf-field-pwd-str-color-mismatch);
/**
@cssprop
Property: --gf-field-pwd-str-ind-bg-color-short
Description: Background color for too short password.
Default: var(--gf-field-pwd-str-color-short);
*/
--gf-field-pwd-str-ind-bg-color-short: var(--gf-field-pwd-str-color-short);
/**
@cssprop
Property: --gf-field-pwd-str-ind-bg-color-bad
Description: Background color for weak password.
Default: var(--gf-field-pwd-str-color-bad);
*/
--gf-field-pwd-str-ind-bg-color-bad: var(--gf-field-pwd-str-color-bad);
/**
@cssprop
Property: --gf-field-pwd-str-ind-bg-color-good
Description: Background color for good password.
Default: var(--gf-field-pwd-str-color-good);
*/
--gf-field-pwd-str-ind-bg-color-good: var(--gf-field-pwd-str-color-good);
/**
@cssprop
Property: --gf-field-pwd-str-ind-bg-color-strong
Description: Background color for strong password.
Default: var(--gf-field-pwd-str-color-strong);
*/
--gf-field-pwd-str-ind-bg-color-strong: var(--gf-field-pwd-str-color-strong);
/*
@cssprop
Group: Border
Property: --gf-field-pwd-str-ind-radius
Description: Border radius.
Default: var(--gf-radius)
*/
--gf-field-pwd-str-ind-radius: var(--gf-radius);
/**
@cssprop
Group: Layout
Property: --gf-field-pwd-str-ind-display
Description: Display.
Default: inline-block
*/
--gf-field-pwd-str-ind-display: inline-block;
/**
@cssprop
Property: --gf-field-pwd-str-ind-inset-y-start
Description: Vertical start (top) inset position.
Default: 50%
*/
--gf-field-pwd-str-ind-inset-y-start: 50%;
/**
@cssprop
Property: --gf-field-pwd-str-ind-inset-x-start
Description: Horizontal start (left) inset position.
Default: 0
*/
--gf-field-pwd-str-ind-inset-x-start: 0;
/**
@cssprop
Property: --gf-field-pwd-str-ind-position
Description: Position.
Default: absolute
*/
--gf-field-pwd-str-ind-position: absolute;
/**
@cssprop
Group: Sizing
Property: --gf-field-pwd-str-ind-height
Description: Height.
Default: 6px
*/
--gf-field-pwd-str-ind-height: 6px;
/**
@cssprop
Property: --gf-field-pwd-str-ind-width
Description: Width.
Default: 65px
*/
--gf-field-pwd-str-ind-width: 65px;
/**
@cssprop
Property: --gf-field-pwd-str-ind-width-blank
Description: Width for inactive indicator.
Default: 0
*/
--gf-field-pwd-str-ind-width-blank: 0;
/**
@cssprop
Property: --gf-field-pwd-str-ind-width-mismatch
Description: Width for password mismatch indicator.
Default: 65px
*/
--gf-field-pwd-str-ind-width-mismatch: 65px;
/**
@cssprop
Property: --gf-field-pwd-str-ind-width-short
Description: Width for too short password indicator.
Default: 22px
*/
--gf-field-pwd-str-ind-width-short: 22px;
/**
@cssprop
Property: --gf-field-pwd-str-ind-width-bad
Description: Width for weak password indicator.
Default: 37px
*/
--gf-field-pwd-str-ind-width-bad: 37px;
/**
@cssprop
Property: --gf-field-pwd-str-ind-width-good
Description: Width for good password indicator.
Default: 46px
*/
--gf-field-pwd-str-ind-width-good: 46px;
/**
@cssprop
Property: --gf-field-pwd-str-ind-width-strong
Description: Width for strong password indicator.
Default: 65px
*/
--gf-field-pwd-str-ind-width-strong: 65px;
/**
@cssprop
Group: Typography
Property: --gf-field-pwd-str-ind-content
Description: Content.
Default: ""
*/
--gf-field-pwd-str-ind-content: "";
/**
@cssprop
Group: Transform
Property: --gf-field-pwd-str-ind-transform
Description: Transform.
Default: translateY(-50%)
*/
--gf-field-pwd-str-ind-transform: translateY(-50%);
/**
@cssprop
Group: Transition & Animation
Property: --gf-field-pwd-str-ind-transition
Description: Transition.
Default: var(--gf-transition-ctrl)
*/
--gf-field-pwd-str-ind-transition: var(--gf-transition-ctrl);
}
/**
@navsection Global CSS API/Fields
@navlabel Product
# Global CSS API: Fields - Product
@description The following CSS custom properties are used for the product based field UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Field - Product */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-field-prod-price-color
Description: Price color.
Default: var(--gf-ctrl-label-color-primary)
*/
--gf-field-prod-price-color: var(--gf-ctrl-label-color-primary);
/**
@cssprop
Property: --gf-field-prod-quant-margin-y-end
Description: Quantity control vertical end (bottom) margin.
Default: var(--gf-field-gap-y)
*/
--gf-field-prod-quant-margin-y-end: var(--gf-field-gap-y);
/**
@cssprop
Property: --gf-field-prod-quant-width
Description: Quantity control width.
Default: 150px
*/
--gf-field-prod-quant-width: 150px;
}
/**
@navsection Global CSS API/Fields
@navlabel Repeater
# Global CSS API: Fields - Repeater
@description The following CSS custom properties are used for the repeater based field UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Field - Repeater */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-field-repeater-gap-y
Description: Vertical (top/bottom) gap for repeater UI.
Default: var(--gf-form-gap-y)
*/
--gf-field-repeater-gap-y: var(--gf-form-gap-y);
/**
@cssprop
Property: --gf-field-repeater-btn-inline-gap
Description: Horizontal gap between buttons.
Default: var(--gf-form-gap-x)
*/
--gf-field-repeater-btn-inline-gap: var(--gf-form-gap-x);
/**
@cssprop
Property: --gf-field-repeater-separator-color
Description: Separator color.
Default: var(--gf-color-out-ctrl-light-darker)
*/
--gf-field-repeater-separator-color: var(--gf-color-out-ctrl-light-darker);
/**
@cssprop
Property: --gf-field-repeater-separator-size
Description: Separator size.
Default: 1px
*/
--gf-field-repeater-separator-size: 1px;
/**
@cssprop
Property: --gf-field-repeater-nested-border-color
Description: Nested border color.
Default: var(--gf-color-out-ctrl-light-darker)
*/
--gf-field-repeater-nested-border-color: var(--gf-color-out-ctrl-light-darker);
/**
@cssprop
Property: --gf-field-repeater-nested-border-size
Description: Nested border size.
Default: 1px
*/
--gf-field-repeater-nested-border-size: 1px;
/**
@cssprop
Property: --gf-field-repeater-nested-border-style
Description: Nested border style.
Default: solid
*/
--gf-field-repeater-nested-border-style: solid;
/**
@cssprop
Property: --gf-field-repeater-nested-border-radius
Description: Nested border radius.
Default: 3px
*/
--gf-field-repeater-nested-border-radius: var(--gf-ctrl-radius);
/**
@cssprop
Property: --gf-field-repeater-nested-padding
Description: Nested padding.
Default: 20px
*/
--gf-field-repeater-nested-padding: 20px;
/**
@cssprop
Property: --gf-field-repeater-removed-msg-border-color
Description: Removed message border color.
Default: var(--gf-color-out-ctrl-light-darker)
*/
--gf-field-repeater-removed-msg-border-color: var(--gf-color-out-ctrl-light-darker);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-border-size
Description: Removed message border size.
Default: 1px
*/
--gf-field-repeater-removed-msg-border-size: 1px;
/**
@cssprop
Property: --gf-field-repeater-removed-msg-border-style
Description: Removed message border style.
Default: solid
*/
--gf-field-repeater-removed-msg-border-style: solid;
/**
@cssprop
Property: --gf-field-repeater-removed-msg-border-radius
Description: Removed message border radius.
Default: 3px
*/
--gf-field-repeater-removed-msg-border-radius: var(--gf-ctrl-radius);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-gap-y
Description: Removed message top margin.
Default: 40px
*/
--gf-field-repeater-removed-msg-gap-y: var(--gf-form-gap-y);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-padding-y
Description: Removed message vertical padding.
Default: 16px
*/
--gf-field-repeater-removed-msg-padding-y: var(--gf-field-gap-y);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-padding-x
Description: Removed message horizontal padding.
Default: 16px
*/
--gf-field-repeater-removed-msg-padding-x: var(--gf-field-gap-x);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-font-family
Description: Removed message font family.
Default: var(--gf-ctrl-label-font-family-primary)
*/
--gf-field-repeater-removed-msg-font-family: var(--gf-ctrl-label-font-family-primary);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-font-size
Description: Removed message font size.
Default: var(--gf-ctrl-label-font-size-primary)
*/
--gf-field-repeater-removed-msg-font-size: var(--gf-ctrl-label-font-size-primary);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-font-style
Description: Removed message font style.
Default: var(--gf-ctrl-label-font-style-primary)
*/
--gf-field-repeater-removed-msg-font-style: var(--gf-ctrl-label-font-style-primary);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-font-weight
Description: Removed message font weight.
Default: var(--gf-ctrl-label-font-weight-primary)
*/
--gf-field-repeater-removed-msg-font-weight: var(--gf-ctrl-label-font-weight-primary);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-letter-spacing
Description: Removed message letter spacing.
Default: var(--gf-ctrl-label-letter-spacing-primary)
*/
--gf-field-repeater-removed-msg-letter-spacing: var(--gf-ctrl-label-letter-spacing-primary);
/**
@cssprop
Property: --gf-field-repeater-removed-msg-line-height
Description: Removed message line height.
Default: var(--gf-ctrl-label-line-height-primary)
*/
--gf-field-repeater-removed-msg-line-height: var(--gf-ctrl-label-line-height-primary);
/**
@cssprop
Property: --gf-field-repeat-label-font-size
Description: Repeat label font size.
Default: 16px;
*/
--gf-field-repeat-label-font-size: 15px;
}
/**
@navsection Global CSS API/Fields
@navlabel Section
# Global CSS API: Fields - Section
@description The following CSS custom properties are used for the section based field UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Field - Section */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Property: --gf-field-section-border-color
Description: Border color.
Default: var(--gf-color-out-ctrl-light-darker)
*/
--gf-field-section-border-color: var(--gf-color-out-ctrl-light-darker);
/**
@cssprop
Property: --gf-field-section-border-style
Description: Border style.
Default: solid
*/
--gf-field-section-border-style: solid;
/**
@cssprop
Property: --gf-field-section-border-width
Description: Border width.
Default: 1px
*/
--gf-field-section-border-width: 1px;
/**
@cssprop
Property: --gf-field-section-padding-y-end
Description: Vertical end (bottom) padding.
Default: 8px
*/
--gf-field-section-padding-y-end: 8px;
}
/* Form */
/**
@navsection Global CSS API/Form
@navlabel Validation
# Global CSS API: Form - Validation
@description The following CSS custom properties are used for the validation summary based form UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Form - Validation Summary */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Group: Base
Property: --gf-form-validation-bg-color
Description: Background color.
Default: rgba(var(--gf-color-danger-rgb), 0.03)
*/
--gf-form-validation-bg-color: rgba(var(--gf-color-danger-rgb), 0.03);
/**
@cssprop
Property: --gf-form-validation-border-color
Description: Border color.
Default: rgba(var(--gf-color-danger-rgb), 0.25)
*/
--gf-form-validation-border-color: rgba(var(--gf-color-danger-rgb), 0.25);
/**
@cssprop
Property: --gf-form-validation-border-color-focus
Description: Border color on focus.
Default: var(--gf-color-danger)
*/
--gf-form-validation-border-color-focus: var(--gf-color-danger);
/**
@cssprop
Property: --gf-form-validation-border-width
Description: Border width.
Default: 1px
*/
--gf-form-validation-border-width: 1px;
/**
@cssprop
Property: --gf-form-validation-border-style
Description: Border style.
Default: solid
*/
--gf-form-validation-border-style: solid;
/**
@cssprop
Property: --gf-form-validation-radius
Description: Border radius.
Default: var(--gf-ctrl-radius-max-md)
*/
--gf-form-validation-radius: var(--gf-ctrl-radius-max-md);
/**
@cssprop
Property: --gf-form-validation-outline-color-focus
Description: Outline color on focus.
Default: rgba(var(--gf-color-danger-rgb), 0.65)
*/
--gf-form-validation-outline-color-focus: rgba(var(--gf-color-danger-rgb), 0.65);
/**
@cssprop
Property: --gf-form-validation-outline-focus
Description: Outline on focus.
Default: var(--gf-ctrl-outline-width-focus) var(--gf-ctrl-outline-style) var(--gf-form-validation-outline-color-focus)
*/
--gf-form-validation-outline-focus: var(--gf-ctrl-outline-width-focus) var(--gf-ctrl-outline-style) var(--gf-form-validation-outline-color-focus);
/**
@cssprop
Property: --gf-form-validation-shadow
Description: Box shadow.
Default: 0 1px 4px rgba(18, 25, 97, 0.0779552)
*/
--gf-form-validation-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
/**
@cssprop
Property: --gf-form-validation-color
Description: Color.
Default: var(--gf-color-danger)
*/
--gf-form-validation-color: var(--gf-color-danger);
/**
@cssprop
Property: --gf-form-validation-font-family
Description: Font family.
Default: var(--gf-font-family-primary)
*/
--gf-form-validation-font-family: var(--gf-font-family-primary);
/**
@cssprop
Property: --gf-form-validation-font-size
Description: Font size.
Default: var(--gf-font-size-primary)
*/
--gf-form-validation-font-size: var(--gf-font-size-primary);
/**
@cssprop
Property: --gf-form-validation-line-height
Description: Line height.
Default: 1.43
*/
--gf-form-validation-line-height: 1.43;
/**
@cssprop
Property: --gf-form-validation-gap
Description: Validation summary UI gap.
Default: 8px
*/
--gf-form-validation-gap: 8px;
/**
@cssprop
Property: --gf-form-validation-margin-y
Description: Vertical (top/bottom) margin.
Default: 0 var(--gf-form-gap-y)
*/
--gf-form-validation-margin-y: 0 var(--gf-form-gap-y);
/**
@cssprop
Property: --gf-form-validation-padding-y
Description: Vertical (top/bottom) padding.
Default: 20px
*/
--gf-form-validation-padding-y: 20px;
/**
@cssprop
Property: --gf-form-validation-padding-x
Description: Horizontal (left/right) padding.
Default: 16px
*/
--gf-form-validation-padding-x: 16px;
/**
@cssprop
Group: Heading
Property: --gf-form-validation-heading-color
Description: Color.
Default: var(--gf-form-validation-color)
*/
--gf-form-validation-heading-color: var(--gf-form-validation-color);
/**
@cssprop
Property: --gf-form-validation-heading-font-family
Description: Font family.
Default: var(--gf-form-validation-font-family)
*/
--gf-form-validation-heading-font-family: var(--gf-form-validation-font-family);
/**
@cssprop
Property: --gf-form-validation-heading-font-size
Description: Font size.
Default: var(--gf-form-validation-font-size)
*/
--gf-form-validation-heading-font-size: var(--gf-form-validation-font-size);
/**
@cssprop
Property: --gf-form-validation-heading-font-weight
Description: Font weight.
Default: 500
*/
--gf-form-validation-heading-font-weight: 500;
/**
@cssprop
Property: --gf-form-validation-heading-line-height
Description: Line height.
Default: var(--gf-form-validation-line-height)
*/
--gf-form-validation-heading-line-height: var(--gf-form-validation-line-height);
/**
@cssprop
Property: --gf-form-validation-heading-gap
Description: Gap.
Default: 12px
*/
--gf-form-validation-heading-gap: 12px;
/**
@cssprop
Group: Heading Icon
Property: --gf-form-validation-heading-icon-bg-color
Description: Background color.
Default: rgba(var(--gf-color-danger-rgb), 0.05)
*/
--gf-form-validation-heading-icon-bg-color: rgba(var(--gf-color-danger-rgb), 0.05);
/**
@cssprop
Property: --gf-form-validation-heading-icon-border-color
Description: Border color.
Default: var(--gf-form-validation-border-color)
*/
--gf-form-validation-heading-icon-border-color: var(--gf-form-validation-border-color);
/**
@cssprop
Property: --gf-form-validation-heading-icon-border-width
Description: Border width.
Default: 2px
*/
--gf-form-validation-heading-icon-border-width: 2px;
/**
@cssprop
Property: --gf-form-validation-heading-icon-border-style
Description: Border style.
Default: var(--gf-form-validation-border-style)
*/
--gf-form-validation-heading-icon-border-style: var(--gf-form-validation-border-style);
/**
@cssprop
Property: --gf-form-validation-heading-icon-radius
Description: Border radius.
Default: 50%
*/
--gf-form-validation-heading-icon-radius: 50%;
/**
@cssprop
Property: --gf-form-validation-heading-icon-color
Description: Color.
Default: var(--gf-form-validation-heading-color)
*/
--gf-form-validation-heading-icon-color: var(--gf-form-validation-heading-color);
/**
@cssprop
Property: --gf-form-validation-heading-icon-font-size
Description: Font size.
Default: 18px
*/
--gf-form-validation-heading-icon-font-size: 18px;
/**
@cssprop
Property: --gf-form-validation-heading-icon-size
Description: Icon size.
Default: 20px
*/
--gf-form-validation-heading-icon-size: 20px;
/**
@cssprop
Group: Summary List
Property: --gf-form-validation-summary-color
Description: Color.
Default: var(--gf-form-validation-color)
*/
--gf-form-validation-summary-color: var(--gf-form-validation-color);
/**
@cssprop
Property: --gf-form-validation-summary-font-family
Description: Font family.
Default: var(--gf-form-validation-font-family)
*/
--gf-form-validation-summary-font-family: var(--gf-form-validation-font-family);
/**
@cssprop
Property: --gf-form-validation-summary-font-size
Description: Font size.
Default: var(--gf-form-validation-font-size)
*/
--gf-form-validation-summary-font-size: var(--gf-form-validation-font-size);
/**
@cssprop
Property: --gf-form-validation-summary-font-weight
Description: Font weight.
Default: 400
*/
--gf-form-validation-summary-font-weight: 400;
/**
@cssprop
Property: --gf-form-validation-summary-line-height
Description: Line height.
Default: var(--gf-form-validation-line-height)
*/
--gf-form-validation-summary-line-height: var(--gf-form-validation-line-height);
/**
@cssprop
Property: --gf-form-validation-summary-margin-y-start
Description: Vertical start (top) margin.
Default: 4px
*/
--gf-form-validation-summary-margin-y-start: 4px;
/**
@cssprop
Property: --gf-form-validation-summary-padding-x
Description: Horizontal (left/right) padding.
Default: 48px
*/
--gf-form-validation-summary-padding-x: 48px;
/**
@cssprop
Property: --gf-form-validation-summary-item-link-text-decoration
Description: Link text decoration.
Default: underline
*/
--gf-form-validation-summary-item-link-text-decoration: underline;
}
/**
@navsection Global CSS API/Form
@navlabel Spinner
# Global CSS API: Form - Spinner
@description The following CSS custom properties are used for the spinner based form UI.
*/
/* Gravity Forms Theme Framework | Global CSS API: Form - Spinner */
.gform-theme--framework, .gform-theme--api {
/**
@cssprop
Group: Base Spinner
Property: --gf-form-spinner-fg-color
Description: Foreground color.
Default: var(--gf-color-primary-contrast)
*/
--gf-form-spinner-fg-color: var(--gf-color-primary-contrast);
/**
@cssprop
Property: --gf-form-spinner-bg-color
Description: Background color.
Default: rgba(var(--gf-color-primary-contrast-rgb), 0.1)
*/
--gf-form-spinner-bg-color: rgba(var(--gf-color-primary-contrast-rgb), 0.1);
/**
@cssprop
Group: Secondary Spinner
Property: --gf-form-spinner-fg-color-secondary
Description: Secondary foreground color.
Default: var(--gf-color-primary)
*/
--gf-form-spinner-fg-color-secondary: var(--gf-color-primary);
/**
@cssprop
Property: --gf-form-spinner-bg-color-secondary
Description: Secondary background color.
Default: rgba(var(--gf-color-primary-rgb), 0.1)
*/
--gf-form-spinner-bg-color-secondary: rgba(var(--gf-color-primary-rgb), 0.1);
}
/* Base: Handles base-level global styles for forms */
/* -----------------------------------------------------------------------------
*
* Base
*
* This file is just a clearing-house.
* Make partials (start with an underscore) elsewhere for actual code.
*
* ----------------------------------------------------------------------------- */
/* Icons: Handles icon styles */
/* stylelint-disable */
/* -----------------------------------------------------------------------------
*
* Orbital Font Icons (via IcoMoon)
*
* This file is generated using the `gulp icons` task. Do not edit it directly.
*
* ----------------------------------------------------------------------------- */
@font-face {
font-family: 'gform-icons-orbital';
src:
url('../../../fonts/gform-icons-orbital.woff2?gxy8zs') format('woff2'),
url('../../../fonts/gform-icons-orbital.ttf?gxy8zs') format('truetype'),
url('../../../fonts/gform-icons-orbital.woff?gxy8zs') format('woff'),
url('../../../fonts/gform-icons-orbital.svg?gxy8zs#gform-icons-orbital') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.gform-orbital-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: var(--gf-icon-font-family) !important;
speak: never;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.gform-orbital-icon--photograph:before {
content: "\e922";
}
.gform-orbital-icon--arrow-back:before {
content: "\e921";
}
.gform-orbital-icon--calendar-alt:before {
content: "\e91a";
}
.gform-orbital-icon--selector:before {
content: "\e90d";
}
.gform-orbital-icon--search:before {
content: "\e917";
}
.gform-orbital-icon--trash:before {
content: "\e919";
}
.gform-orbital-icon--cloud-upload-alt:before {
content: "\e911";
}
.gform-orbital-icon--arrow-up:before {
content: "\e912";
}
.gform-orbital-icon--arrow-down:before {
content: "\e914";
}
.gform-orbital-icon--arrow-left:before {
content: "\e915";
}
.gform-orbital-icon--arrow-right:before {
content: "\e916";
}
.gform-orbital-icon--arrow-narrow-right:before {
content: "\e913";
}
.gform-orbital-icon--arrow-sm-left:before {
content: "\e91f";
}
.gform-orbital-icon--arrow-sm-right:before {
content: "\e920";
}
.gform-orbital-icon--save-as:before {
content: "\e910";
}
.gform-orbital-icon--minus-alt:before {
content: "\e90e";
}
.gform-orbital-icon--plus-alt:before {
content: "\e90f";
}
.gform-orbital-icon--eye-off:before {
content: "\e90a";
}
.gform-orbital-icon--eye:before {
content: "\e909";
}
.gform-orbital-icon--check-circle:before {
content: "\e90c";
}
.gform-orbital-icon--check-mark:before {
content: "\e900";
}
.gform-orbital-icon--check:before {
content: "\e90b";
}
.gform-orbital-icon--check-mark-simple:before {
content: "\e905";
}
.gform-orbital-icon--exclamation-simple:before {
content: "\e906";
}
.gform-orbital-icon--information-simple:before {
content: "\e907";
}
.gform-orbital-icon--question-mark-simple:before {
content: "\e908";
}
.gform-orbital-icon--chevron-down:before {
content: "\e901";
}
.gform-orbital-icon--chevron-up:before {
content: "\e902";
}
.gform-orbital-icon--chevron-left:before {
content: "\e91b";
}
.gform-orbital-icon--chevron-right:before {
content: "\e91c";
}
.gform-orbital-icon--chevron-double-left:before {
content: "\e91d";
}
.gform-orbital-icon--chevron-double-right:before {
content: "\e91e";
}
.gform-orbital-icon--minus:before {
content: "\e903";
}
.gform-orbital-icon--x-circle:before {
content: "\e918";
}
.gform-orbital-icon--x:before {
content: "\e904";
}
/* Controls: Handles native form input and control-level styles */
/* -----------------------------------------------------------------------------
*
* Controls
*
* This file is just a clearing-house.
* Make partials (start with an underscore) elsewhere for actual code.
*
* ----------------------------------------------------------------------------- */
/* Utility Class: apply the theme framework form control styles/api if this class is present */
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-phone) .gform-phone__search-wrapper input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API */
--gf-local-appearance: var(--gf-ctrl-appearance);
--gf-local-bg-color: var(--gf-ctrl-bg-color);
--gf-local-height: var(--gf-ctrl-size);
--gf-local-radius: var(--gf-ctrl-radius);
--gf-local-border-color: var(--gf-ctrl-border-color);
--gf-local-border-width: var(--gf-ctrl-border-width);
--gf-local-border-style: var(--gf-ctrl-border-style);
--gf-local-border-block-start: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-block-end: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-inline-start: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-inline-end: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-color: var(--gf-ctrl-color);
--gf-local-display: block;
--gf-local-font-family: var(--gf-ctrl-font-family);
--gf-local-font-size: var(--gf-ctrl-font-size);
--gf-local-font-style: var(--gf-ctrl-font-style);
--gf-local-font-weight: var(--gf-ctrl-font-weight);
--gf-local-letter-spacing: var(--gf-ctrl-letter-spacing);
--gf-local-line-height: var(--gf-ctrl-line-height);
--gf-local-min-height: auto;
--gf-local-outline-color: var(--gf-ctrl-outline-color);
--gf-local-outline-offset: var(--gf-ctrl-outline-offset);
--gf-local-outline-style: var(--gf-ctrl-outline-style);
--gf-local-outline-width: var(--gf-ctrl-outline-width);
--gf-local-padding-x: var(--gf-ctrl-padding-x);
--gf-local-padding-y: var(--gf-ctrl-padding-y);
--gf-local-shadow: var(--gf-ctrl-shadow);
--gf-local-transition: var(--gf-ctrl-transition);
--gf-local-width: 100%;
/* Styles */
-webkit-appearance: var(--gf-local-appearance);
-moz-appearance: var(--gf-local-appearance);
appearance: var(--gf-local-appearance);
background-color: var(--gf-local-bg-color);
block-size: var(--gf-local-height);
border-block-end: var(--gf-local-border-block-end);
border-block-start: var(--gf-local-border-block-start);
border-inline-end: var(--gf-local-border-inline-end);
border-inline-start: var(--gf-local-border-inline-start);
border-radius: var(--gf-local-radius);
box-shadow: var(--gf-local-shadow);
color: var(--gf-local-color);
display: var(--gf-local-display);
font-family: var(--gf-local-font-family);
font-size: var(--gf-local-font-size);
font-style: var(--gf-local-font-style);
font-weight: var(--gf-local-font-weight);
inline-size: var(--gf-local-width);
letter-spacing: var(--gf-local-letter-spacing);
line-height: var(--gf-local-line-height);
margin-block: 0;
margin-inline: 0;
min-block-size: var(--gf-local-min-height);
outline-color: var(--gf-local-outline-color);
outline-offset: var(--gf-local-outline-offset);
outline-style: var(--gf-local-outline-style);
outline-width: var(--gf-local-outline-width);
padding-block: var(--gf-local-padding-y);
padding-inline: var(--gf-local-padding-x);
transition: var(--gf-local-transition);
}
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework .gfield:where(.gfield--type-phone) .gform-phone__search-wrapper input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework.gform-theme.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-moz-placeholder {
/* Styles */
color: var(--gf-ctrl-placeholder-color);
font-family: var(--gf-ctrl-placeholder-font-family);
font-size: var(--gf-ctrl-placeholder-font-size);
font-style: var(--gf-ctrl-placeholder-font-style);
font-weight: var(--gf-ctrl-placeholder-font-weight);
letter-spacing: var(--gf-ctrl-placeholder-letter-spacing);
opacity: var(--gf-ctrl-placeholder-opacity);
}
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework .gfield:where(.gfield--type-phone) .gform-phone__search-wrapper input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework.gform-theme.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder {
/* Styles */
color: var(--gf-ctrl-placeholder-color);
font-family: var(--gf-ctrl-placeholder-font-family);
font-size: var(--gf-ctrl-placeholder-font-size);
font-style: var(--gf-ctrl-placeholder-font-style);
font-weight: var(--gf-ctrl-placeholder-font-weight);
letter-spacing: var(--gf-ctrl-placeholder-letter-spacing);
opacity: var(--gf-ctrl-placeholder-opacity);
}
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework .gfield:where(.gfield--type-phone) .gform-phone__search-wrapper input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-hover);
--gf-local-border-color: var(--gf-ctrl-border-color-hover);
--gf-local-color: var(--gf-ctrl-color-hover);
}
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield:where(.gfield--type-phone) .gform-phone__search-wrapper input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-focus);
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-color: var(--gf-ctrl-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
--gf-local-outline-width: var(--gf-ctrl-outline-width-focus);
}
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework .gfield:where(.gfield--type-phone) .gform-phone__search-wrapper input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework.gform-theme.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-disabled);
--gf-local-border-color: var(--gf-ctrl-border-color-disabled);
--gf-local-color: var(--gf-ctrl-color-disabled);
}
/* Control State: Error */
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield_error .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-error);
--gf-local-border-color: var(--gf-ctrl-border-color-error);
--gf-local-color: var(--gf-ctrl-color-error);
}
.gform-theme--framework .gfield_error .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield_error input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield_error textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield_error select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield_error select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-focus);
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-color: var(--gf-ctrl-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
--gf-local-outline-width: var(--gf-ctrl-outline-width-focus);
}
.gform-theme--framework input[type].gform-text-input-reset {
/* Local CSS API */
--gf-local-border-color: transparent;
--gf-local-height: auto;
--gf-local-color: var(--gf-ctrl-readonly-color);
--gf-local-font-family: var(--gf-ctrl-readonly-font-family);
--gf-local-font-size: var(--gf-ctrl-readonly-font-size);
--gf-local-font-style: var(--gf-ctrl-readonly-font-style);
--gf-local-font-weight: var(--gf-ctrl-readonly-font-weight);
--gf-local-letter-spacing: var(--gf-ctrl-readonly-letter-spacing);
--gf-local-line-height: var(--gf-ctrl-readonly-line-height);
--gf-local-min-height: auto;
--gf-local-outline-color: var(--gf-ctrl-outline-color);
--gf-local-outline-width: var(--gf-ctrl-outline-width);
/* Styles */
block-size: var(--gf-local-height);
border: var(--gf-ctrl-border-width) var(--gf-ctrl-border-style) var(--gf-local-border-color);
border-radius: var(--gf-ctrl-radius);
color: var(--gf-local-color);
font-family: var(--gf-local-font-family);
font-size: var(--gf-local-font-size);
font-style: var(--gf-local-font-style);
font-weight: var(--gf-local-font-weight);
letter-spacing: var(--gf-local-letter-spacing);
line-height: var(--gf-local-line-height);
min-block-size: var(--gf-local-min-height);
outline-color: var(--gf-local-outline-color);
outline-offset: var(--gf-ctrl-outline-offset);
outline-style: var(--gf-ctrl-outline-style);
outline-width: var(--gf-local-outline-width);
transition: var(--gf-ctrl-transition);
}
.gform-theme--framework input[type].gform-text-input-reset:focus {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
--gf-local-outline-width: var(--gf-ctrl-outline-width-focus);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework input[type="number"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-webkit-inner-spin-button, .gform-theme--framework input[type="number"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-webkit-outer-spin-button {
/* Styles */
opacity: var(--gf-ctrl-number-spin-btn-opacity);
}
.gform-theme--framework input[type="number"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-webkit-inner-spin-button {
/* Styles */
-webkit-appearance: var(--gf-ctrl-number-spin-btn-appearance);
appearance: var(--gf-ctrl-number-spin-btn-appearance);
background-image: var(--gf-icon-ctrl-number);
background-position: var(--gf-ctrl-number-spin-btn-bg-position);
background-repeat: no-repeat;
background-size: var(--gf-ctrl-number-spin-btn-bg-size);
cursor: pointer;
width: var(--gf-ctrl-number-spin-btn-width);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-radius: var(--gf-ctrl-textarea-radius);
--gf-local-height: var(--gf-ctrl-textarea-height);
--gf-local-line-height: var(--gf-ctrl-textarea-line-height);
--gf-local-padding-y: var(--gf-ctrl-textarea-padding-y);
/* Styles */
resize: var(--gf-ctrl-textarea-resize);
}
/* WYSIWYG Editor */
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .wp-editor-container:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API */
--gf-local-border-color: var(--gf-ctrl-border-color);
--gf-local-outline-color: var(--gf-ctrl-outline-color);
--gf-local-outline-width: var(--gf-ctrl-outline-width);
/* Styles */
border: var(--gf-ctrl-border-width) var(--gf-ctrl-border-style) var(--gf-local-border-color);
border-radius: var(--gf-ctrl-textarea-radius);
box-shadow: var(--gf-ctrl-shadow);
outline-color: var(--gf-local-outline-color);
outline-offset: var(--gf-ctrl-outline-offset);
outline-style: var(--gf-ctrl-outline-style);
outline-width: var(--gf-local-outline-width);
overflow: hidden;
transition: var(--gf-transition-ctrl);
}
.gform-theme--framework .wp-editor-container:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-hover);
}
.gform-theme--framework .wp-editor-container:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))[\:has\(.wp-editor-iframe-active\)] {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
--gf-local-outline-width: var(--gf-ctrl-outline-width-focus);
}
.gform-theme--framework .wp-editor-container:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):has(.wp-editor-iframe-active) {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
--gf-local-outline-width: var(--gf-ctrl-outline-width-focus);
}
.gform-theme--framework .wp-editor-container textarea {
/* Styles */
border-color: transparent;
border-width: 0;
}
/* WYSIWYG Editor */
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield_error .wp-editor-container:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-error);
}
.gform-theme--framework .gfield_error .wp-editor-container:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))[\:has\(.wp-editor-iframe-active\)] {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
}
.gform-theme--framework .gfield_error .wp-editor-container:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):has(.wp-editor-iframe-active) {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-height: var(--gf-ctrl-choice-size);
--gf-local-display: inline-grid;
--gf-local-line-height: var(--gf-ctrl-choice-size);
--gf-local-padding-y: 0;
--gf-local-padding-x: 0;
--gf-local-width: var(--gf-ctrl-choice-size);
/* Styles */
accent-color: var(--gf-ctrl-accent-color);
opacity: 1;
align-content: center;
justify-content: center;
place-content: center;
}
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
/* Styles */
opacity: 0;
}
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before, .gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before {
/* Styles */
opacity: 1;
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-radius: var(--gf-ctrl-checkbox-check-radius);
}
.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--gf-ctrl-choice-check-color);
content: var(--gf-icon-ctrl-checkbox);
font-size: var(--gf-ctrl-checkbox-check-size);
}
.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before {
/* Styles */
color: var(--gf-ctrl-choice-check-color-disabled);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-radius: var(--gf-ctrl-radio-check-radius);
}
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
/* Styles */
background-color: var(--gf-ctrl-choice-check-color);
block-size: var(--gf-ctrl-radio-check-size);
border-radius: var(--gf-ctrl-radio-check-radius);
content: var(--gf-ctrl-radio-check-content);
inline-size: var(--gf-ctrl-radio-check-size);
}
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before {
/* Styles */
background-color: var(--gf-ctrl-choice-check-color-disabled);
}
/* Utility Classes: disable theme framework from element and children if class is present */
/* Select Icon */
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {
/* Local CSS API Overrides */
--gf-local-padding-x: var(--gf-ctrl-select-padding-x);
/* Styles */
background-image: var(--gf-ctrl-select-icon);
background-position: var(--gf-ctrl-select-icon-position);
background-repeat: no-repeat;
background-size: var(--gf-ctrl-select-icon-size);
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):hover {
/* Styles */
background-image: var(--gf-ctrl-select-icon-hover);
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):focus {
/* Styles */
background-image: var(--gf-ctrl-select-icon-focus);
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):disabled {
/* Styles */
background-image: var(--gf-ctrl-select-icon-disabled);
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::-ms-expand {
display: var(--gf-ctrl-select-ms-expand);
}
/* Styles for multiple select */
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))[multiple] {
/* Local CSS API Overrides */
--gf-local-height: var(--gf-ctrl-multiselect-height);
--gf-local-radius: var(--gf-ctrl-multiselect-radius);
--gf-local-line-height: var(--gf-ctrl-multiselect-line-height);
--gf-local-padding-y: var(--gf-ctrl-multiselect-padding-y);
/* Styles */
overflow-y: auto;
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))[multiple] option:checked {
background: var(--gf-color-in-ctrl-light);
}
/* Select input */
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-single {
/* Styles */
background-image: var(--gf-icon-ctrl-select);
background-position: var(--gf-ctrl-select-icon-position);
background-repeat: no-repeat;
background-size: var(--gf-ctrl-select-icon-size);
}
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-single span {
/* Styles */
margin-inline-end: var(--gf-ctrl-select-search-icon-size);
}
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-single abbr, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-single div b {
/* Styles */
background-image: none !important;
}
/* Active / Focus state */
/* Select input */
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active .chosen-single, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-focus);
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-color: var(--gf-ctrl-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
--gf-local-outline-width: var(--gf-ctrl-outline-width-focus);
}
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
/* Styles / TODO: clean this up so don't have to duplicate above here... */
border-bottom-left-radius: var(--gf-ctrl-radius);
border-bottom-right-radius: var(--gf-ctrl-radius);
border-color: var(--gf-ctrl-border-color-focus);
}
/* Search */
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-search {
/* Styles */
background-color: var(--gf-ctrl-bg-color);
margin-block-end: calc(var(--gf-padding-y) * -1);
padding-block: var(--gf-padding-y);
padding-inline: var(--gf-ctrl-padding-x);
}
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-search input[type="text"] {
/* Local CSS API Overrides */
--gf-local-height: var(--gf-ctrl-size-md);
--gf-local-padding-x: var(--gf-ctrl-select-search-padding-x);
/* Styles */
background-image: var(--gf-icon-ctrl-search) !important; /* Chosen uses !important, so we have to use it too */
background-position: var(--gf-ctrl-select-search-icon-position);
background-size: var(--gf-ctrl-select-search-icon-size) !important;
}
/* Styles for multiple select with enhanced UI */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi {
/* Local CSS API Overrides */
--gf-local-height: auto;
--gf-local-radius: var(--gf-ctrl-multiselect-radius);
/* Styles */
padding-inline: 0;
}
/* Active / Focus state */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi.chosen-container-active {
/* Styles */
border-color: var(--gf-ctrl-border-color-focus);
outline-color: var(--gf-ctrl-outline-color-focus);
outline-width: var(--gf-ctrl-outline-width-focus);
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi.chosen-container-active .chosen-choices {
box-shadow: none;
}
/* Dropdown */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices {
/* Styles */
align-content: center;
background: none;
border: none;
display: flex;
flex-flow: row wrap;
gap: calc(var(--gf-padding-y) / 2);
min-height: calc(var(--gf-ctrl-size) - 2px);
padding-block: 4px;
padding-inline: var(--gf-ctrl-padding-x);
}
/* Search - Placeholder styles */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-field input[type="text"].chosen-search-input {
/* Styles */
color: var(--gf-ctrl-placeholder-color);
font-family: var(--gf-ctrl-placeholder-font-family);
font-size: var(--gf-ctrl-placeholder-font-size);
font-style: var(--gf-ctrl-placeholder-font-style);
font-weight: var(--gf-ctrl-placeholder-font-weight);
letter-spacing: var(--gf-ctrl-placeholder-letter-spacing);
opacity: var(--gf-ctrl-placeholder-opacity);
}
/* Search - Non-placeholder styles */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices .search-choice + li.search-field input[type="text"].chosen-search-input {
/* TODO: clean this up so don't have to repeat and don't have to declare styles (mixins, helper class, etc)...
Styles (Local CSS API Overrides) */
color: var(--gf-ctrl-color-focus);
font-family: var(--gf-ctrl-font-family);
font-size: var(--gf-ctrl-font-size);
font-style: var(--gf-ctrl-font-style);
font-weight: var(--gf-ctrl-font-weight);
letter-spacing: var(--gf-ctrl-letter-spacing);
opacity: 1;
}
/* Selected choices */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice {
/* Styles */
align-self: flex-start;
background: none;
background-color: var(--gf-ctrl-multiselect-selected-item-bg-color);
border: none;
border-radius: var(--gf-ctrl-multiselect-selected-item-radius);
box-shadow: none;
color: var(--gf-ctrl-multiselect-selected-item-color);
flex-shrink: 0;
font-size: var(--gf-ctrl-multiselect-selected-item-font-size);
font-weight: var(--gf-ctrl-multiselect-selected-item-font-weight);
margin: 0;
padding-block: 8px;
padding-inline: var(--gf-ctrl-padding-x) calc((var(--gf-ctrl-padding-x) * 1.25) + var(--gf-ctrl-multiselect-close-icon-size));
}
/* Unselect a selected choice button */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
/* Styles */
background: none;
height: var(--gf-ctrl-multiselect-close-icon-size);
inset-block-start: var(--gf-ctrl-multiselect-close-icon-inset-y-start);
inset-inline-end: var(--gf-ctrl-multiselect-close-icon-inset-x-end);
opacity: 70%;
transition: var(--gf-local-transition);
width: var(--gf-ctrl-multiselect-close-icon-size);
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--gf-ctrl-multiselect-selected-item-remove-icon-color);
content: var(--gf-icon-ctrl-cancel);
display: inline-block;
font-size: var(--gf-ctrl-multiselect-close-icon-size);
height: 100%;
width: 100%;
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus {
/* Styles */
opacity: 1;
}
/* Dropdown for single and multiple select */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-drop, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-drop {
/* Styles */
background-color: var(--gf-ctrl-bg-color);
border: var(--gf-ctrl-select-dropdown-border-color);
border-radius: var(--gf-ctrl-select-dropdown-radius);
box-shadow: var(--gf-ctrl-select-dropdown-shadow);
overflow: hidden;
padding-block: 0;
padding-inline: 0;
top: calc(100% + 8px);
}
/* Options */
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results {
/* Styles */
margin-block: 0;
margin-inline: 0;
padding-block: var(--gf-padding-y);
padding-inline: 0;
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li {
/* Styles */
color: var(--gf-ctrl-color);
padding: var(--gf-padding-y) var(--gf-ctrl-padding-x);
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li.highlighted, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li.highlighted {
/* Styles */
background: none;
background-color: var(--gf-ctrl-select-dropdown-option-bg-color-hover);
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li.result-selected, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li.result-selected {
/* Styles */
background: none;
background-color: var(--gf-ctrl-select-dropdown-option-bg-color-hover);
box-shadow: var(--gf-ctrl-select-dropdown-option-shadow-hover);
}
/* Labels & Legends */
/*
* Primary Labels (labels for fields)
*/
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API */
--gf-local-color: var(--gf-ctrl-label-color-primary);
--gf-local-display: block;
--gf-local-font-family: var(--gf-ctrl-label-font-family-primary);
--gf-local-font-size: var(--gf-ctrl-label-font-size-primary);
--gf-local-font-style: var(--gf-ctrl-label-font-style-primary);
--gf-local-font-weight: var(--gf-ctrl-label-font-weight-primary);
--gf-local-letter-spacing: var(--gf-ctrl-label-letter-spacing-primary);
--gf-local-line-height: var(--gf-ctrl-label-line-height-primary);
--gf-local-margin-y: 0;
--gf-local-margin-x: 0;
/* Styles */
color: var(--gf-local-color);
display: var(--gf-local-display);
font-family: var(--gf-local-font-family);
font-size: var(--gf-local-font-size);
font-style: var(--gf-local-font-style);
font-weight: var(--gf-local-font-weight);
letter-spacing: var(--gf-local-letter-spacing);
line-height: var(--gf-local-line-height);
margin-block: var(--gf-local-margin-y);
margin-inline: var(--gf-local-margin-x);
}
/*
* Secondary Labels (labels for radio, checkbox, and consent fields)
*/
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gform-field-label--type-inline:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-label-color-secondary);
--gf-local-display: block;
--gf-local-font-family: var(--gf-ctrl-label-font-family-secondary);
--gf-local-font-size: var(--gf-ctrl-label-font-size-secondary);
--gf-local-font-style: var(--gf-ctrl-label-font-style-secondary);
--gf-local-font-weight: var(--gf-ctrl-label-font-weight-secondary);
--gf-local-letter-spacing: var(--gf-ctrl-label-letter-spacing-secondary);
--gf-local-line-height: var(--gf-ctrl-label-line-height-secondary);
}
/*
* Tertiary Labels (labels for complex fields / fieldsets)
*/
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gform-field-label--type-sub:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-label-color-tertiary);
--gf-local-display: block;
--gf-local-font-family: var(--gf-ctrl-label-font-family-tertiary);
--gf-local-font-size: var(--gf-ctrl-label-font-size-tertiary);
--gf-local-font-style: var(--gf-ctrl-label-font-style-tertiary);
--gf-local-font-weight: var(--gf-ctrl-label-font-weight-tertiary);
--gf-local-letter-spacing: var(--gf-ctrl-label-letter-spacing-tertiary);
--gf-local-line-height: var(--gf-ctrl-label-line-height-tertiary);
}
/*
* Quaternary Labels (labels for product pricing)
*/
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gform-field-label--type-sub-large:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-label-color-quaternary);
--gf-local-display: inline-block;
--gf-local-font-family: var(--gf-ctrl-label-font-family-quaternary);
--gf-local-font-size: var(--gf-ctrl-label-font-size-quaternary);
--gf-local-font-style: var(--gf-ctrl-label-font-style-quaternary);
--gf-local-font-weight: var(--gf-ctrl-label-font-weight-quaternary);
--gf-local-letter-spacing: var(--gf-ctrl-label-letter-spacing-quaternary);
--gf-local-line-height: var(--gf-ctrl-label-line-height-quaternary);
}
/*
* Required Label
*/
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gform-field-label > .gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform_editor legend.gform-field-label > span > .gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Styles */
color: var(--gf-ctrl-label-color-req);
font-family: var(--gf-ctrl-label-font-family-req);
font-size: var(--gf-ctrl-label-font-size-req);
font-style: var(--gf-ctrl-label-font-style-req);
font-weight: var(--gf-ctrl-label-font-weight-req);
letter-spacing: var(--gf-ctrl-label-letter-spacing-req);
line-height: var(--gf-ctrl-label-line-height-req);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API */
--gf-local-color: var(--gf-ctrl-desc-color);
--gf-local-font-family: var(--gf-ctrl-desc-font-family);
--gf-local-font-size: var(--gf-ctrl-desc-font-size);
--gf-local-font-style: var(--gf-ctrl-desc-font-style);
--gf-local-font-weight: var(--gf-ctrl-desc-font-weight);
--gf-local-letter-spacing: var(--gf-ctrl-desc-letter-spacing);
--gf-local-line-height: var(--gf-ctrl-desc-line-height);
/* Styles */
color: var(--gf-local-color);
display: block;
font-family: var(--gf-local-font-family);
font-size: var(--gf-local-font-size);
font-style: var(--gf-local-font-style);
font-weight: var(--gf-local-font-weight);
letter-spacing: var(--gf-local-letter-spacing);
line-height: var(--gf-local-line-height);
}
/* Error Description */
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API overrides */
--gf-local-color: var(--gf-ctrl-desc-color-error);
--gf-local-font-family: var(--gf-ctrl-desc-font-family-error);
--gf-local-font-size: var(--gf-ctrl-desc-font-size-error);
--gf-local-font-style: var(--gf-ctrl-desc-font-style-error);
--gf-local-font-weight: var(--gf-ctrl-desc-font-weight-error);
--gf-local-letter-spacing: var(--gf-ctrl-desc-letter-spacing-error);
--gf-local-line-height: var(--gf-ctrl-desc-line-height-error);
}
/* Consent Description */
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield_consent_description_text:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Styles */
border: var(--gf-ctrl-desc-border-width-consent) var(--gf-ctrl-desc-border-style-consent) var(--gf-ctrl-desc-border-color-consent);
max-height: var(--gf-ctrl-desc-max-height-consent);
outline-color: var(--gf-ctrl-outline-color);
outline-offset: var(--gf-ctrl-outline-offset);
outline-style: var(--gf-ctrl-outline-style);
outline-width: var(--gf-ctrl-outline-width);
overflow-y: auto;
padding: 16px;
transition: var(--gf-ctrl-transition);
}
.gform-theme--framework .gfield_consent_description_text:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
border-color: var(--gf-ctrl-desc-border-color-consent-focus);
outline-color: var(--gf-ctrl-outline-color-focus);
outline-width: var(--gf-ctrl-outline-width-focus);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-primary);
--gf-local-radius: var(--gf-ctrl-btn-radius);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-primary);
--gf-local-border-style: var(--gf-ctrl-btn-border-style-primary);
--gf-local-border-width: var(--gf-ctrl-btn-border-width-primary);
--gf-local-border-block-start: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-block-end: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-inline-start: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-inline-end: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-shadow: var(--gf-ctrl-btn-shadow);
--gf-local-color: var(--gf-ctrl-btn-color-primary);
--gf-local-column-gap: var(--gf-ctrl-btn-icon-gap);
--gf-local-cursor: pointer;
--gf-local-display: inline-flex;
--gf-local-font-style: var(--gf-ctrl-btn-font-style);
--gf-local-font-weight: var(--gf-ctrl-btn-font-weight);
--gf-local-font-size: var(--gf-ctrl-btn-font-size);
--gf-local-font-family: var(--gf-ctrl-btn-font-family);
--gf-local-height: auto;
--gf-local-letter-spacing: var(--gf-ctrl-btn-letter-spacing);
--gf-local-line-height: var(--gf-ctrl-btn-line-height);
--gf-local-min-height: var(--gf-ctrl-btn-size);
--gf-local-min-width: auto;
--gf-local-opacity: var(--gf-ctrl-btn-opacity);
--gf-local-padding-y: var(--gf-ctrl-btn-padding-y);
--gf-local-padding-x: var(--gf-ctrl-btn-padding-x);
--gf-local-text-decoration: var(--gf-ctrl-btn-text-decoration);
--gf-local-text-transform: var(--gf-ctrl-btn-text-transform);
--gf-local-width: auto;
/* Styles */
align-items: center;
-moz-column-gap: var(--gf-local-column-gap);
column-gap: var(--gf-local-column-gap);
cursor: var(--gf-local-cursor);
justify-content: center;
min-inline-size: var(--gf-local-min-width);
opacity: var(--gf-local-opacity);
text-align: center;
-webkit-text-decoration: var(--gf-local-text-decoration);
text-decoration: var(--gf-local-text-decoration);
text-transform: var(--gf-local-text-transform);
vertical-align: top;
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after {
/* Local CSS API */
--gf-local-color: var(--gf-ctrl-btn-icon-color-primary);
--gf-local-content: var(--gf-ctrl-btn-icon);
--gf-local-font-size: var(--gf-ctrl-btn-icon-font-size);
--gf-local-transition: var(--gf-ctrl-btn-icon-transition);
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--gf-local-color);
content: var(--gf-local-content);
font-size: var(--gf-local-font-size);
transition: var(--gf-local-transition);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-hover-primary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-hover-primary);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-hover);
--gf-local-color: var(--gf-ctrl-btn-color-hover-primary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-hover-primary);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-focus-primary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-focus-primary);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-focus);
--gf-local-color: var(--gf-ctrl-btn-color-focus-primary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-focus-primary);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-disabled-primary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-disabled-primary);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-disabled);
--gf-local-color: var(--gf-ctrl-btn-color-disabled-primary);
--gf-local-cursor: default;
--gf-local-opacity: var(--gf-ctrl-btn-opacity-disabled);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-disabled-primary);
}
/* Secondary Button */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current), .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current), .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current), .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-secondary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-secondary);
--gf-local-border-style: var(--gf-ctrl-btn-border-style-secondary);
--gf-local-border-width: var(--gf-ctrl-btn-border-width-secondary);
--gf-local-color: var(--gf-ctrl-btn-color-secondary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current)::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-secondary);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-hover-secondary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-hover-secondary);
--gf-local-color: var(--gf-ctrl-btn-color-hover-secondary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):hover::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-hover-secondary);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-focus-secondary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-focus-secondary);
--gf-local-color: var(--gf-ctrl-btn-color-focus-secondary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):focus::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-focus-secondary);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-disabled-secondary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-disabled-secondary);
--gf-local-color: var(--gf-ctrl-btn-color-disabled-secondary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn.current):disabled::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-disabled-secondary);
}
/* Tertiary Button */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-tertiary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-tertiary);
--gf-local-border-style: var(--gf-ctrl-btn-border-style-tertiary);
--gf-local-border-width: var(--gf-ctrl-btn-border-width-tertiary);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-tertiary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-tertiary);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-hover-tertiary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-hover-tertiary);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-hover-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-hover-tertiary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:hover::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-hover-tertiary);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-focus-tertiary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-focus-tertiary);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-focus-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-focus-tertiary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:focus::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-focus-tertiary);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-disabled-tertiary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-disabled-tertiary);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-disabled-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-disabled-tertiary);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--tertiary:disabled::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-disabled-tertiary);
}
/* Control Button - Buttons inside of controls */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-ctrl);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-ctrl);
--gf-local-border-style: var(--gf-ctrl-btn-border-style-ctrl);
--gf-local-border-width: var(--gf-ctrl-btn-border-width-ctrl);
--gf-local-color: var(--gf-ctrl-btn-color-ctrl);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-ctrl);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-hover-ctrl);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-hover-ctrl);
--gf-local-color: var(--gf-ctrl-btn-color-hover-ctrl);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:hover::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-hover-ctrl);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-focus-ctrl);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-focus-ctrl);
--gf-local-color: var(--gf-ctrl-btn-color-focus-ctrl);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:focus::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-focus-ctrl);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-disabled-ctrl);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-disabled-ctrl);
--gf-local-color: var(--gf-ctrl-btn-color-disabled-ctrl);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control:disabled::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-disabled-ctrl);
}
/* Simple Button: transparent background, no border, w/ icon, defaults to outside of control color system
(password visibility, file upload cancel / remove, date picker prev / next / toggle) */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-simple);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-simple);
--gf-local-border-width: var(--gf-ctrl-btn-border-width-simple);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-simple);
--gf-local-color: var(--gf-ctrl-btn-color-simple);
--gf-local-column-gap: 0;
--gf-local-line-height: var(--gf-ctrl-btn-size-simple);
--gf-local-min-height: var(--gf-ctrl-btn-size-simple);
--gf-local-min-width: var(--gf-ctrl-btn-size-simple);
--gf-local-padding-y: 0;
--gf-local-padding-x: 0;
}
/* Simple Button: Inside of control (password visibility, date picker prev / next / toggle) */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple.gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)).gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple.gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)).gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple.gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)).gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple.gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)).gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple.gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)).gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple.gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)).gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple.gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)).gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple.gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)), .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)).gform-theme-button--simple-in-ctrl, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) {
/* Global CSS API Overrides */
--gf-ctrl-btn-color-simple: var(--gf-ctrl-icon-color);
--gf-ctrl-btn-icon-color-simple: var(--gf-ctrl-icon-color);
--gf-ctrl-btn-color-hover-simple: var(--gf-ctrl-icon-color-hover);
--gf-ctrl-btn-icon-color-hover-simple: var(--gf-ctrl-icon-color-hover);
--gf-ctrl-btn-color-focus-simple: var(--gf-ctrl-icon-color-focus);
--gf-ctrl-btn-icon-color-focus-simple: var(--gf-ctrl-icon-color-focus);
--gf-ctrl-btn-color-disabled-simple: var(--gf-ctrl-icon-color-disabled);
--gf-ctrl-btn-icon-color-disabled-simple: var(--gf-ctrl-icon-color-disabled);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev))::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-simple);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-hover-simple);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-hover-simple);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-hover-simple);
--gf-local-color: var(--gf-ctrl-btn-color-hover-simple);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):hover::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-hover-simple);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-focus-simple);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-focus-simple);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-focus-simple);
--gf-local-color: var(--gf-ctrl-btn-color-focus-simple);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):focus::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-focus-simple);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-disabled-simple);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-disabled-simple);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-disabled-simple);
--gf-local-color: var(--gf-ctrl-btn-color-disabled-simple);
}
/* Icons */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gform-datepicker-calendar .nav.btn:is(.next, .prev)):disabled::after {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-btn-icon-color-disabled-simple);
}
/* Button Size: Extra Small */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xs {
/* Local CSS API Overrides */
--gf-local-font-size: var(--gf-ctrl-btn-font-size-xs);
--gf-local-min-height: var(--gf-ctrl-btn-size-xs);
--gf-local-padding-x: var(--gf-ctrl-btn-padding-x-xs);
}
/* Button Size: Small */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-sm {
/* Local CSS API Overrides */
--gf-local-font-size: var(--gf-ctrl-btn-font-size-sm);
--gf-local-min-height: var(--gf-ctrl-btn-size-sm);
--gf-local-padding-x: var(--gf-ctrl-btn-padding-x-sm);
}
/* Button Size: Medium */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-md {
/* Local CSS API Overrides */
--gf-local-font-size: var(--gf-ctrl-btn-font-size-md);
--gf-local-min-height: var(--gf-ctrl-btn-size-md);
--gf-local-padding-x: var(--gf-ctrl-btn-padding-x-md);
}
/* Button Size: Large */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-lg {
/* Local CSS API Overrides */
--gf-local-font-size: var(--gf-ctrl-btn-font-size-lg);
--gf-local-min-height: var(--gf-ctrl-btn-size-lg);
--gf-local-padding-x: var(--gf-ctrl-btn-padding-x-lg);
}
/* Button Size: Extra Large */
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--size-xl {
/* Local CSS API Overrides */
--gf-local-font-size: var(--gf-ctrl-btn-font-size-xl);
--gf-local-min-height: var(--gf-ctrl-btn-size-xl);
--gf-local-padding-x: var(--gf-ctrl-btn-padding-x-xl);
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner, .gform-theme.gform-theme--framework.gform_wrapper .gform-datepicker-calendar .nav.btn:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-has-spinner::before {
color: transparent;
position: relative;
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework input[type="file"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-padding-x: var(--gf-ctrl-file-padding-x);
/* Styles */
text-overflow: ellipsis;
white-space: nowrap;
}
.gform-theme--framework input[type="file"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover::file-selector-button {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-hover-tertiary);
--gf-local-border-inline-end-color: var(--gf-ctrl-btn-border-color-hover-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-hover-tertiary);
}
.gform-theme--framework input[type="file"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus::file-selector-button {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-focus-tertiary);
--gf-local-border-inline-end-color: var(--gf-ctrl-btn-border-color-focus-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-focus-tertiary);
}
.gform-theme--framework input[type="file"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled::file-selector-button {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-disabled-tertiary);
--gf-local-border-inline-end-color: var(--gf-ctrl-btn-border-color-disabled-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-disabled-tertiary);
}
.gform-theme--framework input[type="file"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::file-selector-button {
/* Local CSS API */
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-tertiary);
--gf-local-border-inline-end-color: var(--gf-ctrl-btn-border-color-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-tertiary);
/* Styles */
background-color: var(--gf-local-bg-color);
block-size: var(--gf-ctrl-file-btn-size);
border: 0;
border-end-start-radius: var(--gf-ctrl-file-btn-radius);
border-inline-end: var(--gf-ctrl-btn-border-width-tertiary) var(--gf-ctrl-btn-border-style-tertiary) var(--gf-local-border-inline-end-color);
border-start-start-radius: var(--gf-ctrl-file-btn-radius);
color: var(--gf-local-color);
font-family: var(--gf-ctrl-file-btn-font-family);
font-size: var(--gf-ctrl-file-btn-font-size);
font-style: var(--gf-ctrl-file-btn-font-style);
font-weight: var(--gf-ctrl-file-btn-font-weight);
letter-spacing: var(--gf-ctrl-file-btn-letter-spacing);
line-height: var(--gf-ctrl-file-btn-size);
margin-inline: var(--gf-ctrl-file-btn-margin-x);
padding-block: 0;
padding-inline: var(--gf-ctrl-file-btn-padding-x);
-webkit-text-decoration: var(--gf-ctrl-file-btn-text-decoration);
text-decoration: var(--gf-ctrl-file-btn-text-decoration);
text-transform: var(--gf-ctrl-file-btn-text-transform);
transition: var(--gf-ctrl-file-btn-transition);
vertical-align: top;
}
/* Drop Zone Area */
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .gform_drop_area {
/* Local CSS API Overrides */
--gf-local-height: var(--gf-ctrl-file-zone-height);
--gf-local-radius: var(--gf-ctrl-file-zone-radius);
--gf-local-border-style: var(--gf-ctrl-file-zone-border-style);
--gf-local-color: var(--gf-ctrl-file-zone-color);
--gf-local-font-weight: var(--gf-ctrl-file-zone-font-weight);
--gf-local-line-height: var(--gf-ctrl-file-zone-line-height);
--gf-local-padding-x: var(--gf-ctrl-file-zone-padding-x);
--gf-local-padding-y: var(--gf-ctrl-file-zone-padding-y);
}
/* Icon */
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .gform_drop_area::before {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--gf-ctrl-file-zone-icon-color);
content: var(--gf-icon-ctrl-file);
display: block;
font-size: var(--gf-ctrl-file-zone-icon-font-size);
margin-block-end: var(--gf-ctrl-file-zone-icon-margin-y-end);
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .gform_drop_instructions {
/* Styles */
margin-block-end: var(--gf-ctrl-file-zone-instructions-margin-y-end);
}
/* Uploaded Files Preview */
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview_list {
/* Styles */
display: flex;
flex-direction: column;
gap: var(--gf-ctrl-file-prev-area-gap);
margin-block-start: var(--gf-ctrl-file-prev-area-margin-y-start);
width: 100%;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview_list:empty {
/* Styles */
margin-block-start: 0;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview {
/* Styles */
display: flex;
flex-direction: column;
font-family: var(--gf-ctrl-file-prev-font-family);
font-size: var(--gf-ctrl-file-prev-font-size);
font-style: var(--gf-ctrl-file-prev-font-style);
font-weight: var(--gf-ctrl-file-prev-font-weight);
gap: var(--gf-ctrl-file-prev-gap);
letter-spacing: var(--gf-ctrl-file-prev-letter-spacing);
line-height: var(--gf-ctrl-file-prev-line-height);
position: relative;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_filename {
/* Styles */
color: var(--gf-ctrl-file-prev-name-color);
line-height: var(--gf-ctrl-file-prev-name-line-height);
overflow: var(--gf-ctrl-file-prev-name-overflow);
padding-inline-end: var(--gf-ctrl-file-prev-name-padding-x-end);
text-overflow: var(--gf-ctrl-file-prev-name-text-overflow);
white-space: var(--gf-ctrl-file-prev-name-white-space);
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_filesize {
/* Styles */
color: var(--gf-ctrl-file-prev-size-color);
}
/* Upload Progress UI */
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progress {
/* Styles */
align-items: center;
display: flex;
gap: var(--gf-ctrl-file-prog-ui-gap);
}
/* Progress Complete Icon */
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progress::after {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
block-size: var(--gf-ctrl-file-prog-btn-icon-size);
color: var(--gf-ctrl-file-prog-btn-icon-color-complete);
content: var(--gf-icon-ctrl-file-completed);
font-size: var(--gf-ctrl-file-prog-btn-icon-size);
inline-size: var(--gf-ctrl-file-prog-btn-icon-size);
min-inline-size: var(--gf-ctrl-file-prog-btn-icon-size);
opacity: 0;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progress_complete::after {
/* Styles */
opacity: 1;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progressbar, .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progressbar_progress {
/* Styles */
block-size: var(--gf-ctrl-file-prog-bar-height);
border-radius: var(--gf-ctrl-file-prog-bar-radius);
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progressbar {
/* Styles */
background-color: var(--gf-ctrl-file-prog-bar-bg-color);
inline-size: 100%;
position: relative;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_progressbar_progress {
/* Styles */
background-color: var(--gf-ctrl-file-prog-bar-bg-color-loading);
inline-size: 1%;
position: absolute;
transition: var(--gf-ctrl-file-prog-bar-transition);
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_percent {
/* Styles */
color: var(--gf-ctrl-file-prog-text-color);
font-size: var(--gf-ctrl-file-prog-text-font-size);
min-inline-size: var(--gf-ctrl-file-prog-text-min-width);
}
/* User Actions */
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gform_delete_file, .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_cancel {
/* Styles */
inset-block-start: var(--gf-ctrl-file-prog-btn-inset-y-start);
inset-inline-end: var(--gf-ctrl-file-prog-btn-inset-x-end);
position: var(--gf-ctrl-file-prog-btn-position);
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gform_delete_file .dashicons::before {
/* Local CSS API Overrides */
--gf-ctrl-btn-icon: var(--gf-icon-ctrl-file-remove);
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_cancel {
/* Local CSS API Overrides */
--gf-local-font-size: var(--gf-ctrl-file-prog-btn-font-size-cancel);
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload, .gfield--type-post_image) .ginput_preview .gfield_fileupload_cancel::before {
/* Local CSS API Overrides */
--gf-ctrl-btn-icon: var(--gf-icon-ctrl-file-cancel);
}
.gform-theme--framework .gform-datepicker-calendar {
/* Styles */
background-color: var(--gf-ctrl-date-picker-bg-color);
border-radius: var(--gf-ctrl-date-picker-radius);
box-shadow: var(--gf-ctrl-date-picker-shadow);
inline-size: var(--gf-ctrl-date-picker-width);
margin-block-start: var(--gf-ctrl-date-picker-margin-y-start);
padding-block: var(--gf-ctrl-date-picker-padding-y);
padding-inline: var(--gf-ctrl-date-picker-padding-x);
}
@media (min-width: 640px) {
.gform-theme--framework .gform-datepicker-calendar {
inline-size: var(--gf-ctrl-date-picker-width-viewport-sm);
padding-block: var(--gf-ctrl-date-picker-padding-y-viewport-sm);
padding-inline: var(--gf-ctrl-date-picker-padding-x-viewport-sm)
}
}
.gform-theme--framework .gform-datepicker-calendar .yearSelector, .gform-theme--framework .gform-datepicker-calendar .monthSelector {
position: relative;
}
.gform-theme--framework .gform-datepicker-calendar .yearSelector td {
padding-block-end: 4px;
}
.gform-theme--framework .gform-datepicker-calendar .monthSelector td {
padding-block-end: 12px;
}
/* .nav.btn */
.gform-theme--framework .gform-datepicker-calendar .nav.btn.year.current, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.current {
/* Local CSS API Overrides */
--gf-local-font-size: var(--gf-ctrl-btn-font-size-sm);
--gf-local-min-height: var(--gf-ctrl-btn-size-sm);
--gf-local-padding-x: var(--gf-ctrl-btn-padding-x-sm);
}
.gform-theme--framework .gform-datepicker-calendar .nav.btn.year.prev, .gform-theme--framework .gform-datepicker-calendar .nav.btn.year.next, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.prev, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.next {
/* Styles */
align-items: center;
block-size: var(--gf-ctrl-date-picker-header-icons-size);
inline-size: var(--gf-ctrl-date-picker-header-icons-size);
inset: unset;
inset-block-start: var(--gf-ctrl-date-picker-header-icons-inset-y-start);
justify-content: center;
}
.gform-theme--framework .gform-datepicker-calendar .nav.btn.year.prev::before, .gform-theme--framework .gform-datepicker-calendar .nav.btn.year.next::before, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.prev::before, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.next::before {
/* Local CSS API Overrides */
--gf-local-font-size: var(--gf-ctrl-date-picker-header-icons-font-size);
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: none;
inset: unset;
transform: none;
}
.gform-theme--framework .gform-datepicker-calendar .nav.btn.year.prev, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.prev {
inset-inline-start: var(--gf-ctrl-date-picker-header-icons-prev-inset-x-start);
}
.gform-theme--framework .gform-datepicker-calendar .nav.btn.year.prev::before, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.prev::before {
/* Local CSS API Overrides */
--gf-local-content: var(--gf-icon-ctrl-datepicker-left);
}
.gform-theme--framework .gform-datepicker-calendar .nav.btn.year.next, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.next {
inset-inline-end: var(--gf-ctrl-date-picker-header-icons-next-inset-x-end);
}
.gform-theme--framework .gform-datepicker-calendar .nav.btn.year.next::before, .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.next::before {
/* Local CSS API Overrides */
--gf-local-content: var(--gf-icon-ctrl-datepicker-right);
}
.gform-theme--framework .gform-datepicker-calendar .nav.select {
/* Local CSS API Overrides */
--gf-local-height: var(--gf-ctrl-size-sm);
--gf-local-line-height: var(--gf-ctrl-size-sm);
}
.gform-theme--framework .gform-datepicker-calendar table.calendar th, .gform-theme--framework .gform-datepicker-calendar table.calendar td.day {
/* Styles */
block-size: var(--gf-ctrl-date-picker-cell-height);
color: var(--gf-ctrl-date-picker-cell-content-color);
padding-block: var(--gf-ctrl-date-picker-cell-padding);
padding-inline: var(--gf-ctrl-date-picker-cell-padding);
}
@media (min-width: 640px) {
.gform-theme--framework .gform-datepicker-calendar table.calendar th, .gform-theme--framework .gform-datepicker-calendar table.calendar td.day {
block-size: var(--gf-ctrl-date-picker-cell-height-viewport-sm)
}
}
.gform-theme--framework .gform-datepicker-calendar table.calendar th {
/* Styles */
font-size: var(--gf-ctrl-date-picker-head-cell-font-size);
font-weight: var(--gf-ctrl-date-picker-head-cell-font-weight);
line-height: var(--gf-ctrl-date-picker-head-cell-line-height);
vertical-align: middle;
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.day {
/* Styles */
font-size: var(--gf-ctrl-date-picker-cell-font-size);
font-weight: var(--gf-ctrl-date-picker-cell-font-weight);
line-height: var(--gf-ctrl-date-picker-cell-line-height);
padding-block: var(--gf-ctrl-date-picker-cell-padding-y);
}
@media (min-width: 640px) {
.gform-theme--framework .gform-datepicker-calendar table.calendar td.day {
padding-block: var(--gf-ctrl-date-picker-cell-padding-y-viewport-sm)
}
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.day span {
/* Local CSS API */
--gf-local-bg-color: transparent;
--gf-local-border: 0;
--gf-local-color: var(--gf-ctrl-date-picker-cell-content-color);
/* Styles */
align-items: center;
background-color: var(--gf-local-bg-color);
block-size: 100%;
border: var(--gf-local-border);
border-radius: var(--gf-ctrl-date-picker-cell-content-radius);
color: var(--gf-local-color);
display: flex;
inline-size: var(--gf-ctrl-date-picker-cell-content-width);
justify-content: center;
text-decoration: none;
}
@media (min-width: 640px) {
.gform-theme--framework .gform-datepicker-calendar table.calendar td.day span {
inline-size: var(--gf-ctrl-date-picker-cell-content-width-viewport-sm)
}
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.day:where(:not(.selected):not(.dayMarked):not(.disabled)) span:hover {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-date-picker-cell-content-bg-color-hover);
--gf-local-color: var(--gf-ctrl-date-picker-cell-content-color-hover);
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td[aria-current="date"] span {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-date-picker-cell-content-bg-color-hover);
--gf-local-color: var(--gf-ctrl-date-picker-cell-content-color-hover);
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.dayMarked span {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-date-picker-cell-content-bg-color-selected);
--gf-local-color: var(--gf-ctrl-date-picker-cell-content-color-selected);
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.dayMarked span:hover, .gform-theme--framework .gform-datepicker-calendar table.calendar td.dayMarked span:focus {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-date-picker-cell-content-color-selected);
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.selected span {
/* Local CSS API Overrides */
--gf-local-border: var(--gf-ctrl-date-picker-cell-content-border);
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.disabled span {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-date-picker-cell-content-bg-color-disabled);
--gf-local-color: var(--gf-ctrl-date-picker-cell-content-color-disabled);
}
.gform-theme--framework .gform-datepicker-calendar .monthMessage {
/* Styles */
margin-block-start: 12px;
text-wrap: balance;
}
.gform-theme--framework .gform-datepicker-calendar .monthMessage p {
/* Styles */
font-family: var(--gf-ctrl-date-picker-helptext-font-family);
font-size: var(--gf-ctrl-date-picker-helptext-font-size);
font-style: var(--gf-ctrl-date-picker-helptext-font-style);
font-weight: var(--gf-ctrl-date-picker-helptext-font-weight);
letter-spacing: var(--gf-ctrl-date-picker-helptext-letter-spacing);
line-height: var(--gf-ctrl-date-picker-helptext-line-height);
}
/* RTL support */
html[dir="rtl"] .gform-theme--framework .gform-datepicker-calendar .nav.btn.year.prev::before, html[dir="rtl"] .gform-theme--framework .gform-datepicker-calendar .nav.btn.year.next::before, html[dir="rtl"] .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.prev::before, html[dir="rtl"] .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.next::before {
transform: none;
}
html[dir="rtl"] .gform-theme--framework .gform-datepicker-calendar .nav.btn.year.prev::before, html[dir="rtl"] .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.prev::before {
/* Local CSS API Overrides */
--gf-local-content: var(--gf-icon-ctrl-datepicker-right);
}
html[dir="rtl"] .gform-theme--framework .gform-datepicker-calendar .nav.btn.year.next::before, html[dir="rtl"] .gform-theme--framework .gform-datepicker-calendar .nav.btn.month.next::before {
/* Local CSS API Overrides */
--gf-local-content: var(--gf-icon-ctrl-datepicker-left);
}
/* Fields: Handles Gravity Forms field-level styles */
/* -----------------------------------------------------------------------------
*
* Fields
* Gravity Form Field Types
*
* This file is just a clearing-house.
* Make partials (start with an underscore) elsewhere for actual code.
*
* ----------------------------------------------------------------------------- */
/* Field wrapper */
.gform-theme--framework .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) {
line-height: 1;
}
.gform-theme--framework .gfield--type-address .copy_values_option_container {
/* Styles */
display: inline-grid;
gap: var(--gf-field-choice-meta-space) 0;
grid-template-columns: minmax(var(--gf-ctrl-choice-size), max-content) auto;
margin-block-end: var(--gf-field-gap-y);
}
.gform-theme--framework .gfield--type-choice .gfield_checkbox, .gform-theme--framework .gfield--type-choice .gfield_radio {
/* Styles */
display: flex;
flex-direction: column;
gap: var(--gf-field-choice-gap);
}
/* Choice Alignment: Horizontal */
.gform-theme--framework .gfield--type-choice.gfield--choice-align-horizontal .gfield_checkbox, .gform-theme--framework .gfield--type-choice.gfield--choice-align-horizontal .gfield_radio {
/* Styles */
flex-direction: row;
flex-wrap: wrap;
gap: var(--gf-field-choice-align-x-gap-y) var(--gf-field-choice-align-x-gap-x);
}
.gform-theme--framework .gfield--type-choice .gchoice, .gform-theme--framework .gfield--type-choice .ginput_container_consent {
/* Styles */
display: inline-grid;
gap: var(--gf-field-choice-meta-space) 0;
grid-template-columns: minmax(var(--gf-ctrl-choice-size), max-content) auto;
}
.gform-theme--framework .gfield--type-choice .gchoice br, .gform-theme--framework .gfield--type-choice .ginput_container_consent br {
display: none;
}
/* Other Control (radio) */
.gform-theme--framework .gfield--type-choice .gchoice_other_control {
/* Local CSS API Overrides */
--gf-local-width: auto;
/* Styles */
grid-column: span 2;
max-inline-size: var(--gf-field-choice-other-ctrl-max-width);
}
/* Select All Control (checkbox) */
.gform-theme--framework .gfield--type-choice .gfield-choice-toggle-all {
align-self: self-start;
inline-size: 100%;
margin-block-start: var(--gf-field-choice-meta-margin-y-start);
}
.gform-theme--framework .gfield--type-choice .gfield_choice_all_toggle {
justify-self: start;
}
.gform-theme--framework .gfield--type-image_choice .gfield_checkbox, .gform-theme--framework .gfield--type-image_choice .gfield_radio {
/* Styles */
flex-direction: row;
flex-wrap: wrap;
gap: var(--gf-field-img-choice-gap);
}
.gform-theme--framework .gfield--type-image_choice .gchoice {
/* Styles */
align-self: var(--gf-field-img-choice-align-self);
display: block;
inline-size: var(--gf-field-img-choice-size);
max-inline-size: var(--gf-field-img-choice-size);
min-inline-size: var(--gf-field-img-choice-size);
position: relative;
}
/* Image Checked UI */
.gform-theme--framework .gfield--type-image_choice .gchoice:where([\:has\(input\:checked\)])::after {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
align-items: center;
block-size: var(--gf-field-img-choice-check-ind-size);
border-radius: var(--gf-field-img-choice-check-ind-radius);
content: var(--gf-field-img-choice-check-ind-icon);
display: flex;
filter: var(--gf-field-img-choice-check-ind-shadow);
font-size: var(--gf-field-img-choice-check-ind-icon-size);
inline-size: var(--gf-field-img-choice-check-ind-size);
justify-content: center;
position: absolute;
z-index: 5;
}
.gform-theme--framework .gfield--type-image_choice .gchoice:where([\:has\(input\:checked\)])::after {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
align-items: center;
block-size: var(--gf-field-img-choice-check-ind-size);
border-radius: var(--gf-field-img-choice-check-ind-radius);
content: var(--gf-field-img-choice-check-ind-icon);
display: flex;
filter: var(--gf-field-img-choice-check-ind-shadow);
font-size: var(--gf-field-img-choice-check-ind-icon-size);
inline-size: var(--gf-field-img-choice-check-ind-size);
justify-content: center;
position: absolute;
z-index: 5;
}
.gform-theme--framework .gfield--type-image_choice .gchoice:where(:has(input:checked))::after {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
align-items: center;
block-size: var(--gf-field-img-choice-check-ind-size);
border-radius: var(--gf-field-img-choice-check-ind-radius);
content: var(--gf-field-img-choice-check-ind-icon);
display: flex;
filter: var(--gf-field-img-choice-check-ind-shadow);
font-size: var(--gf-field-img-choice-check-ind-icon-size);
inline-size: var(--gf-field-img-choice-check-ind-size);
justify-content: center;
position: absolute;
z-index: 5;
}
.gform-theme--framework .gfield--type-image_choice .gfield-image-choice-wrapper-outer {
display: block;
min-block-size: 100%;
}
/* Control: Image Choice */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gfield-choice-image-wrapper, .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice {
/* Local CSS API */
--gf-local-border-color: transparent;
--gf-local-border-width: var(--gf-ctrl-border-width);
--gf-local-border-style: var(--gf-ctrl-border-style);
--gf-local-border-block-start: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-block-end: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-inline-start: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-border-inline-end: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
--gf-local-outline-color: var(--gf-ctrl-outline-color);
--gf-local-outline-width: var(--gf-ctrl-outline-width);
--gf-local-shadow: none;
/* Styles */
box-shadow: var(--gf-local-shadow);
outline-color: var(--gf-local-outline-color);
outline-offset: var(--gf-ctrl-outline-offset);
outline-style: var(--gf-ctrl-outline-style);
outline-width: var(--gf-local-outline-width);
transition: var(--gf-transition-ctrl);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gfield-choice-image-wrapper::before, .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice {
/* Styles */
border-block-end: var(--gf-local-border-block-end);
border-block-start: var(--gf-local-border-block-start);
border-inline-end: var(--gf-local-border-inline-end);
border-inline-start: var(--gf-local-border-inline-start);
border-radius: var(--gf-ctrl-radius);
}
/* Control: Image Choice | Style Variant: Card */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice {
/* Local CSS API */
--gf-local-bg-color: var(--gf-ctrl-bg-color);
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-color-in-ctrl-light-darker);
--gf-local-shadow: var(--gf-field-img-choice-shadow);
/* Styles */
background-color: var(--gf-local-bg-color);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice .gform-field-label {
/* Local CSS API */
--gf-local-color: var(--gf-ctrl-color);
/* Styles */
color: var(--gf-local-color);
}
/* State: Hover */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:hover {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-hover);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:hover .gform-field-label {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-color-hover);
}
/* State: Focus */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:focus-within {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-focus);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:focus-within .gform-field-label {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-color-focus);
}
/* State: Disabled */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice[\:has\(.gfield-choice-input\:disabled\)] {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-disabled);
--gf-local-border-color: var(--gf-ctrl-border-color-disabled);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:has(.gfield-choice-input:disabled) {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-disabled);
--gf-local-border-color: var(--gf-ctrl-border-color-disabled);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice[\:has\(.gfield-choice-input\:disabled\)] .gform-field-label {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-color-disabled);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:has(.gfield-choice-input:disabled) .gform-field-label {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-color-disabled);
}
/* Image Checked UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:where([\:has\(input\:checked\)])::after {
/* Styles */
background-color: var(--gf-field-img-choice-card-check-ind-bg-color);
color: var(--gf-field-img-choice-card-check-ind-icon-color);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after {
/* Styles */
background-color: var(--gf-field-img-choice-card-check-ind-bg-color);
color: var(--gf-field-img-choice-card-check-ind-icon-color);
}
/* State: Error */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card.gfield_error .gchoice {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-error);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card.gfield_error .gchoice .gform-field-label {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-ctrl-color-error);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gfield-image-choice-wrapper-outer {
padding-block: var(--gf-field-img-choice-card-space);
padding-inline: var(--gf-field-img-choice-card-space);
}
/* Image UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gfield-choice-image-no-image {
/* Styles */
background-color: var(--gf-field-img-choice-card-placeholder-bg-color);
color: var(--gf-field-img-choice-card-placeholder-color);
}
/* Control: Image Choice | Style Variant: No Card */
/* Image Checked UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:where([\:has\(input\:checked\)])::after {
/* Styles */
background-color: var(--gf-field-img-choice-no-card-check-ind-bg-color);
color: var(--gf-field-img-choice-no-card-check-ind-icon-color);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:where(:has(input:checked))::after {
/* Styles */
background-color: var(--gf-field-img-choice-no-card-check-ind-bg-color);
color: var(--gf-field-img-choice-no-card-check-ind-icon-color);
}
/* Image UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gfield-choice-image-wrapper::before {
/* Styles */
content: "";
display: block;
inset-block: 0;
inset-inline: 0;
position: absolute;
transition: var(--gf-transition-ctrl);
z-index: 1;
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gfield-choice-image-no-image {
/* Styles */
background-color: var(--gf-field-img-choice-no-card-placeholder-bg-color);
color: var(--gf-field-img-choice-no-card-placeholder-color);
}
/* Control: Image Choice | State: Hover */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:hover .gfield-choice-image-wrapper, .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:hover {
/* Local CSS API Overrides */
--gf-local-shadow: var(--gf-field-img-choice-shadow-hover);
}
/* Control: Image Choice | State: Focus */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:focus-within .gfield-choice-image-wrapper, .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:focus-within {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
--gf-local-outline-width: var(--gf-ctrl-outline-width-focus);
}
/* Control: Image Choice | State: Disabled */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice[\:has\(.gfield-choice-input\:disabled\)] .gfield-choice-image-wrapper, .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice[\:has\(.gfield-choice-input\:disabled\)] {
/* Local CSS API Overrides */
--gf-local-shadow: none;
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:has(.gfield-choice-input:disabled) .gfield-choice-image-wrapper, .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:has(.gfield-choice-input:disabled) {
/* Local CSS API Overrides */
--gf-local-shadow: none;
}
.gform-theme--framework .gfield--type-image_choice .gchoice[\:has\(.gfield-choice-input\:disabled\)] .gfield-choice-image-wrapper {
/* Styles */
opacity: var(--gf-field-img-choice-ctrl-opacity-disabled);
}
.gform-theme--framework .gfield--type-image_choice .gchoice:has(.gfield-choice-input:disabled) .gfield-choice-image-wrapper {
/* Styles */
opacity: var(--gf-field-img-choice-ctrl-opacity-disabled);
}
/* Control: Image Choice | State: Error */
.gform-theme--framework .gfield--type-image_choice.gfield_error.gfield--image-choice-appearance-no-card .gfield-choice-image-wrapper, .gform-theme--framework .gfield--type-image_choice.gfield_error.gfield--image-choice-appearance-card .gchoice {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-ctrl-border-color-error);
}
/* Control: Image Choice | Shape Variant: Square */
/* Image UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square .gfield-choice-image-wrapper {
/* Styles */
border-radius: var(--gf-field-img-choice-radius-square);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square .gfield-choice-image-wrapper::before {
/* Styles */
border-radius: var(--gf-field-img-choice-radius-square);
}
/* Style Variant: Card */
/* Image Checked UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square.gfield--image-choice-appearance-card .gchoice:where([\:has\(input\:checked\)])::after {
/* Styles */
inset-block-start: calc(var(--gf-field-img-choice-card-space) + 10px);
inset-inline-end: calc(var(--gf-field-img-choice-card-space) + 10px);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after {
/* Styles */
inset-block-start: calc(var(--gf-field-img-choice-card-space) + 10px);
inset-inline-end: calc(var(--gf-field-img-choice-card-space) + 10px);
}
/* Style Variant: No Card */
/* Image Checked UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square.gfield--image-choice-appearance-no-card .gchoice:where([\:has\(input\:checked\)])::after {
/* Styles */
inset-block-start: 10px;
inset-inline-end: 10px;
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square.gfield--image-choice-appearance-no-card .gchoice:where(:has(input:checked))::after {
/* Styles */
inset-block-start: 10px;
inset-inline-end: 10px;
}
/* Control: Image Choice | Shape Variant: Circle */
/* Image UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-circle .gfield-choice-image-wrapper {
/* Styles */
border-radius: var(--gf-field-img-choice-radius-round);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-circle .gfield-choice-image-wrapper::before {
/* Styles */
border-radius: var(--gf-field-img-choice-radius-round);
}
/* Style Variant: Card */
/* Image Checked UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-circle.gfield--image-choice-appearance-card .gchoice:where([\:has\(input\:checked\)])::after {
/* Styles */
inset-block-start: var(--gf-field-img-choice-card-space);
inset-inline-end: var(--gf-field-img-choice-card-space);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-circle.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after {
/* Styles */
inset-block-start: var(--gf-field-img-choice-card-space);
inset-inline-end: var(--gf-field-img-choice-card-space);
}
/* Style Variant: No Card */
/* Image Checked UI */
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-circle.gfield--image-choice-appearance-no-card .gchoice:where([\:has\(input\:checked\)])::after {
/* Styles */
inset-block-start: 0;
inset-inline-end: 0;
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-circle.gfield--image-choice-appearance-no-card .gchoice:where(:has(input:checked))::after {
/* Styles */
inset-block-start: 0;
inset-inline-end: 0;
}
/* Image UI */
.gform-theme--framework .gfield--type-image_choice .gfield-choice-image-wrapper {
/* Styles */
aspect-ratio: var(--gf-field-img-choice-aspect-ratio);
margin-block-end: var(--gf-field-img-choice-margin-y-end);
opacity: var(--gf-field-img-choice-ctrl-opacity);
overflow: hidden;
position: relative;
}
.gform-theme--framework .gfield--type-image_choice .gfield-choice-image-no-image {
/* Styles */
block-size: 100%;
display: block;
inline-size: 100%;
position: relative;
}
.gform-theme--framework .gfield--type-image_choice .gfield-choice-image-no-image::before {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: var(--gf-icon-ctrl-img-choice-placeholder);
font-size: var(--gf-field-img-choice-placeholder-icon-font-size);
inset-block-start: 50%;
left: 50%; /* using this instead of logical property avoids need for rtl tweak */
position: absolute;
transform: translate(-50%, -50%);
}
.gform-theme--framework .gfield--type-image_choice .gfield-choice-image-no-image span {
/* Styles */
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.gform-theme--framework .gfield--type-image_choice .gfield-choice-image {
/* Styles */
block-size: 100% !important; /* required to override WP 2021 theme's inline height style */
display: block;
inline-size: 100%;
max-block-size: 100%;
max-inline-size: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* Choice UI */
.gform-theme--framework .gfield--type-image_choice .gfield-image-choice-wrapper-inner {
/* Styles */
display: inline-grid;
gap: var(--gf-field-choice-meta-space) 0;
grid-template-columns: minmax(var(--gf-ctrl-choice-size), max-content) auto;
}
/* Field Setting: Label & Input Visibility */
.gform-theme--framework .gfield--type-image_choice .ginput_container_image_choice--label-hide .gchoice .gfield-choice-image-wrapper {
/* Styles */
margin-block-end: 0;
}
.gform-theme--framework .gfield--type-image_choice .ginput_container_image_choice--label-hide .gchoice .gfield-image-choice-wrapper-inner, .gform-theme--framework .gfield--type-image_choice .ginput_container_image_choice--label-hide .gchoice .gform-field-label, .gform-theme--framework .gfield--type-image_choice .ginput_container_image_choice--label-hide .gchoice .gfield-choice-input {
/* Styles */
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.gform-theme--framework .gfield--type-image_choice .ginput_container_image_choice--input-hide .gchoice .gform-field-label {
/* Local CSS API Overrides */
--gf-local-margin-x: 0;
}
.gform-theme--framework .gfield--type-image_choice .ginput_container_image_choice--input-hide .gchoice .gfield-choice-input {
/* Styles */
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
/* Other Control */
.gform-theme--framework .gfield--type-image_choice .gchoice_other_control {
/* Styles */
margin-block-start: var(--gf-field-img-choice-other-ctrl-margin-y-start);
max-inline-size: 100%;
}
/* Input type: date picker */
.gform-theme--framework .gfield--input-type-datepicker .ginput_container_date {
/* Styles */
align-content: flex-start;
align-items: center;
display: flex;
}
.gform-theme--framework .gfield--input-type-datepicker .ginput_container_date input {
/* Local CSS API Overrides */
--gf-local-padding-x: var(--gf-ctrl-padding-x) var(--gf-field-date-ctrl-padding-x-end);
--gf-local-width: auto;
}
/* Date Picker: Trigger & Icon Handling */
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date {
/* Styles */
flex-wrap: nowrap;
}
/* Date Picker: Trigger */
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date button.gform-datepicker-toggle.gform-theme-button, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date button.gform-datepicker-toggle.gform-theme-button {
/* Styles */
flex: none;
margin-inline-start: var(--gf-field-date-icon-margin-x-start);
transform: translateX(-100%);
}
html[dir="rtl"] .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date button.gform-datepicker-toggle.gform-theme-button, html[dir="rtl"] .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date button.gform-datepicker-toggle.gform-theme-button {
transform: translateX(100%);
}
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date button.gform-datepicker-toggle.gform-theme-button.gform-datepicker-toggle--default, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date button.gform-datepicker-toggle.gform-theme-button.gform-datepicker-toggle--default {
/* Local CSS API Overrides */
--gf-local-line-height: var(--gf-field-date-icon-size);
--gf-local-min-height: var(--gf-field-date-icon-size);
--gf-local-min-width: var(--gf-field-date-icon-size);
}
/* Date Picker: Icon */
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date .gform-datepicker-toggle-icon, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date .gform-datepicker-toggle-icon {
/* Styles */
transition: var(--gf-field-date-icon-transition);
}
/* Date Picker: Trigger & Icon Handling - Default Icon */
/* Date Picker: Icon */
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date .gform-datepicker-toggle-icon--default {
/* Styles */
block-size: var(--gf-field-date-icon-size);
color: var(--gf-field-date-icon-color);
}
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date .gform-datepicker-toggle-icon--default::before {
/* Global CSS API Overrides */
--gf-ctrl-btn-icon: var(--gf-icon-ctrl-datepicker);
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
block-size: auto;
font-size: var(--gf-field-date-icon-size);
inline-size: auto;
}
/* Date Picker: Focus & Hover Handling */
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date:focus-within .gform-datepicker-toggle-icon--default, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date:where([\:has\(input\:hover\)]) .gform-datepicker-toggle-icon--default, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date .gform-datepicker-toggle:hover .gform-datepicker-toggle-icon--default {
/* Styles */
color: var(--gf-field-date-icon-color-active);
}
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date:focus-within .gform-datepicker-toggle-icon--default, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date:where(:has(input:hover)) .gform-datepicker-toggle-icon--default, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date .gform-datepicker-toggle:hover .gform-datepicker-toggle-icon--default {
/* Styles */
color: var(--gf-field-date-icon-color-active);
}
/* Date Picker: Trigger & Icon Handling - Custom Icon */
/* Date Picker: Icon */
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date .gform-datepicker-toggle-icon--custom {
/* Styles */
max-block-size: var(--gf-field-date-custom-icon-max-height);
max-inline-size: var(--gf-field-date-custom-icon-max-width);
opacity: var(--gf-field-date-custom-icon-opacity);
}
/* Date Picker: Focus & Hover Handling */
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date:focus-within .gform-datepicker-toggle-icon--custom, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date:where([\:has\(input\:hover\)]) .gform-datepicker-toggle-icon--custom, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date .gform-datepicker-toggle:hover .gform-datepicker-toggle-icon--custom {
/* Styles */
opacity: var(--gf-field-date-custom-icon-opacity-hover);
}
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date:focus-within .gform-datepicker-toggle-icon--custom, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date:where(:has(input:hover)) .gform-datepicker-toggle-icon--custom, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date .gform-datepicker-toggle:hover .gform-datepicker-toggle-icon--custom {
/* Styles */
opacity: var(--gf-field-date-custom-icon-opacity-hover);
}
/* List Item Add/Remove Buttons */
.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) button.add_list_item, .gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) button.delete_list_item {
/* Local CSS API Overrides */
--gf-local-height: var(--gf-field-list-btn-size);
--gf-local-radius: var(--gf-field-list-btn-radius);
--gf-local-column-gap: 0;
--gf-local-font-size: var(--gf-field-list-btn-font-size);
--gf-local-letter-spacing: 0;
--gf-local-line-height: 1;
--gf-local-min-height: auto;
--gf-local-padding-y: var(--gf-field-list-btn-padding-y);
--gf-local-padding-x: var(--gf-field-list-btn-padding-x);
--gf-local-width: var(--gf-field-list-btn-size);
}
.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) button.add_list_item::before {
/* Local CSS API Overrides */
--gf-local-content: var(--gf-icon-ctrl-list-item-add);
}
.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) button.delete_list_item::before {
/* Local CSS API Overrides */
--gf-local-content: var(--gf-icon-ctrl-list-item-remove);
}
.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) .gfield_list_icons img {
background-color: transparent !important;
background-position: 0;
background-repeat: no-repeat;
background-size: 16px 16px !important;
block-size: 16px !important;
border: none !important;
inline-size: 16px !important;
opacity: 0.5;
transition: var(--gf-transition-ctrl);
}
.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) .gfield_list_icons a:hover img, .gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) .gfield_list_icons a:focus img {
opacity: 1.0;
}
.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) .gfield_url_icon_disabled {
opacity: 1.0;
pointer-events: none;
}
.gform-theme--framework .gf_progressbar_wrapper, .gform-theme--framework .gf_page_steps {
/* Styles */
margin-block-end: var(--gf-field-pg-prog-margin-y-end);
}
.gform-theme--framework .gf_progressbar_title, .gform-theme--framework .gf_step_number, .gform-theme--framework .gf_step_label {
/* Local CSS API */
--gf-local-color: var(--gf-field-pg-prog-color);
--gf-local-font-family: var(--gf-field-pg-prog-font-family);
--gf-local-font-size: var(--gf-field-pg-prog-font-size);
--gf-local-font-style: var(--gf-field-pg-prog-font-style);
--gf-local-font-weight: var(--gf-field-pg-prog-font-weight);
--gf-local-letter-spacing: var(--gf-field-pg-prog-letter-spacing);
--gf-local-line-height: var(--gf-field-pg-prog-line-height);
--gf-local-text-transform: none;
/* Styles */
color: var(--gf-local-color);
font-family: var(--gf-local-font-family);
font-size: var(--gf-local-font-size);
font-style: var(--gf-local-font-style);
font-weight: var(--gf-local-font-weight);
letter-spacing: var(--gf-local-letter-spacing);
line-height: var(--gf-local-line-height);
text-transform: var(--gf-local-text-transform);
}
.gform-theme--framework .gf_progressbar_title {
/* Styles */
margin-block-end: var(--gf-field-pg-prog-title-margin-y-end);
}
.gform-theme--framework .gf_progressbar {
/* Styles */
background-color: var(--gf-field-pg-prog-bar-bg-color);
border-radius: var(--gf-field-pg-prog-bar-radius);
}
/* % Complete Label */
.gform-theme--framework .gf_progressbar span {
/* TODO: allow for simpler hide/show of this and available API properties */
/* Styles */
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.gform-theme--framework .gf_progressbar .gf_progressbar_percentage {
/* Styles */
block-size: var(--gf-field-pg-prog-bar-height);
border-radius: var(--gf-field-pg-prog-bar-radius);
}
.gform-theme--framework .gf_progressbar .percentbar_blue {
/* Styles */
background-color: var(--gf-field-pg-prog-bar-bg-color-blue);
}
.gform-theme--framework .gf_progressbar .percentbar_gray {
/* Styles */
background-color: var(--gf-field-pg-prog-bar-bg-color-gray);
}
.gform-theme--framework .gf_progressbar .percentbar_green {
/* Styles */
background-color: var(--gf-field-pg-prog-bar-bg-color-green);
}
.gform-theme--framework .gf_progressbar .percentbar_orange {
/* Styles */
background-color: var(--gf-field-pg-prog-bar-bg-color-orange);
}
.gform-theme--framework .gf_progressbar .percentbar_red {
/* Styles */
background-color: var(--gf-field-pg-prog-bar-bg-color-red);
}
.gform-theme--framework .gf_progressbar .percentbar_spring {
/* Styles */
background: var(--gf-field-pg-prog-bar-bg-gradient-spring);
}
.gform-theme--framework .gf_progressbar .percentbar_blues {
/* Styles */
background: var(--gf-field-pg-prog-bar-bg-gradient-blues);
}
.gform-theme--framework .gf_progressbar .percentbar_rainbow {
/* Styles */
background: var(--gf-field-pg-prog-bar-bg-gradient-rainbow);
}
.gform-theme--framework .gf_step {
/* Styles */
align-items: center;
display: flex;
gap: var(--gf-field-pg-steps-step-gap);
position: relative;
}
.gform-theme--framework .gf_step_label {
/* Local CSS API Overrides */
--gf-local-text-transform: var(--gf-field-pg-prog-text-transform);
}
.gform-theme--framework .gf_step_hidden {
display: none;
}
.gform-theme--framework .gf_step_number {
/* Local CSS API */
--gf-local-bg-color: var(--gf-field-pg-steps-number-bg-color);
--gf-local-border-color: var(--gf-field-pg-steps-number-border-color);
--gf-local-border: var(--gf-field-pg-steps-number-border-width) var(--gf-field-pg-steps-number-border-style) var(--gf-local-border-color);
--gf-local-radius: var(--gf-field-pg-steps-number-radius);
--gf-local-color: var(--gf-field-pg-steps-number-color);
/* Styles */
background-color: var(--gf-local-bg-color);
block-size: var(--gf-field-pg-steps-number-size);
border: var(--gf-local-border);
border-radius: var(--gf-local-radius);
color: var(--gf-local-color);
display: inline-grid;
inline-size: var(--gf-field-pg-steps-number-size);
min-inline-size: var(--gf-field-pg-steps-number-size);
align-content: center;
justify-content: center;
place-content: center;
}
/* Active Step */
.gform-theme--framework .gf_step_active .gf_step_number {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pg-steps-number-bg-color-active);
--gf-local-border-color: var(--gf-field-pg-steps-number-border-color-active);
--gf-local-color: var(--gf-field-pg-steps-number-color-active);
}
/* Completed Step */
.gform-theme--framework .gf_step_completed .gf_step_number {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pg-steps-number-bg-color-complete);
--gf-local-border-color: var(--gf-field-pg-steps-number-border-color-complete);
--gf-local-color: var(--gf-field-pg-steps-number-color-complete);
}
.gform-theme--framework .gf_step_completed .gf_step_number::after {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--gf-field-pg-steps-number-bg-color-complete);
block-size: var(--gf-field-pg-steps-number-size);
border: var(--gf-field-pg-steps-number-border-width) var(--gf-field-pg-steps-number-border-style) var(--gf-field-pg-steps-number-border-color-complete);
border-radius: var(--gf-field-pg-steps-number-radius);
color: var(--gf-field-pg-steps-number-color-complete);
content: var(--gf-icon-ctrl-pg-numbers-complete);
display: inline-grid;
font-size: var(--gf-field-pg-steps-icon-font-size);
inline-size: var(--gf-field-pg-steps-number-size);
inset-block-start: 0;
inset-inline-start: 0;
align-content: center;
justify-content: center;
place-content: center;
position: absolute;
}
.gform-theme--framework .gfield--type-password input[type="password"] {
/* Local CSS API Overrides */
--gf-local-padding-x: var(--gf-ctrl-padding-x) var(--gf-field-pwd-ctrl-padding-x-end);
}
/* Show/hide password button */
.gform-theme--framework .gfield--type-password .gform_show_password .dashicons.dashicons-visibility::before {
/* Global CSS API Overrides */
--gf-ctrl-btn-icon: var(--gf-icon-ctrl-pwd-hidden);
}
.gform-theme--framework .gfield--type-password .gform_show_password .dashicons.dashicons-hidden::before {
/* Global CSS API Overrides */
--gf-ctrl-btn-icon: var(--gf-icon-ctrl-pwd-visible);
}
/* Password strength indicator */
.gform-theme--framework .gfield_password_strength {
/* Local CSS API */
--gf-local-bg-color: var(--gf-field-pwd-str-bg-color);
--gf-local-color: var(--gf-field-pwd-str-color);
/* Styles */
background-color: var(--gf-local-bg-color);
border: var(--gf-local-border);
border-radius: var(--gf-field-pwd-str-radius);
color: var(--gf-local-color);
font-family: var(--gf-field-pwd-str-font-family);
font-size: var(--gf-field-pwd-str-font-size);
font-style: var(--gf-field-pwd-str-font-style);
font-weight: var(--gf-field-pwd-str-font-weight);
letter-spacing: var(--gf-field-pwd-str-letter-spacing);
line-height: var(--gf-field-pwd-str-line-height);
margin-block-start: var(--gf-field-pwd-str-margin-y-start);
padding-block: var(--gf-field-pwd-str-padding-y);
padding-inline: var(--gf-field-pwd-str-padding-x);
position: relative;
text-align: var(--gf-field-pwd-str-text-align);
transition: var(--gf-field-pwd-str-transition);
}
.gform-theme--framework .gfield_password_strength::before, .gform-theme--framework .gfield_password_strength::after {
/* Local CSS API */
--gf-local-bg-color: var(--gf-field-pwd-str-ind-bg-color);
--gf-local-height: var(--gf-field-pwd-str-ind-height);
--gf-local-radius: var(--gf-field-pwd-str-ind-radius);
--gf-local-content: var(--gf-field-pwd-str-ind-content);
--gf-local-inset-y-start: var(--gf-field-pwd-str-ind-inset-y-start);
--gf-local-inset-x-start: var(--gf-field-pwd-str-ind-inset-x-start);
--gf-local-position: var(--gf-field-pwd-str-ind-position);
--gf-local-transform: var(--gf-field-pwd-str-ind-transform);
--gf-local-transition: none;
--gf-local-width: var(--gf-field-pwd-str-ind-width);
/* Styles */
background-color: var(--gf-local-bg-color);
block-size: var(--gf-local-height);
border-radius: var(--gf-local-radius);
content: var(--gf-local-content);
display: var(--gf-field-pwd-str-ind-display);
inline-size: var(--gf-local-width);
inset-block-start: var(--gf-local-inset-y-start);
inset-inline-start: var(--gf-local-inset-x-start);
position: var(--gf-local-position);
transform: var(--gf-local-transform);
transition: var(--gf-local-transition);
}
.gform-theme--framework .gfield_password_strength::before {
/* Local CSS API Overrides */
--gf-local-border-color: var(--gf-field-pwd-str-border-color);
--gf-local-border-style: var(--gf-field-pwd-str-border-style);
--gf-local-border-width: var(--gf-field-pwd-str-border-width);
--gf-local-border: var(--gf-local-border-width) var(--gf-local-border-style) var(--gf-local-border-color);
border: var(--gf-local-border);
}
.gform-theme--framework .gfield_password_strength::after {
/* Local CSS API Overrides */
--gf-local-transition: var(--gf-field-pwd-str-ind-transition);
--gf-local-width: var(--gf-field-pwd-str-ind-width-blank);
}
.gform-theme--framework .gfield_password_strength.mismatch {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-bg-color-mismatch);
--gf-local-border-color: var(--gf-field-pwd-str-border-color-mismatch);
}
.gform-theme--framework .gfield_password_strength.mismatch::after {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-ind-bg-color-mismatch);
--gf-local-width: var(--gf-field-pwd-str-ind-width-mismatch);
}
.gform-theme--framework .gfield_password_strength.short {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-bg-color-short);
--gf-local-border-color: var(--gf-field-pwd-str-border-color-short);
}
.gform-theme--framework .gfield_password_strength.short::after {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-ind-bg-color-short);
--gf-local-width: var(--gf-field-pwd-str-ind-width-short);
}
.gform-theme--framework .gfield_password_strength.bad {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-bg-color-bad);
--gf-local-border-color: var(--gf-field-pwd-str-border-color-bad);
}
.gform-theme--framework .gfield_password_strength.bad::after {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-ind-bg-color-bad);
--gf-local-width: var(--gf-field-pwd-str-ind-width-bad);
}
.gform-theme--framework .gfield_password_strength.good {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-bg-color-good);
--gf-local-border-color: var(--gf-field-pwd-str-border-color-good);
}
.gform-theme--framework .gfield_password_strength.good::after {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-ind-bg-color-good);
--gf-local-width: var(--gf-field-pwd-str-ind-width-good);
}
.gform-theme--framework .gfield_password_strength.strong {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-bg-color-strong);
--gf-local-border-color: var(--gf-field-pwd-str-border-color-strong);
}
.gform-theme--framework .gfield_password_strength.strong::after {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-field-pwd-str-ind-bg-color-strong);
--gf-local-width: var(--gf-field-pwd-str-ind-width-strong);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield--type-phone .gform-phone.gform-phone--open button.gform-phone__country-selector.gform-theme-button.gform-theme-button--tertiary:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color-focus);
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-color: var(--gf-ctrl-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
--gf-local-outline-width: var(--gf-ctrl-outline-width-focus);
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-focus-tertiary);
--gf-local-border-color: var(--gf-ctrl-btn-border-color-focus-tertiary);
--gf-local-color: var(--gf-ctrl-btn-color-focus-tertiary);
--gf-local-shadow: var(--gf-ctrl-btn-shadow-focus);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield--type-phone button.gform-phone__country-selector.gform-theme-button.gform-theme-button--tertiary:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Styles */
border-end-end-radius: 0;
border-start-end-radius: 0;
margin-inline-end: calc(var(--gf-ctrl-btn-border-width-tertiary) * -1);
}
.gform-theme--framework .gfield--type-phone button.gform-phone__country-selector.gform-theme-button.gform-theme-button--tertiary:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after {
/* Styles */
background-image: var(--gf-icon-ctrl-select);
background-size: var(--gf-ctrl-select-icon-size);
block-size: var(--gf-ctrl-select-icon-size);
content: "";
inline-size: var(--gf-ctrl-select-icon-size);
}
.gform-theme--framework .gfield--type-phone .gform-phone__dropdown {
/* Styles */
background-color: var(--gf-ctrl-bg-color);
border: var(--gf-ctrl-select-dropdown-border-color);
border-radius: var(--gf-ctrl-select-dropdown-radius);
box-shadow: var(--gf-ctrl-select-dropdown-shadow);
}
.gform-theme--framework .gfield--type-phone .gform-phone__search-wrapper {
/* Styles */
background-color: var(--gf-ctrl-bg-color);
margin-block-end: calc(var(--gf-padding-y) * -1);
padding-block: var(--gf-padding-y);
padding-inline: var(--gf-ctrl-padding-x);
}
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield--type-phone .gform-phone__search-wrapper input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-height: var(--gf-ctrl-size-md);
--gf-local-padding-x: var(--gf-ctrl-select-search-padding-x);
/* Styles */
background-image: var(--gf-icon-ctrl-search);
background-position: var(--gf-ctrl-select-search-icon-position);
background-size: var(--gf-ctrl-select-search-icon-size);
}
.gform-theme--framework .gfield--type-phone .gform-phone__country-list {
/* Styles */
font-family: var(--gf-font-family-base);
padding-block: var(--gf-padding-y);
}
.gform-theme--framework .gfield--type-phone .gform-phone__country-item {
/* Styles */
color: var(--gf-ctrl-color);
padding-inline: var(--gf-ctrl-padding-x);
}
.gform-theme--framework .gfield--type-phone .gform-phone__country-item:hover, .gform-theme--framework .gfield--type-phone .gform-phone__country-item.gform-phone__country-item--focused {
/* Styles */
background-color: var(--gf-ctrl-select-dropdown-option-bg-color-hover);
box-shadow: var(--gf-ctrl-select-dropdown-option-shadow-focus);
}
.gform-theme--framework .gfield--type-phone .gform-phone__country-item.gform-phone__country-item--active {
/* Styles */
background-color: var(--gf-ctrl-select-dropdown-option-bg-color-hover);
box-shadow: var(--gf-ctrl-select-dropdown-option-shadow-hover);
}
html:where(:not([dir="rtl"])) .gform-theme--framework .gfield--type-phone .gform-phone__input {
/* Styles */
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
html[dir="rtl"] .gform-theme--framework .gfield--type-phone .gform-phone__input {
/* Styles */
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.gform-theme--framework .gfield--type-product .ginput_product_price {
/* Local CSS API Overrides */
--gf-local-color: var(--gf-field-prod-price-color);
}
.gform-theme--framework .gfield--type-product input[type].ginput_product_price {
/* Local CSS API Overrides */
--gf-local-display: inline-block;
}
.gform-theme--framework .gfield--type-product .ginput_quantity {
/* Local CSS API Overrides */
--gf-local-width: var(--gf-field-prod-quant-width);
/* Styles */
margin-block-end: var(--gf-field-prod-quant-margin-y-end);
}
.gform-theme--framework .gfield--type-product .ginput_container_singleproduct, .gform-theme--framework .gfield--type-product .ginput_container_product_calculation {
/* Styles */
display: flex;
flex-direction: column;
}
.gform-theme--framework .gfield--type-product .ginput_container_singleproduct .ginput_product_price_wrapper, .gform-theme--framework .gfield--type-product .ginput_container_product_calculation .ginput_product_price_wrapper {
/* Styles */
order: 2;
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_item {
grid-column-gap: var(--gf-form-gap-x);
-moz-column-gap: var(--gf-form-gap-x);
column-gap: var(--gf-form-gap-x);
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_item > .gfield {
margin-block-start: var(--gf-field-repeater-gap-y);
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_item + .gfield_repeater_item {
margin-block-start: var(--gf-field-repeater-gap-y);
position: relative;
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_item + .gfield_repeater_item::before {
background-color: var(--gf-field-repeater-separator-color);
block-size: 1px;
content: "";
display: block;
inline-size: 100%;
inset-block-start: calc(0px - var(--gf-field-repeater-gap-y));
position: absolute;
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_item--no-visible-label + .gfield_repeater_item::before {
inset-block-start: 0;
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_buttons {
display: flex;
grid-column: 1 / -1;
margin-block-start: var(--gf-form-footer-margin-y-start);
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_buttons .gform-theme-button.gform-theme-button.add_repeater_item {
margin-inline-end: var(--gf-field-repeater-btn-inline-gap);
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_items {
border: var(--gf-field-repeater-nested-border-size) var(--gf-field-repeater-nested-border-style) var(--gf-field-repeater-nested-border-color);
border-radius: var(--gf-field-repeater-nested-border-radius);
padding: var(--gf-field-repeater-nested-padding);
padding-block-start: 0;
}
/* Override error styles on valid inputs within an invalid repeater */
/* Utility Classes: disable theme framework from element and children if class is present */
.gform-theme--framework .gfield--type-repeater .gfield_valid .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield--type-repeater .gfield_valid input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield--type-repeater .gfield_valid textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield--type-repeater .gfield_valid select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield--type-repeater .gfield_valid select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
/* Local CSS API Overrides */
--gf-local-bg-color: var(--gf-ctrl-bg-color);
--gf-local-border-color: var(--gf-ctrl-border-color);
--gf-local-color: var(--gf-ctrl-color);
}
.gform-theme--framework .gfield--type-repeater .gfield_repeater_item_removed_message {
border-color: var(--gf-field-repeater-removed-msg-border-color);
border-radius: var(--gf-field-repeater-removed-msg-border-radius);
border-style: var(--gf-field-repeater-removed-msg-border-style);
border-width: var(--gf-field-repeater-removed-msg-border-size);
font-family: var(--gf-field-repeater-removed-msg-font-family);
font-size: var(--gf-field-repeater-removed-msg-font-size);
font-style: var(--gf-field-repeater-removed-msg-font-style);
font-weight: var(--gf-field-repeater-removed-msg-font-weight);
letter-spacing: var(--gf-field-repeater-removed-msg-letter-spacing);
line-height: var(--gf-field-repeater-removed-msg-line-height);
margin-block-start: var(--gf-field-repeater-removed-msg-gap-y);
padding: var(--gf-field-repeater-removed-msg-padding-y) var(--gf-field-repeater-removed-msg-padding-x);
}
.gform-theme--framework .gfield--type-repeater .gform-repeat-label {
font-size: var(--gf-field-repeat-label-font-size);
padding-top: 0;
position: relative;
top: calc( var(--gf-field-repeater-gap-y) / 2);
}
.gform-theme--framework .gfield--type-repeater .gform-repeat-label.screen-reader-text {
padding-top: 0;
position: absolute;
top: auto;
}
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
/* Styles */
border-block-end: var(--gf-field-section-border-width) var(--gf-field-section-border-style) var(--gf-field-section-border-color);
padding-block-end: var(--gf-field-section-padding-y-end);
}
/* Form: Handles form-level styles */
/* -----------------------------------------------------------------------------
*
* Form
* Gravity Form Parts
*
* This file is just a clearing-house.
* Make partials (start with an underscore) elsewhere for actual code.
*
* ----------------------------------------------------------------------------- */
/* Form Error Validation Summary */
.gform-theme--framework .gform_validation_errors {
/* Styles */
background-color: var(--gf-form-validation-bg-color);
border: var(--gf-form-validation-border-width) var(--gf-form-validation-border-style) var(--gf-form-validation-border-color);
border-radius: var(--gf-form-validation-radius);
box-shadow: var(--gf-form-validation-shadow);
display: flex;
flex-direction: column;
gap: var(--gf-form-validation-gap);
margin-block: var(--gf-form-validation-margin-y);
padding-block: var(--gf-form-validation-padding-y);
padding-inline: var(--gf-form-validation-padding-x);
}
.gform-theme--framework .gform_validation_errors:focus {
border-color: var(--gf-form-validation-border-color-focus);
outline: var(--gf-form-validation-outline-focus);
outline-offset: var(--gf-ctrl-outline-offset);
}
.gform-theme--framework .gform_validation_errors .gform_submission_error {
/* Styles */
color: var(--gf-form-validation-heading-color);
display: flex;
flex-direction: column;
font-family: var(--gf-form-validation-heading-font-family);
font-size: var(--gf-form-validation-heading-font-size);
font-weight: var(--gf-form-validation-heading-font-weight);
gap: var(--gf-form-validation-heading-gap);
line-height: var(--gf-form-validation-heading-line-height);
}
.gform-theme--framework .gform_validation_errors .gform-icon {
/* Styles */
font-family: var(--gf-icon-font-family) !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: never;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--gf-form-validation-heading-icon-bg-color);
block-size: var(--gf-form-validation-heading-icon-size);
border-color: var(--gf-form-validation-heading-icon-border-color);
border-radius: var(--gf-form-validation-heading-icon-radius);
border-style: var(--gf-form-validation-heading-icon-border-style);
border-width: var(--gf-form-validation-heading-icon-border-width);
color: var(--gf-form-validation-heading-icon-color);
display: inline-grid;
font-size: var(--gf-form-validation-heading-icon-font-size);
inline-size: var(--gf-form-validation-heading-icon-size);
align-content: center;
justify-content: center;
place-content: center;
}
.gform-theme--framework .gform_validation_errors .gform-icon::before {
content: var(--gf-icon-tooltip-error);
}
.gform-theme--framework .gform_validation_errors ol {
/* Styles */
color: var(--gf-form-validation-summary-color);
font-family: var(--gf-form-validation-summary-font-family);
font-size: var(--gf-form-validation-summary-font-size);
font-weight: var(--gf-form-validation-summary-font-weight);
line-height: var(--gf-form-validation-summary-line-height);
list-style-type: disc;
margin-block: 0;
margin-inline: 0;
padding-inline: var(--gf-form-validation-padding-x);
}
.gform-theme--framework .gform_validation_errors ol li + li {
/* Styles */
margin-block-start: var(--gf-form-validation-summary-margin-y-start);
}
.gform-theme--framework .gform_validation_errors ol a {
border-color: transparent;
border-radius: var(--gf-form-validation-radius);
border-style: var(--gf-ctrl-border-style);
border-width: var(--gf-ctrl-border-width);
color: var(--gf-form-validation-summary-color);
outline-color: var(--gf-ctrl-outline-color);
outline-offset: var(--gf-ctrl-outline-offset);
outline-style: var(--gf-ctrl-outline-style);
outline-width: var(--gf-ctrl-outline-width);
-webkit-text-decoration: var(--gf-form-validation-summary-item-link-text-decoration);
text-decoration: var(--gf-form-validation-summary-item-link-text-decoration);
transition: var(--gf-ctrl-transition);
}
.gform-theme--framework .gform_validation_errors ol a:focus {
border-color: var(--gf-form-validation-border-color-focus);
outline-color: var(--gf-form-validation-outline-color-focus);
outline-width: var(--gf-ctrl-outline-width-focus);
}
@media (min-width: 640px) {
.gform-theme--framework .gform_validation_errors .gform_submission_error {
/* Styles */
align-items: center;
flex-direction: row;
}
.gform-theme--framework .gform_validation_errors ol {
/* Styles */
padding-inline: var(--gf-form-validation-summary-padding-x);
}
}
/* Form Required Field Legend */
.gform-theme--framework .gform_required_legend .gfield_required {
color: var(--gf-color-danger);
}
.gform-theme--framework .gform-loader {
/* Styles */
border-block-end-color: var(--gf-form-spinner-fg-color);
border-block-start-color: var(--gf-form-spinner-bg-color);
border-inline-end-color: var(--gf-form-spinner-bg-color);
border-inline-start-color: var(--gf-form-spinner-fg-color);
inset: 0;
margin: auto;
position: absolute;
}
/* Spinner: Secondary */
.gform-theme--framework .gform-theme-button--secondary .gform-loader {
border-block-end-color: var(--gf-form-spinner-fg-color-secondary);
border-block-start-color: var(--gf-form-spinner-bg-color-secondary);
border-inline-end-color: var(--gf-form-spinner-bg-color-secondary);
border-inline-start-color: var(--gf-form-spinner-fg-color-secondary);
}
/* Save & Continue Button */
.gform-theme--framework .gform_save_link svg {
/* Styles */
display: none;
}
.gform-theme--framework .gform_save_link::before {
/* Local CSS API Overrides */
--gf-ctrl-btn-icon: var(--gf-icon-ctrl-save-continue);
}
/* Layout: Handles form and field layout styles */
/* -----------------------------------------------------------------------------
*
* Layout
* Gravity Form Layouts for forms and fields
*
* This file is just a clearing-house.
* Make partials (start with an underscore) elsewhere for actual code.
*
* ----------------------------------------------------------------------------- */
/*
* Description below alignment
*/
/*
Form field control descriptions which are
below the field control and require top margin.
Excludes:
- Paragraph text field's TinyMCE counter
- Credit card warning message
- Validation message positioned above the field control
- Choice limit message
*/
.gform-theme--framework .field_description_below .gfield_description:where(:not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.ginput_counter_tinymce):not(.gfield_choice_limit_message)) {
/* Styles */
margin-block-start: var(--gf-desc-space);
}
/*
Form field control descriptions which are
above the field control and require bottom margin.
Includes:
- Credit card warning message
- Validation message positioned above the field control
*/
.gform-theme--framework .field_description_below .gfield_description:where(.gfield_creditcard_warning_message, .field_validation_above .gfield_validation_message) {
/* Styles */
margin-block-end: var(--gf-desc-space);
}
/*
Form field control descriptions for choice type fields
which require slightly greater margin.
*/
/*
Form field control descriptions for choice type fields which are
below the field control and require slightly greater top margin.
Excludes:
- Validation message positioned below the field control when field description is present
- Validation message positioned above the field control
- Choice limit message
*/
.gform-theme--framework .field_description_below.gfield--type-choice .gfield_description:where(:not(.gfield--has-description.field_validation_below .gfield_validation_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)) {
/* Styles */
margin-block-start: var(--gf-desc-choice-field-space);
}
/*
Form field control descriptions for choice type fields which are
above the field control and require slightly greater bottom margin.
Includes:
- Choice limit message
*/
.gform-theme--framework .field_description_below.gfield--type-choice .gfield_description:where(.gfield_choice_limit_message) {
/* Styles */
margin-block-end: var(--gf-desc-choice-field-space);
}
/*
* Description above alignment
*/
/*
Form field control descriptions which are
above the field control and require bottom margin.
Includes:
- Field control description
- Credit card warning message
- Validation message positioned above the field control
*/
.gform-theme--framework .field_description_above .gfield_description:where([class="gfield_description"], .gfield_creditcard_warning_message, .field_validation_above .gfield_validation_message, .gfield_repeater_max_message) {
/* Styles */
margin-block-end: var(--gf-desc-space);
}
/*
Form field control descriptions which are
below the field control and require top margin.
Excludes:
- Field control description
- Paragraph text field's TinyMCE character counter
- Credit card warning message
- Consent field description
- Validation message positioned above the field control
- Choice limit message
*/
.gform-theme--framework .field_description_above .gfield_description:where(:not([class="gfield_description"]):not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.ginput_counter_tinymce):not(.gfield_consent_description):not(.gfield_choice_limit_message)) {
/* Styles */
margin-block-start: var(--gf-desc-space);
}
/*
Form field control descriptions for choice type fields
which require slightly greater margin.
*/
/*
Form field control descriptions for choice type fields which are
below the field control and require slightly greater bottom margin.
Cases:
- Choice limit message is not present
Excludes:
- Field control description when validation message positioned above the field control and field in error state
- Validation message
*/
.gform-theme--framework .field_description_above.gfield--type-choice:where([\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(:not(.field_validation_above.gfield_error [class="gfield_description"]):not(.gfield_validation_message)) {
/* Styles */
margin-block-end: var(--gf-desc-choice-field-space);
}
.gform-theme--framework .field_description_above.gfield--type-choice:where(:not(:has(.gfield_choice_limit_message))) .gfield_description:where(:not(.field_validation_above.gfield_error [class="gfield_description"]):not(.gfield_validation_message)) {
/* Styles */
margin-block-end: var(--gf-desc-choice-field-space);
}
/*
Form field control descriptions for choice type fields which are
above the field control and require slightly greater bottom margin.
Includes:
- Choice limit message
*/
.gform-theme--framework .field_description_above.gfield--type-choice .gfield_description:where(.gfield_choice_limit_message) {
/* Styles */
margin-block-end: var(--gf-desc-choice-field-space);
}
/*
* Validation message above field control
*/
/*
Form field control validation message for choice type fields which are
above the field control and require slightly greater bottom margin.
Cases:
- Choice limit message is not present
Includes:
- Validation message
*/
.gform-theme--framework .field_validation_above.gfield--type-choice:where([\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(.gfield_validation_message) {
/* Styles */
margin-block-end: var(--gf-desc-choice-field-space);
}
.gform-theme--framework .field_validation_above.gfield--type-choice:where(:not(:has(.gfield_choice_limit_message))) .gfield_description:where(.gfield_validation_message) {
/* Styles */
margin-block-end: var(--gf-desc-choice-field-space);
}
/*
* Validation message below field control
*/
/*
Form field control validation message for choice type fields which are
below the field control and require slightly greater top margin.
Includes:
- Validation message when field control description positioned above the field control
*/
.gform-theme--framework .field_validation_below.gfield--type-choice .gfield_description:where(.field_description_above .gfield_validation_message) {
/* Styles */
margin-block-start: var(--gf-desc-choice-field-space);
}
/*
* Left and right label description alignment
*/
/*
Form field control descriptions which are
below the field control and require top spacing.
Excludes:
- Paragraph text field's TinyMCE character counter
- Credit card warning message
- Validation message positioned above the field control
- Choice limit message
*/
.gform-theme--framework .left_label .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)), .gform-theme--framework .right_label .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)) {
/* Styles */
margin-block: var(--gf-desc-space) 0;
}
@media (min-width: 640px) {
.gform-theme--framework .left_label .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)), .gform-theme--framework .right_label .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)) {
/* Styles */
margin-block: 0;
margin-inline: auto 0;
padding-block-start: var(--gf-desc-space)
}
}
/*
Form field control descriptions for choice type fields
which require slightly greater margin.
*/
/*
Form field control descriptions for choice type fields
which require slightly greater top margin.
Excludes:
- Validation message when field description is positioned below the field control and the description is present
- Validation message positioned above the field control
- Choice limit message
*/
.gform-theme--framework .left_label .gfield--type-choice .gfield_description:where(:not(.field_description_below.gfield--has-description .gfield_validation_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)), .gform-theme--framework .right_label .gfield--type-choice .gfield_description:where(:not(.field_description_below.gfield--has-description .gfield_validation_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)) {
/* Styles */
margin-block: var(--gf-desc-choice-field-space) 0;
}
@media (min-width: 640px) {
.gform-theme--framework .left_label .gfield--type-choice .gfield_description:where(:not(.field_description_below.gfield--has-description .gfield_validation_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)), .gform-theme--framework .right_label .gfield--type-choice .gfield_description:where(:not(.field_description_below.gfield--has-description .gfield_validation_message):not(.field_validation_above .gfield_validation_message):not(.gfield_choice_limit_message)) {
/* Styles */
margin-block: 0;
padding-block-start: var(--gf-desc-choice-field-space)
}
}
/*
Form field control descriptions for choice type fields which are
above the field control and require slightly greater bottom margin.
Includes:
- Choice limit message
*/
.gform-theme--framework .left_label .gfield--type-choice .gfield_description:where(.gfield_choice_limit_message), .gform-theme--framework .right_label .gfield--type-choice .gfield_description:where(.gfield_choice_limit_message) {
/* Styles */
margin-block: 0 var(--gf-desc-choice-field-space);
}
@media (min-width: 640px) {
.gform-theme--framework .left_label .gfield--type-choice .gfield_description:where(.gfield_choice_limit_message), .gform-theme--framework .right_label .gfield--type-choice .gfield_description:where(.gfield_choice_limit_message) {
/* Styles */
margin-block: 0;
padding-block: 0 var(--gf-desc-choice-field-space)
}
}
/*
Form field control descriptions which are
above the field control and require bottom spacing.
Includes:
- Field control description positioned above the field control
- Validation message positioned above the field control
*/
.gform-theme--framework .left_label .field_description_above .gfield_description:where([class="gfield_description"]), .gform-theme--framework .left_label .field_validation_above .gfield_description:where(.gfield_validation_message), .gform-theme--framework .right_label .field_description_above .gfield_description:where([class="gfield_description"]), .gform-theme--framework .right_label .field_validation_above .gfield_description:where(.gfield_validation_message) {
/* Styles */
margin-block: 0 var(--gf-desc-space);
}
@media (min-width: 640px) {
.gform-theme--framework .left_label .field_description_above .gfield_description:where([class="gfield_description"]), .gform-theme--framework .left_label .field_validation_above .gfield_description:where(.gfield_validation_message), .gform-theme--framework .right_label .field_description_above .gfield_description:where([class="gfield_description"]), .gform-theme--framework .right_label .field_validation_above .gfield_description:where(.gfield_validation_message) {
/* Styles */
margin-block: 0;
padding-block: 0 var(--gf-desc-space)
}
}
/*
Form field control descriptions for choice type fields
which require slightly greater bottom margin.
Cases:
- Choice limit message is not present
Includes:
- Field control description positioned above the field control when field validation message is below the field control
- Validation message positioned above the field control
*/
.gform-theme--framework .left_label .field_description_above.gfield--type-choice:where(:not(.field_validation_above)[\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .left_label .field_validation_above.gfield--type-choice:where([\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(.gfield_validation_message), .gform-theme--framework .right_label .field_description_above.gfield--type-choice:where(:not(.field_validation_above)[\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .right_label .field_validation_above.gfield--type-choice:where([\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(.gfield_validation_message) {
/* Styles */
margin-block: 0 var(--gf-desc-choice-field-space);
}
.gform-theme--framework .left_label .field_description_above.gfield--type-choice:where(:not(.field_validation_above):not(:has(.gfield_choice_limit_message))) .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .left_label .field_validation_above.gfield--type-choice:where(:not(:has(.gfield_choice_limit_message))) .gfield_description:where(.gfield_validation_message), .gform-theme--framework .right_label .field_description_above.gfield--type-choice:where(:not(.field_validation_above):not(:has(.gfield_choice_limit_message))) .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .right_label .field_validation_above.gfield--type-choice:where(:not(:has(.gfield_choice_limit_message))) .gfield_description:where(.gfield_validation_message) {
/* Styles */
margin-block: 0 var(--gf-desc-choice-field-space);
}
@media (min-width: 640px) {
.gform-theme--framework .left_label .field_description_above.gfield--type-choice:where(:not(.field_validation_above)[\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .left_label .field_validation_above.gfield--type-choice:where([\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(.gfield_validation_message), .gform-theme--framework .right_label .field_description_above.gfield--type-choice:where(:not(.field_validation_above)[\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .right_label .field_validation_above.gfield--type-choice:where([\:not-has\(.gfield_choice_limit_message\)]) .gfield_description:where(.gfield_validation_message) {
/* Styles */
margin-block: 0;
padding-block: 0 var(--gf-desc-choice-field-space)
}
.gform-theme--framework .left_label .field_description_above.gfield--type-choice:where(:not(.field_validation_above):not(:has(.gfield_choice_limit_message))) .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .left_label .field_validation_above.gfield--type-choice:where(:not(:has(.gfield_choice_limit_message))) .gfield_description:where(.gfield_validation_message), .gform-theme--framework .right_label .field_description_above.gfield--type-choice:where(:not(.field_validation_above):not(:has(.gfield_choice_limit_message))) .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .right_label .field_validation_above.gfield--type-choice:where(:not(:has(.gfield_choice_limit_message))) .gfield_description:where(.gfield_validation_message) {
/* Styles */
margin-block: 0;
padding-block: 0 var(--gf-desc-choice-field-space)
}
}
/*
Form field validation message for conversational forms
NOTE: This fixes the vertical spacing for the validation message until we
implement the validation message markup positioning in conversational forms.
*/
.gform-theme--framework .validation_above .gform-conversational__field-footer + .gfield_validation_message.gfield_description {
/* Styles */
margin-block-end: 0;
margin-block-start: var(--gf-desc-space);
}
/* Labels & Legends */
/*
* Primary Labels (labels for fields)
*/
.gform-theme--framework .gform-field-label:where(:not([class*="gform-field-label--type-"])), .gform-theme--framework .gfield_list_group_item::before {
/* Local CSS API Overrides */
--gf-local-margin-y: 0 var(--gf-label-space-primary);
}
/*
Form field control primary labels for choice type
fields which require slightly greater bottom margin.
Cases:
- Field control description is below the field control
- Field control description is above the field control but isn't present
Excludes:
- Field control validation message when positioned above the field control and field in error state
- Choice limit message is not present
*/
.gform-theme--framework .gfield--type-choice.field_description_below:where(:not(.field_validation_above.gfield_error)[\:not-has\(.gfield_choice_limit_message\)]) .gform-field-label:where(:not([class*="gform-field-label--type-"])), .gform-theme--framework .gfield--type-choice.field_description_above.gfield--no-description:where(:not(.field_validation_above.gfield_error)[\:not-has\(.gfield_choice_limit_message\)]) .gform-field-label:where(:not([class*="gform-field-label--type-"])) {
/* Local CSS API Overrides */
--gf-local-margin-y: 0 var(--gf-label-choice-field-space-primary);
}
.gform-theme--framework .gfield--type-choice.field_description_below:where(:not(.field_validation_above.gfield_error):not(:has(.gfield_choice_limit_message))) .gform-field-label:where(:not([class*="gform-field-label--type-"])), .gform-theme--framework .gfield--type-choice.field_description_above.gfield--no-description:where(:not(.field_validation_above.gfield_error):not(:has(.gfield_choice_limit_message))) .gform-field-label:where(:not([class*="gform-field-label--type-"])) {
/* Local CSS API Overrides */
--gf-local-margin-y: 0 var(--gf-label-choice-field-space-primary);
}
/*
* Primary Labels: left & right alignment
*/
@media (min-width: 640px) {
.gform-theme--framework .left_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label):not(.gform-repeat-label)), .gform-theme--framework .right_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label):not(.gform-repeat-label)) {
/* Local CSS API Overrides */
--gf-local-margin-y: 0;
--gf-local-margin-x: 0;
/* Styles */
padding-inline-end: var(--gf-label-space-primary)
}
}
@media (min-width: 640px) {
.gform-theme--framework .left_label .gfield--type-repeater > .gform-field-label, .gform-theme--framework .left_label .gfield--type-repeater > .gfield-admin-wrapper > .gform-field-label, .gform-theme--framework .right_label .gfield--type-repeater > .gform-field-label, .gform-theme--framework .right_label .gfield--type-repeater > .gfield-admin-wrapper > .gform-field-label {
/* Local CSS API Overrides */
--gf-local-margin-y: 0 var(--gf-label-space-primary)
}
}
/*
* Secondary Labels (labels for radio, checkbox, and consent fields)
*/
.gform-theme--framework .gform-field-label--type-inline {
/* Local CSS API Overrides */
--gf-local-margin-x: var(--gf-label-space-x-secondary) 0;
--gf-local-margin-y: var(--gf-label-space-y-secondary) 0;
}
/*
* Tertiary Labels (labels for complex fields / fieldsets)
*/
.gform-theme--framework .field_sublabel_below .gform-field-label--type-sub {
/* Local CSS API Overrides */
--gf-local-margin-y: var(--gf-label-space-tertiary) 0;
}
.gform-theme--framework .field_sublabel_above .gform-field-label--type-sub {
/* Local CSS API Overrides */
--gf-local-margin-y: 0 var(--gf-label-space-tertiary);
}
/*# sourceMappingURL=gravity-forms-theme-framework.css.map */