.gform-theme--api,
.gform-theme--framework {
    --gf-ctrl-date-picker-bg-color: var(--wp--preset--color--base) !important;
    --gf-ctrl-date-picker-cell-content-color: var(--wp--preset--color--contrast) !important;
    --gf-ctrl-date-picker-header-icons-color: var(--wp--preset--color--contrast) !important;
    --gf-ctrl-date-picker-header-icons-color-hover: var(--wp--preset--color--primary) !important;
    --gf-ctrl-date-picker-bg-color: var(--wp--preset--color--blue-light) !important;
    --gf-field-pg-prog-bar-bg-color-blue: var(--wp--preset--color--primary) !important;
}

.gform_wrapper.gform-theme--api,
.gform_wrapper.gform-theme--foundation {
    /* gap styles */
    --gf-form-gap-x: 1.5rem;
    --gf-form-gap-y: 2rem;
    --gf-field-gap-x: 1.5rem;
    --gf-field-gap-y: 2rem;
    /* general field styles */
    --gf-ctrl-accent-color: var(--wp--preset--color--primary);
    --gf-ctrl-outline-color-focus: rgba(130, 207, 255, 0.4);
    --gf-ctrl-outline-width-focus: 1px;
    --gf-ctrl-shadow: none;
    /* primary button */
    --gf-ctrl-btn-border-color-primary: var(--wp--preset--color--primary);
    --gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--accent);
    --gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--contrast);
    /* secondary button / pager button */
    --gf-ctrl-btn-border-color-secondary: var(--wp--preset--color--primary) !important;
    --gf-ctrl-btn-border-color-hover-secondary: var(--wp--preset--color--accent) !important;
    --gf-ctrl-btn-color-hover-secondary: var(--wp--preset--color--contrast);
    --gf-ctrl-btn-bg-color-hover-secondary: var(--wp--preset--color--accent);
    /* general button */
    --gf-ctrl-btn-radius: 30px;
    --gf-ctrl-btn-color-ctrl: var(--wp--preset--color--contrast);
    --gf-ctrl-btn-color-hover-ctrl: var(--wp--preset--color--base);
    --gf-ctrl-btn-bg-color-ctrl: var(--gf-color-primary);
    --gf-ctrl-btn-bg-color-hover-ctrl: var(--wp--preset--color--secondary);
    --gf-ctrl-btn-padding-y: 0.5em;
    --gf-ctrl-btn-padding-x: 1.5em !important;
    /* checkbox style */
    --gf-ctrl-checkbox-check-radius: 5px;
    --gf-ctrl-choice-check-color: var(--gf-color-primary);
    /* file upload style */
    --gf-ctrl-file-zone-icon-color: var(--gf-color-primary);
    --gf-ctrl-file-btn-color: var(--wp--preset--color--contrast);
    --gf-ctrl-file-btn-bg-color: var(--gf-color-primary);
    --gf-ctrl-file-btn-bg-color-hover: var(--wp--preset--color--secondary) !important;
    --gf-ctrl-file-btn-color-hover: var(--wp--preset--color--base);
    /* select style */
    --gf-ctrl-select-icon: none;
    /* seperator style */
    --gf-field-section-border-color: var(--wp--preset--color--accent);
}

/* footer submit button - align right */
.gform_wrapper .gform_footer {
    justify-content: flex-end;
}
.gform_wrapper .gform_page_footer input.button {
    font-family: var(--wp--preset--font-family--heading) !important;
    font-size: var(--wp--preset--font-size--x-large) !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

/* inline submit button - align right */
.gform_wrapper .gform_fields .gfield--type-submit {
    justify-content: flex-end;
}

.gform_wrapper .gform_fields .gfield {
    & input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"]), & textarea, & select {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        &::placeholder {
            opacity: 0.6;
        }
    }
}

.gform--remove-legend_wrapper .gform_required_legend {
    display: none;
}

.gform_wrapper .gform_fields .gfield:not(.gfield--type-multiselect) select option {
    color: black;
}

.gform_wrapper .gform_fields .gfield .ginput_container_select {
    position: relative;

    &::after {
        background-color: currentcolor;
        content: '';
        display: block;
        height: 0.8rem;
        mask-image: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8962 12.8246L0.276191 1.67857C0.0989013 1.49259 0 1.24551 0 0.988564C0 0.731624 0.0989013 0.484542 0.276191 0.298566L0.288191 0.286565C0.374137 0.196095 0.47759 0.124056 0.592256 0.0748281C0.706922 0.0256004 0.830404 0.000214577 0.955191 0.000214577C1.07998 0.000214577 1.20346 0.0256004 1.31813 0.0748281C1.43279 0.124056 1.53624 0.196095 1.62219 0.286565L11.6222 10.7826L21.6182 0.286565C21.7041 0.196095 21.8076 0.124056 21.9223 0.0748281C22.0369 0.0256004 22.1604 0.000214577 22.2852 0.000214577C22.41 0.000214577 22.5335 0.0256004 22.6481 0.0748281C22.7628 0.124056 22.8662 0.196095 22.9522 0.286565L22.9642 0.298566C23.1415 0.484542 23.2404 0.731624 23.2404 0.988564C23.2404 1.24551 23.1415 1.49259 22.9642 1.67857L12.3442 12.8246C12.2508 12.9226 12.1385 13.0006 12.014 13.0539C11.8896 13.1073 11.7556 13.1348 11.6202 13.1348C11.4848 13.1348 11.3508 13.1073 11.2264 13.0539C11.1019 13.0006 10.9896 12.9226 10.8962 12.8246Z' fill='currentColor'/%3E%3C/svg%3E%0A");
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        pointer-events: none;
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.8rem;
    }
}

.gform-theme--framework.ui-datepicker select.ui-datepicker-month,
.gform-theme--framework.ui-datepicker select.ui-datepicker-year {
    --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='rgba(0, 0, 0, 0.65)'/%3E%3C/svg%3E");

    border-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--contrast);
}