<commit_before>.sprk-b-InputContainer {
  margin: $sprk-input-container-margin;
  max-width: $sprk-input-max-width;
}

.sprk-b-InputContainer--huge {
  max-width: $sprk-input-container-huge-max-width;
  position: relative;
}

.sprk-b-InputContainer__visibility-toggle {
  margin: $sprk-visibility-control-margin;
}

// Applies to any huge input
.sprk-b-InputContainer--huge .sprk-b-TextInput,
.sprk-b-InputContainer--huge .sprk-b-Select {
  position: relative;
  transition: $sprk-input-huge-transition;
  transition-delay: $sprk-input-huge-transition-delay;
  height: $sprk-input-huge-height;
  border-width: $sprk-input-huge-border-width;
  border-radius: $sprk-text-input-border-radius;
  font-size: $sprk-input-huge-font-size;
  padding: $sprk-input-huge-padding;
  box-shadow: $sprk-input-huge-box-shadow;
}

// Adjust for select open icon
.sprk-b-InputContainer--huge .sprk-b-Select {
  padding-right: $sprk-select-input-huge-padding-right;
}

.sprk-b-InputContainer--huge .sprk-b-TextInput:focus,
.sprk-b-InputContainer--huge .sprk-b-Select:focus {
  border-width: $sprk-input-huge-focus-border-width;
}

/*
* TODO as part of deprecate task:
* delete this selector `.sprk-b-TextInput--float-label`
*/

.sprk-b-InputContainer--huge .sprk-b-TextInput::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder,
.sprk-b-InputContainer--huge .sprk-b-Select.sprk-b-Input--has-floating-label {
  font-size: $sprk-input-huge-font-size;
}

.sprk-b-InputContainer--huge .sprk-b-TextInput:-ms-input-placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInput.sprk-b-TextInput--float-label:-ms-input-placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInput.sprk-b-Input--has-floating-label:-ms-input-placeholder {
  font-size: $sprk-input-huge-font-size;
}

// Applies when input is first direct child of the container div
// to create floating label effect
// Label element must follow the input element

// Huge styles for Monetary Input
.sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput {
  padding: $sprk-text-input-has-icon-padding;
}

// Takes in account the height of the select to position select icon
.sprk-b-InputContainer--huge .sprk-b-SelectContainer__icon {
  margin-top: $sprk-select-input-huge-icon-margin-top;
}

.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
:first-child.sprk-b-TextInput {
  padding: $sprk-text-input-huge-has-text-icon-padding;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput:focus,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-TextInput--float-label,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-Input--has-floating-label {
  opacity: $sprk-input-huge-placeholder-active-opacity;
  padding-top: $sprk-input-huge-active-padding-top;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput:focus::placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden::placeholder {
  opacity: $sprk-input-huge-placeholder-active-opacity;
  transition-delay: $sprk-input-huge-placeholder-transition-delay;
  transition-property: $sprk-input-huge-placeholder-transition-property;
}

.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput::placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput::placeholder {
  opacity: $sprk-input-huge-placeholder-opacity;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput::-ms-input-placeholder {
  opacity: $sprk-input-huge-placeholder-opacity;
}

// IE11 Override
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput:-ms-input-placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:-ms-input-placeholder {
  color: transparent;
  opacity: $sprk-input-huge-placeholder-active-opacity;
  transition: color 0s;
}
// IE11 Override
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:-ms-input-placeholder {
  opacity: $sprk-input-huge-placeholder-active-opacity;
  color: $sprk-placeholder-color;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:focus,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden.sprk-b-TextInput.sprk-b-TextInput--float-label,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden.sprk-b-TextInput.sprk-b-Input--has-floating-label {
  padding: $sprk-input-huge-padding;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden + .sprk-b-Label {
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;<commit_msg>active state placeholder fix for edge<commit_after>.sprk-b-InputContainer {
  margin: $sprk-input-container-margin;
  max-width: $sprk-input-max-width;
}

.sprk-b-InputContainer--huge {
  max-width: $sprk-input-container-huge-max-width;
  position: relative;
}

.sprk-b-InputContainer__visibility-toggle {
  margin: $sprk-visibility-control-margin;
}

// Applies to any huge input
.sprk-b-InputContainer--huge .sprk-b-TextInput,
.sprk-b-InputContainer--huge .sprk-b-Select {
  position: relative;
  transition: $sprk-input-huge-transition;
  transition-delay: $sprk-input-huge-transition-delay;
  height: $sprk-input-huge-height;
  border-width: $sprk-input-huge-border-width;
  border-radius: $sprk-text-input-border-radius;
  font-size: $sprk-input-huge-font-size;
  padding: $sprk-input-huge-padding;
  box-shadow: $sprk-input-huge-box-shadow;
}

// Adjust for select open icon
.sprk-b-InputContainer--huge .sprk-b-Select {
  padding-right: $sprk-select-input-huge-padding-right;
}

.sprk-b-InputContainer--huge .sprk-b-TextInput:focus,
.sprk-b-InputContainer--huge .sprk-b-Select:focus {
  border-width: $sprk-input-huge-focus-border-width;
}

/*
* TODO as part of deprecate task:
* delete this selector `.sprk-b-TextInput--float-label`
*/

.sprk-b-InputContainer--huge .sprk-b-TextInput::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder,
.sprk-b-InputContainer--huge .sprk-b-Select.sprk-b-Input--has-floating-label {
  font-size: $sprk-input-huge-font-size;
}

.sprk-b-InputContainer--huge .sprk-b-TextInput:-ms-input-placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInput.sprk-b-TextInput--float-label:-ms-input-placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInput.sprk-b-Input--has-floating-label:-ms-input-placeholder {
  font-size: $sprk-input-huge-font-size;
}

// Applies when input is first direct child of the container div
// to create floating label effect
// Label element must follow the input element

// Huge styles for Monetary Input
.sprk-b-InputContainer--huge .sprk-b-TextInputIconContainer .sprk-b-TextInput {
  padding: $sprk-text-input-has-icon-padding;
}

// Takes in account the height of the select to position select icon
.sprk-b-InputContainer--huge .sprk-b-SelectContainer__icon {
  margin-top: $sprk-select-input-huge-icon-margin-top;
}

.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
:first-child.sprk-b-TextInput {
  padding: $sprk-text-input-huge-has-text-icon-padding;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput:focus,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-TextInput--float-label,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-Input--has-floating-label {
  opacity: $sprk-input-huge-placeholder-active-opacity;
  padding-top: $sprk-input-huge-active-padding-top;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus::-ms-input-placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput:focus::-ms-input-placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label::-ms-input-placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-TextInput--float-label::-ms-input-placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label::-ms-input-placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-Input--has-floating-label::-ms-input-placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden::-ms-input-placeholder {
  opacity: $sprk-input-huge-placeholder-active-opacity;
  transition-delay: $sprk-input-huge-placeholder-transition-delay;
  transition-property: $sprk-input-huge-placeholder-transition-property;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:focus::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput:focus::placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-TextInput--float-label::placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder,
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput.sprk-b-Input--has-floating-label::placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden::placeholder {
  opacity: $sprk-input-huge-placeholder-active-opacity;
  transition-delay: $sprk-input-huge-placeholder-transition-delay;
  transition-property: $sprk-input-huge-placeholder-transition-property;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput::-ms-input-placeholder {
  opacity: $sprk-input-huge-placeholder-opacity;
}

.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput::placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput::placeholder {
  opacity: $sprk-input-huge-placeholder-opacity;
}

// IE11 Override
.sprk-b-InputContainer--huge
.sprk-b-TextInputIconContainer
.sprk-b-TextInput:-ms-input-placeholder,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput:-ms-input-placeholder {
  color: transparent;
  opacity: $sprk-input-huge-placeholder-active-opacity;
  transition: color 0s;
}
// IE11 Override
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:-ms-input-placeholder {
  opacity: $sprk-input-huge-placeholder-active-opacity;
  color: $sprk-placeholder-color;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden:focus,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden.sprk-b-TextInput.sprk-b-TextInput--float-label,
.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden.sprk-b-TextInput.sprk-b-Input--has-floating-label {
  padding: $sprk-input-huge-padding;
}

.sprk-b-InputContainer--huge > :first-child.sprk-b-TextInput.sprk-b-TextInput--label-hidden + .sprk-b-Label {
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
{'fraction_non_alphanumeric': 0.16668013903483955, 'fraction_numerical': 0.0019400210168943497, 'mean_word_length': 4.25796855078623, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 37, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5201677', 'n_tokens_mistral': 4802, 'n_tokens_neox': 4756, 'n_words': 489}