.evTextField {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: var(--textfield-height);
    padding: var(--textfield-padding);
    gap: var(--textfield-gap);
    border: var(--input-border);
    border-radius: var(--textfield-radius);
    box-shadow: none !important;
    }
.evTextField > span {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    padding: 0;
    }
.evTextField > span:empty {
    display: none;
    }
.evTextField > .evTextFieldIcon {
    padding: 0;
    }
.evTextField > .evTextFieldPrefix > .label {
    padding: 0;
    }
.evTextField > .evTextFieldInput {
    flex: 1 0 auto;
    align-self: stretch;
    display: flex;
    width: min-content;
    font-size: var(--input-text-size);
    }
.evTextField > .evTextFieldInput > input {
    width: 100%;
    padding: 0;
    }
.evTextField > .evTextFieldPostfix {
    padding: 0;
    }
.evTextField.size-large {
    height: var(--textfield-height-large);
    padding: var(--textfield-padding-large);
    border-radius: var(--textfield-radius-large);
    }
.evTextField.shape-rounded {
    border-radius: 999px;
    }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    }

/* Text Area */
.evTextArea {
    background-color: var(--textfield-background-color);
    font-family: var(--text-typeface);
    font-size: var(--input-text-size);
    color: var(--textfield-color);
    border: var(--input-border);
    border-radius: var(--textfield-radius);
    font-weight: var(--text-weight);
    padding: var(--textarea-padding);
    box-shadow: none !important;
    }
.evTextArea textarea {
    line-height: var(--text-lineheight);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    }

/* Check Box / Radio Button */
a.evCheckbox,
a.evRadio {
    border: 2px solid var(--field-border-color);
    transition: all var(--field-animation-speed) ease-in;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    text-decoration: none;
    width: 24px;
    height: 24px;
    }
a.evCheckbox:hover,
a.evCheckbox.hover,
a.evRadio:hover,
a.evRadio.hover {
    border: 2px solid var(--field-primary-color);
    box-shadow: none;
    }
a.evCheckbox:checked,
a.evCheckbox.checked,
a.evRadio:checked,
a.evRadio.checked {
    background-color: var(--field-primary-color);
    border-color: var(--field-primary-color);
    }
a.evCheckbox:checked:after,
a.evCheckbox.checked:after,
a.evRadio:checked:after,
a.evRadio.checked:after {
    font-size: 1rem;
    color: #FFF;
    }
a.evRadio {
    border-radius: 50%;
    }

/*
    Select
    ------
*/
.evSelectButton {
    height: var(--textfield-height);
    border: var(--input-border);
    border-radius: var(--textfield-radius);
    }
.evSelectButton > .evButton {
    height: 100%;
    background-color: var(--textfield-background-color);
    color: var(--textfield-color);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    }
.evSelectButton > .evButton > .icon.select {
    right: 1rem;
    }
.evSelectButton > .evSelect {
    color: var(--textfield-color);
    background-color: var(--textfield-background-color);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    }

/** ------------------- OLD CODE ------------------- */
a.evSwitch {
    border-radius: 24px;
    background-color: /*style.field_border_color(*/#bac3c3/*)*/;
    }
a.evSwitch .inner {
    border: 0;
    height: 26px;
    width: 26px;
    border-radius: 13px;
    top: 2px;
    left: 2px;
    background: /*style.body_background_color(*/#fff/*)*/;
    }
a.evSwitch .inner:before,
a.evSwitch .inner:after {
    background: none;
    color: /*style.body_background_color(*/#fff/*)*/ !important;
    box-shadow: none;
    line-height: 26px;
    }
a.evSwitch.checked {
    background-color: /*style.primary(*/#3e653e/*)*/;
    }
a.evSwitch.checked .inner {
    left: 32px;
    }
a.evSwitch.checked .inner:before,
a.evSwitch.checked .inner:after {
    color: /*style.text_color_on_primary(*/#FFF/*)*/ !important;
    }

/*
    Combo
    -----
*/
.evCombo .evComboOptions {
    box-shadow: none;
    }
.evCombo .evComboOptions .active {
    background: /*style.primary(*/#3e653e/*)*/;
    color: /*style.text_color_on_primary(*/#FFF/*)*/;
    }
.evCombo .evComboOptions li:last-child {
    border-bottom: 0px none;
    }
.evCheckoutSubscription .evCheckbox {
    margin-top: 2px;
    }

/*
    Range Slider
    ------------
*/
.ui-slider {
    border: 0px none;
    }
.ui-slider .ui-slider-range {
    background-color: /*style.primary(*/#3e653e/*)*/;
    }
.ui-slider .ui-slider-handle {
    width: 24px;
    height: 24px;
    top: -11px;
    border: 3px solid #fff !important;
    padding: 0px;
    margin-left: -12px;
    border: 0px none;
    background-color: /*style.primary(*/#3e653e/*)*/;
    }
.ui-slider .ui-slider-handle.ui-state-active {
    border: 3px solid /*style.primary(*/#3e653e/*)*/ !important;
    background-color: #fff;
    }
.ui-slider-horizontal {
    height: 2px;
    background-color: /*style.field_border_color(*/#bac3c3/*)*/;
    box-shadow: none;
    }

/*
    Inline Buttons
    --------------
*/
.inline-buttons {
    font-size: 0px;
    white-space: nowrap;
    }
.inline-buttons > * {
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    }
.no-cssremunit .inline-buttons > * {
    font-size: 16px;
    }
.inline-buttons > .evButton + .evButton,
.inline-buttons > .evButton + .evDropdown,
.inline-buttons > .evDropdown + .evButton,
.inline-buttons > .evDropdown + .evDropdown {
    margin-left: 1px;
    }
.inline-buttons > .evButton {
    border-radius: 0px !important;
    }
.inline-buttons > .evButton.first,
.inline-buttons > .evButton:first-child {
    border-top-left-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    border-bottom-left-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    }
.inline-buttons > .evButton.last,
.inline-buttons > .evButton:last-child {
    border-top-right-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    border-bottom-right-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    }
.inline-buttons > .evDropdown > .evButton {
    border-radius: 0px !important;
    }
.inline-buttons > .evDropdown.first > .evButton,
.inline-buttons > .evDropdown:first-child > .evButton {
    border-top-left-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    border-bottom-left-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    }
.inline-buttons > .evDropdown.open.first > .evButton,
.inline-buttons > .evDropdown.open:first-child > .evButton {
    border-bottom-left-radius: 0px !important;
    }
.inline-buttons > .evDropdown.last > .evButton,
.inline-buttons > .evDropdown:last-child > .evButton {
    border-top-right-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    border-bottom-right-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    }
.inline-buttons > .evDropdown.open.last > .evButton,
.inline-buttons > .evDropdown.open:last-child > .evButton {
    border-bottom-right-radius: 0px !important;
    }
.inline-buttons .evTextFieldButton > .evTextField {
    border-radius: 0px !important;
    }
.inline-buttons .evTextFieldButton > .evTextField .evTextFieldInput > input {
    text-align: center;
    }
.inline-buttons .evTextFieldButton.first > .evTextField,
.inline-buttons .evTextFieldButton:first-child > .evTextField {
    border-top-left-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    border-bottom-left-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    }
.inline-buttons .evTextFieldButton.last > .evTextField,
.inline-buttons .evTextFieldButton:last-child > .evTextField {
    border-top-right-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    border-bottom-right-radius: /*style.component_border_radius(*/3px/*)*/ !important;
    }
.inline-buttons.quantity-buttons {
    display: table;
    width: 100%;
    }
.inline-buttons.quantity-buttons > * {
    display: table-cell;
    vertical-align: middle;
    line-height: 0px;
    }
.inline-buttons.quantity-buttons .evButton {
    min-width: 0px;
    background-color: /*style.field_background_color(*/#FFF/*)*/;
    padding: 0px /*style._content_half_gap(*/16px/*)*/ !important;
    border-width: /*style._field_border_width(*/1px/*)*/;
    border-color: /*style.field_border_color(*/#bac3c3/*)*/ !important;
    box-shadow: none;
    color: /*style.field_text_color(*/#777/*)*/;
    font-weight: 400;
    }
.inline-buttons.quantity-buttons .evButton > .label {
    height: 38px;
    line-height: 36px;
    padding: 0;
    }
.inline-buttons.quantity-buttons .evButton:hover,
.inline-buttons.quantity-buttons .evButton.hover,
.inline-buttons.quantity-buttons .evButton:focus,
.inline-buttons.quantity-buttons .evButton.focus,
.inline-buttons.quantity-buttons .evButton:active,
.inline-buttons.quantity-buttons .evButton.active {
    box-shadow: none;
    }
.inline-buttons.quantity-buttons .evTextFieldButton {
    width: 100%;
    padding: 0;
    }
.inline-buttons.quantity-buttons .evTextFieldButton .evTextField {
    border-left-width: 0px;
    border-right-width: 0px;
    width: 100% !important;
    }

/*
    Form / Field Styling
    --------------------
*/
.fieldContainer {
    margin: 0 -20px;
    }
.fieldHeader,
.fieldFooter {
    padding: 2rem 0 1rem 0;
    }

/*
    Form Field Combo
    ----------------
*/
form.fieldCombo {
    display: table;
    width: 100%;
    border-bottom: 1px solid /*style.field_border_color(*/#bac3c3/*)*/;
    }
form.fieldCombo > .textfieldContainer {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    }
form.fieldCombo > .textfieldContainer .evTextField {
    border: 0;
    background: transparent;
    }
form.fieldCombo > .textfieldContainer .evTextField,
form.fieldCombo > .textfieldContainer .evTextField input {
    font-family: ,Helvetica,Arial,sans-serif;
    }
form.fieldCombo > .textfieldContainer .evTextField input {
    padding-left: 0;
    }
form.fieldCombo > .textfieldContainer .evTextField:hover {
    box-shadow: none;
    }
@media (max-width:/*style._second_content_break(*/658px/*)*/) {
}

form.fieldCombo > .buttonContainer {
    display: table-cell;
    vertical-align: middle;
    }

/*
    Custom Address Fixes
    --------------------
*/
#address .zipArea {
    width: 100%;
    }
#address .regionsArea:not([style*="display: none"]) + .zipArea {
    padding-left: /*style._content_third_gap(*/10px/*)*/;
    }
#address .regionsArea:not([style*="display: none"]) + .zipArea.cell {
    width: auto;
    }
#address .regionsArea[style*="display: none"] + .zipArea .evTextField {
    width: 100%;
    }
form[name="address"] .regionsArea:not([style*="display: none"]) + .zipArea {
    padding-left: /*style._content_third_gap(*/10px/*)*/;
    }
form[name="address"] .regionsArea:not([style*="display: none"]) + .zipArea.cell {
    width: auto;
    }
form[name="address"] .regionsArea[style*="display: none"] + .zipArea .evTextField {
    width: 100%;
    }

/**
    Form errors
 */
.ev-errors {
    color: /*style.error_color(*/#CF5858/*)*/;
    }
.ev-errors h2 {
    color: /*style.error_color(*/#CF5858/*)*/;
    }