/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!./src/js/fme-ccfw-billing-block/style.scss ***!
  \*******************************************************************************************************************************************************************************************/
#ccfw-billing-fields {
  margin-top: 10px !important;
  width: 100%;
  flex: 1 0 100%;
}

.my-custom-class {
  color: #2b2d2f !important;
  font-size: 22px;
}

.ccfw-select-block {
  color: #2b2d2f;
  max-width: none;
  width: 100%;
}

.wc-blocks-components-select.ccfw-select-block .wc-blocks-components-select__container {
  line-height: normal;
  background: transparent;
}

.ccfw-select-block .wc-blocks-components-select__container > label {
  display: block;
  position: static;
  line-height: 1.4;
  margin: 0 0 0.5em;
  overflow: visible;
  white-space: normal;
  max-width: none;
  left: auto;
  top: auto;
  z-index: auto;
}

.wc-blocks-components-select__container .ccfw-rs__control,
.ccfw-select-block .ccfw-rs__control {
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 0 9px;
  border-color: color-mix(in srgb, currentColor 80%, transparent);
  border-radius: 4px;
  box-shadow: none;
  background-color: #fff;
  line-height: normal;
}

.ccfw-select-block .ccfw-rs__control:hover {
  border-color: color-mix(in srgb, currentColor 80%, transparent);
}

.ccfw-select-block .ccfw-rs__control--is-focused,
.ccfw-select-block .ccfw-rs__control:focus-within {
  border-color: currentColor;
  border-width: 1.5px;
  box-shadow: none;
}

.ccfw-select-block .has-error .ccfw-rs__control,
.ccfw-select-block .has-error.ccfw-rs__control,
.ccfw-select-block .ccfw-rs.has-error .ccfw-rs__control {
  border-color: #cc1818;
}

.wc-blocks-components-select__container .ccfw-rs__value-container,
.ccfw-select-block .ccfw-rs__value-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 2px 8px 2px 12px;
  line-height: 1.4;
  min-height: 1.4em;
}

.wc-blocks-components-select__container .ccfw-rs__placeholder,
.wc-blocks-components-select__container .ccfw-rs__single-value,
.wc-blocks-components-select__container .ccfw-rs__input,
.wc-blocks-components-select__container .ccfw-rs__input-container,
.wc-blocks-components-select__container .ccfw-rs__multi-value,
.ccfw-select-block .ccfw-rs__placeholder,
.ccfw-select-block .ccfw-rs__single-value,
.ccfw-select-block .ccfw-rs__input,
.ccfw-select-block .ccfw-rs__input-container,
.ccfw-select-block .ccfw-rs__multi-value {
  margin: 0;
  line-height: 1.4;
  position: relative;
  top: auto;
  transform: none;
}

.wc-blocks-components-select__container .ccfw-rs__multi-value,
.ccfw-select-block .ccfw-rs__multi-value {
  margin-left: 5px;
}

.ccfw-select-block .ccfw-rs__input input {
  line-height: 1.4;
}

.wc-blocks-components-select__container .ccfw-rs__indicators,
.ccfw-select-block .ccfw-rs__indicators {
  display: flex;
  align-items: center;
  align-self: stretch;
}

.ccfw-select-block .ccfw-rs__menu,
.ccfw-select-block .ccfw-rs__menu-list {
  line-height: normal;
}

.ccfw-select-block .ccfw-rs__option,
.ccfw-select-block [role=option] {
  padding: 8px 12px;
  line-height: 1.4;
}

.ccfw-select-block .ccfw-rs__indicator-separator {
  display: none;
}

.ccfw-textarea-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}

.ccfw-textarea-block > label {
  display: block;
  position: static;
  line-height: 1.4;
  margin: 0 0 0.5em;
  overflow: visible;
  white-space: normal;
  max-width: none;
  left: auto;
  top: auto;
  z-index: auto;
}

.ccfw-textarea-block .wc-block-components-textarea {
  display: block;
  width: 100%;
  min-height: 5em;
  box-sizing: border-box;
}

.ccfw-textarea-block .wc-block-components-textarea.has-error {
  border-color: #cc1818;
}

.ccfw-field-container:has(.ccfw-textarea-block) {
  display: block;
  width: 100%;
  flex: 1 0 100%;
}

.ccfw-radio-block .wc-block-components-radio-control__label {
  margin: 0px !important;
}

.ccfw-radio-block .required, .ccfw-color-block .required {
  color: red;
  margin-left: 5px;
}

.ccfw-heading-block {
  margin-top: 30px !important;
}

.show_label_within_border {
  position: relative;
  margin: 20px 0;
}

.show_label_within_border label {
  position: absolute;
  top: -10px;
  left: 12px;
  background: white;
  padding: 0 6px;
  font-size: 14px;
  color: #555;
}

.show_label_within_border input {
  width: 100%;
  padding: 12px;
  border: 1.5px solid #777;
  border-radius: 6px;
  outline: none;
}

.wc-block-components-form.wc-block-checkout__form .wc-optional-hidden {
  display: none !important;
}

.ccfw-billing-fields {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 15px !important;
}

.ccfw-billing-fields .required {
  color: red;
  margin-left: 5px;
}

/*# sourceMappingURL=style-fme-ccfw-billing-block.css.map*/