---
title: "Golden Isles Animal Hospital - Your Local Veterinarian"
url: https://stacklist.com/card/37a02ca4-a444-4d36-9016-f0cc96e02c59
source_url: "https://goldenislesanimalhospital.com/"
stack: https://stacklist.com/c/pets/stack/01f2f235-eabb-413b-a141-59e1e0a435d8
summary: "This CSS snippet defines a comprehensive set of custom properties (CSS variables) for styling a web form component with the class `.wmc_form`. It covers typography, spacing, borders, colors, and hover states for labels, inputs, selects, textareas, placeholders, and disclaimer text."
tags: "css, form-styling, css-variables, web-design, input-fields, responsive-design"
key_entities: "CSS (technology), CSS Custom Properties (technology), SVG (technology), Form Styling (concept), Responsive Design (concept)"
classification: "code"
content_hash: "sha256:f8e3202badb1e321f8bb8908183a4e424730cb82276b01855706a7524f4e59b4"
acp_version: "0.2"
token_counts_approximate: 5265
visibility: public
agent_accessible: true
status: "final"
---

# Golden Isles Animal Hospital - Your Local Veterinarian

Home /* form.css */ .wmc_form { /* arrow icon */ --submitArrowIcon01: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 13L13.25 3M13.25 3L5.75 3M13.25 3V10.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); /* css properties for form */ --inputPrimaryFont: var(--fontFamilyPrimary); --inputPrimaryColor: rgba(var(--colorPrimaryA),1); --inputSecondaryColor: rgba(var(--colorPrimaryE),1); /* field wrapper */ --fieldWrapperDisplayDesktop: grid; --fieldWrapperGridTemplateColumnsDesktop: 1fr; --fieldWrapperGapDesktop: 20px; /* label */ --labelDisplayDesktop: block; --labelPaddingTopDesktop: 0px; --labelPaddingBottomDesktop: 0px; --labelPaddingLeftDesktop: 0px; --labelPaddingRightDesktop: 0px; --labelMarginBottomDesktop: 15px; --labelFontDesktop: var(--inputPrimaryFont); --labelFontSizeDesktop: 14px; --labelFontColorDesktop: var(--inputPrimaryColor); --labelFontWeightDesktop: 400; --labelFontStyleDesktop: normal; --labelTextDecorationDesktop: none; --labelLetterSpacingDesktop: 0px; --labelLineHeightDesktop: normal; /* input, select and textarea padding */ --inputPaddingTopDesktop: 8px; --inputPaddingBottomDesktop: 8px; --inputPaddingLeftDesktop: 0px; --inputPaddingRightDesktop: 0px; /* input, select and textarea border */ --inputBorderTopDesktop: 0px solid var(--inputPrimaryColor); --inputBorderRightDesktop: 0px solid var(--inputPrimaryColor); --inputBorderBottomDesktop: 0px solid var(--inputPrimaryColor); --inputBorderLeftDesktop: 0px solid var(--inputPrimaryColor); /* input, select and textarea radius */ --inputBorderRadiusDesktop: 0px 0px 0px 0px; /* input, select and textarea font */ --inputFontDesktop: var(--inputPrimaryFont); --inputFontSizeDesktop: 16px; --inputFontWeightDesktop: 400; --inputFontStyleDesktop: normal; --inputFontColorDesktop: var(--inputPrimaryColor); --inputTextDecorationDesktop: none; --inputLetterSpacingDesktop: 0px; --inputLineHeightDesktop: 1.4; --inputWidthDesktop: 100%; --inputHeightDesktop: auto; --inputBackgroundColorDesktop: rgba(var(--colorBackgroundE),0); --inputTextAlignDesktop: left; /* input, select and textarea placeholder */ --inputPlaceholderPaddingLeftDesktop: 0px; --inputPlaceholderFontDesktop: var(--inputFontDesktop); --inputPlaceholderFontSizeDesktop: var(--inputFontSizeDesktop); --inputPlaceholderFontColorDesktop: var(--inputSecondaryColor); --inputPlaceholderFontWeightDesktop: 400; --inputPlaceholderFontStyleDesktop: normal; --inputPlaceholderTextDecorationDesktop: none; --inputPlaceholderLetterSpacingDesktop: 0px; --inputPlaceholderLineHeightDesktop: 1.4; /* disclaimer text */ --disclaimerTextFontDesktop: var(--fontFamilySecondary); --disclaimerTextFontSizeDesktop: 14px; --disclaimerTextFontColorDesktop: rgba(var(--colorBwGradientC), 1); --disclaimerTextFontWeightDesktop: 400; --disclaimerTextFontStyleDesktop: normal; --disclaimerTextDecorationDesktop: none; --disclaimerTextLetterSpacingDesktop: 0px; --disclaimerTextLineHeightDesktop: 1.4; /* input, select and textarea padding hover */ --inputPaddingTopHoverDesktop: var(--inputPaddingTopDesktop); --inputPaddingBottomHoverDesktop: var(--inputPaddingBottomDesktop); --inputPaddingLeftHoverDesktop: var(--inputPaddingLeftDesktop); --inputPaddingRightHoverDesktop: var(--inputPaddingRightDesktop); /* input, select and textarea radius hover */ --inputBorderRadiusHoverDesktop: var(--inputBorderRadiusDesktop); /* input, select and textarea font hover */ --inputFontHoverDesktop: var(--inputFontDesktop); --inputFontSizeHoverDesktop: var(--inputFontSizeDesktop); --inputFontWeightHoverDesktop: var(--inputFontWeightDesktop); --inputFontStyleHoverDesktop: var(--inputFontStyleDesktop); --inputFontColorHoverDesktop: var(--inputFontColorDesktop); --inputTextDecorationHoverDesktop: var(--inputTextDecorationDesktop); --inputBackgroundColorHoverDesktop: var(--inputBackgroundColorDesktop); --inputBorderTopHoverDesktop: var(--inputBorderTopDesktop); --inputBorderRightHoverDesktop: var(--inputBorderRightDesktop); --inputBorderBottomHoverDesktop: var(--inputBorderBottomDesktop); --inputBorderLeftHoverDesktop: var(--inputBorderLeftDesktop); /* input, select and textarea padding focus */ --inputPaddingTopFocusDesktop: var(--inputPaddingTopDesktop); --inputPaddingBottomFocusDesktop: var(--inputPaddingBottomDesktop); --inputPaddingLeftFocusDesktop: var(--inputPaddingLeftDesktop); --inputPaddingRightFocusDesktop: var(--inputPaddingRightDesktop); /* input, select and textarea radius focus */ --inputBorderRadiusFocusDesktop: var(--inputBorderRadiusDesktop); /* input, select and textarea focus */ --inputFontFocusDesktop: var(--inputFontDesktop); --inputFontSizeFocusDesktop: var(--inputFontSizeDesktop); --inputFontWeightFocusDesktop: var(--inputFontWeightDesktop); --inputFontStyleFocusDesktop: var(--inputFontStyleDesktop); --inputFontColorFocusDesktop: var(--inputFontColorDesktop); --inputTextDecorationFocusDesktop: var(--inputTextDecorationDesktop); --inputBackgroundColorFocusDesktop: var(--inputBackgroundColorDesktop); --inputBorderTopFocusDesktop: var(--inputBorderTopDesktop); --inputBorderRightFocusDesktop: var(--inputBorderRightDesktop); --inputBorderBottomFocusDesktop: var(--inputBorderBottomDesktop); --inputBorderLeftFocusDesktop: var(--inputBorderLeftDesktop); /* time and date */ --timeDateGridTemplateColumnsDesktop: 1fr; --timeDateAlignItemsDesktop: center; /* radio and checkbox */ --radioCheckboxGridColumnDesktop: 3; --radioCheckboxGridTemplateColumnsDesktop: repeat(var(--radioCheckboxGridColumnDesktop), 1fr); --radioCheckboxGridColumnGapDesktop: 40px; --labelRadioCheckboxDisplayDesktop: grid; --labelRadioCheckboxMarginBottomDesktop: 5px; --labelRadioCheckboxGridColumnDesktop: 2; --labelRadioCheckboxGridTemplateColumnsDesktop: repeat(var(--labelRadioCheckboxGridColumnDesktop), auto); --labelRadioCheckboxAlignItemsDesktop: center; --labelRadioCheckboxJustifyContentDesktop: start; --radioCheckboxJustifySelfDesktop: center; --radioCheckboxSizeDesktop: 20px; --radioCheckboxCursorDesktop: pointer; --labelRadioCheckboxGapDesktop: 10px; /* textarea height */ --textareaHeightDesktop: 150px; /* radio and checkbox font */ --labelRadioCheckboxFontSizeDesktop: var(--inputFontSizeDesktop); --labelRadioCheckboxFontColorDesktop: var(--inputFontColorDesktop); --labelRadioCheckboxFontWeightDesktop: var(--inputFontWeightDesktop); --labelRadioCheckboxFontStyleDesktop: var(--inputFontStyleDesktop); --labelRadioCheckboxTextDecorationDesktop: var(--inputTextDecorationDesktop); --labelRadioCheckboxLetterSpacingDesktop: var(--inputLetterSpacingDesktop); --labelRadioCheckboxLineHeightDesktop: var(--inputLineHeightDesktop); /* form actions */ --formActionsMarginTopDesktop: 10px; --formActionsTextAlignDesktop: left; /* submit padding */ --submitPaddingTopDesktop: 12px; --submitPaddingBottomDesktop: 12px; --submitPaddingLeftDesktop: 30px; --submitPaddingRightDesktop: 30px; /* submit border */ --submitBorderTopDesktop: 0px solid var(--inputPrimaryColor); --submitBorderRightDesktop: 0px solid var(--inputPrimaryColor); --submitBorderBottomDesktop: 0px solid var(--inputPrimaryColor); --submitBorderLeftDesktop: 0px solid var(--inputPrimaryColor); /* submit border radius */ --submitBorderRadiusDesktop: 0px 0px 0px 0px; /* submit font */ --submitFontDesktop: var(--inputPrimaryFont); --submitFontColorDesktop: rgba(var(--colorPrimaryJ),1); --submitFontSizeDesktop: 16px; --submitFontWeightDesktop: 400; --submitFontStyleDesktop: normal; --submitTextDecorationDesktop: none; --submitLetterSpacingDesktop: 0px; --submitLineHeightDesktop: normal; --submitBackgroundColorDesktop: rgba(var(--colorCtaE),1); --submitCursorDesktop: pointer; --submitWidthDesktop: auto; /* submit arrow */ --submitArrowDisplayDesktop: block; --submitArrowIconDesktop: var(--submitArrowIcon01); --submitArrowSizeDesktop: 16px; --submitArrowColorDesktop: rgba(var(--colorPrimaryJ),1); --submitArrowRotateDesktop: 0deg; --submitArrowGapDesktop: 5px; /* error */ --errorFontColorDesktop: rgba(var(--colorCtaE),1); --errorBorderColorDesktop: rgba(var(--colorCtaE),1); --errorPlaceholderFontColorDesktop: rgba(var(--colorCtaE),1); /* required */ --requiredColorDesktop: rgba(var(--colorSecondaryE),1); /* notification */ --notificationFontColorDesktop: var(--labelFontColorDesktop); --notificationFontColorHoverDesktop: var(--notificationFontColorDesktop); /* apply CSS properties */ /* apply field wrapper */ --fieldWrapperDisplay: var(--fieldWrapperDisplayDesktop); --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsDesktop); --fieldWrapperGap: var(--fieldWrapperGapDesktop); /* apply label */ --labelDisplay: var(--labelDisplayDesktop); --labelPaddingTop: var(--labelPaddingTopDesktop); --labelPaddingBottom: var(--labelPaddingBottomDesktop); --labelPaddingLeft: var(--labelPaddingLeftDesktop); --labelPaddingRight: var(--labelPaddingRightDesktop); --labelMarginBottom: var(--labelMarginBottomDesktop); --labelFont: var(--labelFontDesktop); --labelFontSize: var(--labelFontSizeDesktop); --labelFontColor: var(--labelFontColorDesktop); --labelFontWeight: var(--labelFontWeightDesktop); --labelFontStyle: var(--labelFontStyleDesktop); --labelTextDecoration: var(--labelTextDecorationDesktop); --labelLetterSpacing: var(--labelLetterSpacingDesktop); --labelLineHeight: var(--labelLineHeightDesktop); /* apply input, select and textarea padding */ --inputPaddingTop: var(--inputPaddingTopDesktop); --inputPaddingBottom: var(--inputPaddingBottomDesktop); --inputPaddingLeft: var(--inputPaddingLeftDesktop); --inputPaddingRight: var(--inputPaddingRightDesktop); /* apply input, select and textarea border */ --inputBorderTop: var(--inputBorderTopDesktop); --inputBorderRight: var(--inputBorderRightDesktop); --inputBorderBottom: var(--inputBorderBottomDesktop); --inputBorderLeft: var(--inputBorderLeftDesktop); /* apply input, select and textarea radius */ --inputBorderRadius: var(--inputBorderRadiusDesktop); /* apply input, select and textarea font */ --inputFont: var(--inputFontDesktop); --inputFontSize: var(--inputFontSizeDesktop); --inputFontWeight: var(--inputFontWeightDesktop); --inputFontStyle: var(--inputFontStyleDesktop); --inputFontColor: var(--inputFontColorDesktop); --inputTextDecoration: var(--inputTextDecorationDesktop); --inputLetterSpacing: var(--inputLetterSpacingDesktop); --inputLineHeight: var(--inputLineHeightDesktop); --inputWidth: var(--inputWidthDesktop); --inputHeight: var(--inputHeightDesktop); --inputBackgroundColor: var(--inputBackgroundColorDesktop); --inputTextAlign: var(--inputTextAlignDesktop); /* apply input, select and textarea placeholder */ --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftDesktop); --inputPlaceholderFont: var(--inputPlaceholderFontDesktop); --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeDesktop); --inputPlaceholderFontColor: var(--inputPlaceholderFontColorDesktop); --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightDesktop); --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleDesktop); --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationDesktop); --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingDesktop); --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightDesktop); /* apply disclaimer text */ --disclaimerTextFont: var(--disclaimerTextFontDesktop); --disclaimerTextFontSize: var(--disclaimerTextFontSizeDesktop); --disclaimerTextFontColor: var(--disclaimerTextFontColorDesktop); --disclaimerTextFontWeight: var(--disclaimerTextFontWeightDesktop); --disclaimerTextFontStyle: var(--disclaimerTextFontStyleDesktop); --disclaimerTextDecoration: var(--disclaimerTextDecorationDesktop); --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingDesktop); --disclaimerTextLineHeight: var(--disclaimerTextLineHeightDesktop); /* apply input, select and textarea hover */ --inputFontHover: var(--inputFontHoverDesktop); --inputFontSizeHover: var(--inputFontSizeHoverDesktop); --inputFontWeightHover: var(--inputFontWeightHoverDesktop); --inputFontStyleHover: var(--inputFontStyleHoverDesktop); --inputFontColorHover: var(--inputFontColorHoverDesktop); --inputTextDecorationHover: var(--inputTextDecorationHoverDesktop); --inputBorderTopHover: var(--inputBorderTopHoverDesktop); --inputBorderRightHover: var(--inputBorderRightHoverDesktop); --inputBorderBottomHover: var(--inputBorderBottomHoverDesktop); --inputBorderLeftHover: var(--inputBorderLeftHoverDesktop); --inputBorderRadiusHover: var(--inputBorderRadiusHoverDesktop); --inputBackgroundColorHover: var(--inputBackgroundColorHoverDesktop); --inputPaddingTopHover: var(--inputPaddingTopHoverDesktop); --inputPaddingBottomHover: var(--inputPaddingBottomHoverDesktop); --inputPaddingLeftHover: var(--inputPaddingLeftHoverDesktop); --inputPaddingRightHover: var(--inputPaddingRightHoverDesktop); /* apply input, select and textarea focus */ --inputFontFocus: var(--inputFontFocusDesktop); --inputFontSizeFocus: var(--inputFontSizeFocusDesktop); --inputFontWeightFocus: var(--inputFontWeightFocusDesktop); --inputFontStyleFocus: var(--inputFontStyleFocusDesktop); --inputFontColorFocus: var(--inputFontColorFocusDesktop); --inputTextDecorationFocus: var(--inputTextDecorationFocusDesktop); --inputBorderTopFocus: var(--inputBorderTopFocusDesktop); --inputBorderRightFocus: var(--inputBorderRightFocusDesktop); --inputBorderBottomFocus: var(--inputBorderBottomFocusDesktop); --inputBorderLeftFocus: var(--inputBorderLeftFocusDesktop); --inputBackgroundColorFocus: var(--inputBackgroundColorFocusDesktop); /* apply time and date */ --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsDesktop); --timeDateAlignItems: var(--timeDateAlignItemsDesktop); /* apply radio and checkbox */ --radioCheckboxGridColumn: var(--radioCheckboxGridColumnDesktop); --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsDesktop); --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapDesktop); --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayDesktop); --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomDesktop); --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnDesktop); --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsDesktop); --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsDesktop); --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentDesktop); --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfDesktop); --radioCheckboxSize: var(--radioCheckboxSizeDesktop); --radioCheckboxCursor: var(--radioCheckboxCursorDesktop); --labelRadioCheckboxGap: var(--labelRadioCheckboxGapDesktop); /* apply textarea height */ --textareaHeight: var(--textareaHeightDesktop); /* apply radio and checkbox font */ --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeDesktop); --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightDesktop); --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleDesktop); --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorDesktop); --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationDesktop); --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingDesktop); --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightDesktop); /* apply form actions */ --formActionsMarginTop: var(--formActionsMarginTopDesktop); --formActionsTextAlign: var(--formActionsTextAlignDesktop); /* apply submit padding */ --submitPaddingTop: var(--submitPaddingTopDesktop); --submitPaddingBottom: var(--submitPaddingBottomDesktop); --submitPaddingLeft: var(--submitPaddingLeftDesktop); --submitPaddingRight: var(--submitPaddingRightDesktop); /* apply submit border */ --submitBorderTop: var(--submitBorderTopDesktop); --submitBorderRight: var(--submitBorderRightDesktop); --submitBorderBottom: var(--submitBorderBottomDesktop); --submitBorderLeft: var(--submitBorderLeftDesktop); /* apply submit border radius */ --submitBorderRadius: var(--submitBorderRadiusDesktop); /* apply submit font */ --submitFont: var(--submitFontDesktop); --submitFontColor: var(--submitFontColorDesktop); --submitFontSize: var(--submitFontSizeDesktop); --submitFontWeight: var(--submitFontWeightDesktop); --submitFontStyle: var(--submitFontStyleDesktop); --submitTextDecoration: var(--submitTextDecorationDesktop); --submitLetterSpacing: var(--submitLetterSpacingDesktop); --submitLineHeight: var(--submitLineHeightDesktop); --submitBackgroundColor: var(--submitBackgroundColorDesktop); --submitCursor: var(--submitCursorDesktop); --submitWidth: var(--submitWidthDesktop); /* apply submit arrow */ --submitArrowDisplay: var(--submitArrowDisplayDesktop); --submitArrowIcon: var(--submitArrowIconDesktop); --submitArrowSize: var(--submitArrowSizeDesktop); --submitArrowColor: var(--submitArrowColorDesktop); --submitArrowRotate: var(--submitArrowRotateDesktop); --submitArrowGap: var(--submitArrowGapDesktop); /* apply error */ --errorFontColor: var(--errorFontColorDesktop); --errorBorderColor: var(--errorBorderColorDesktop); --errorPlaceholderFontColor: var(--errorPlaceholderFontColorDesktop); /* apply required */ --requiredColor: var(--requiredColorDesktop); --height: min-content; /* apply notification */ --notificationFontColor: var(--notificationFontColorDesktop); --notificationFontColorHover: var(--notificationFontColorHoverDesktop); } @media all and (width .wml{ max-width: 100%; } } @media all and (width < 650px) { .wmc_form { /* field wrapper */ --fieldWrapperDisplayMobile: grid; --fieldWrapperGridTemplateColumnsMobile: 1fr; --fieldWrapperGapMobile: var(--fieldWrapperGapDesktop); /* label */ --labelDisplayMobile: block; --labelPaddingTopMobile: 0px; --labelPaddingBottomMobile: 0px; --labelPaddingLeftMobile: var(--labelPaddingLeftDesktop); --labelPaddingRightMobile: 0px; --labelMarginBottomMobile: var(--labelMarginBottomDesktop); --labelFontSizeMobile: var(--labelFontSizeDesktop); --labelFontColorMobile: var(--labelFontColorDesktop); --labelFontWeightMobile: var(--labelFontWeightDesktop); --labelFontStyleMobile: var(--labelFontStyleDesktop); --labelTextDecorationMobile: var(--labelTextDecorationDesktop); --labelLetterSpacingMobile: var(--labelLetterSpacingDesktop); --labelLineHeightMobile: var(--labelLineHeightDesktop); /* input, select and textarea padding */ --inputPaddingTopMobile: var(--inputPaddingTopDesktop); --inputPaddingBottomMobile: var(--inputPaddingBottomDesktop); --inputPaddingLeftMobile: var(--inputPaddingLeftDesktop); --inputPaddingRightMobile: var(--inputPaddingRightDesktop); /* input, select and textarea border */ --inputBorderTopMobile: var(--inputBorderTopDesktop); --inputBorderRightMobile: var(--inputBorderRightDesktop); --inputBorderBottomMobile: var(--inputBorderBottomDesktop); --inputBorderLeftMobile: var(--inputBorderLeftDesktop); /* input, select and textarea radius */ --inputBorderRadiusMobile: var(--inputBorderRadiusDesktop); /* input, select and textarea font */ --inputFontMobile: var(--inputFontDesktop); --inputFontSizeMobile: var(--inputFontSizeDesktop); --inputFontWeightMobile: var(--inputFontWeightDesktop); --inputFontStyleMobile: var(--inputFontStyleDesktop); --inputFontColorMobile: var(--inputFontColorDesktop); --inputTextDecorationMobile: var(--inputTextDecorationDesktop); --inputLetterSpacingMobile: var(--inputLetterSpacingDesktop); --inputLineHeightMobile: var(--inputLineHeightDesktop); --inputWidthMobile: 100%; --inputHeightMobile: auto; --inputBackgroundColorMobile: var(--inputBackgroundColorDesktop); --inputTextAlignMobile: left; /* input, select and textarea placeholder */ --inputPlaceholderPaddingLeftMobile: var(--inputPlaceholderPaddingLeftDesktop); --inputPlaceholderFontMobile: var(--inputFontMobile); --inputPlaceholderFontSizeMobile: var(--inputFontSizeMobile); --inputPlaceholderFontColorMobile: var(--inputSecondaryColor); --inputPlaceholderFontWeightMobile: var(--inputPlaceholderFontWeightDesktop); --inputPlaceholderFontStyleMobile: var(--inputPlaceholderFontStyleDesktop); --inputPlaceholderTextDecorationMobile: var(--inputPlaceholderTextDecorationDesktop); --inputPlaceholderLetterSpacingMobile: var(--inputPlaceholderLetterSpacingDesktop); --inputPlaceholderLineHeightMobile: var(--inputPlaceholderLineHeightDesktop); /* disclaimer text */ --disclaimerTextFontMobile: var(--disclaimerTextFontDesktop); --disclaimerTextFontSizeMobile: var(--disclaimerTextFontSizeDesktop); --disclaimerTextFontColorMobile: var(--disclaimerTextFontColorDesktop); --disclaimerTextFontWeightMobile: var(--disclaimerTextFontWeightDesktop); --disclaimerTextFontStyleMobile: var(--disclaimerTextFontStyleDesktop); --disclaimerTextDecorationMobile: var(--disclaimerTextDecorationDesktop); --disclaimerTextLetterSpacingMobile: var(--disclaimerTextLetterSpacingDesktop); --disclaimerTextLineHeightMobile: var(--disclaimerTextLineHeightDesktop); /* input, select and textarea padding hover */ --inputPaddingTopHoverMobile: var(--inputPaddingTopHove