// =============================================================================
// BC FORM CREDIT CARD FIELDS (Settings)
// =============================================================================


// Bigcommerce Variables
// -----------------------------------------------------------------------------
//
// These scoped variables are created by Bigcommerce.
// All variables that are not from Foundation should be placed here.
// BC variables can take the value of Foundation variables if related to a wider
// component.
//
// 1. Choose whether to include the Bigcommerce class names. This defaults to
//    whether the parent bcForm styles are exported.
//
// -----------------------------------------------------------------------------

$exportCSS--bcForm-ccFields:                        $exportCSS--bcForms !default; // 1

// =============================================================================
// CREDIT CARD FIELDS
// =============================================================================

$form-ccFields-gutter:                              $formRow-flex-gutter !default;
$form-ccFields-margin:                              0 (-$form-ccFields-gutter / 2) !default;
$form-ccFields-padding:                             0 !default;

$form-ccFields-field-padding:                       0 ($form-ccFields-gutter / 2) !default;

$form-ccFields-cvvExpiry-maxWidth:                  remCalc(180px) !important !default;

$form-ccFields-cvvExampleDescription-fontSize:      fontSize("tiny") !default;
$form-ccFields-cvvExampleDescription-text-margin:   0 !default;
$form-ccFields-cvvExampleDescription-marginRight:   spacing("half") !default;
$form-ccFields-cvvExampleFigures-marginBottom:      spacing("half") !default;