:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
.enable-input-mask {
  position: relative;
  display: inline-flex;
  white-space: break-spaces;
}
.enable-input-mask__input {
  color: transparent;
}
.enable__is-dark-mode .enable-input-mask__input {
  color: transparent;
}
.enable-input-mask__input::selection {
  color: transparent;
}
.enable-input-mask__input,
.enable-input-mask__mask {
  font-family: "Helvetica", "Arial", sans-serif;
}
.enable-input-mask__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 3px;
  z-index: 1;
}
.enable-input-mask__mask-pre-val,
.enable-input-mask__mask-mid-val,
.enable-input-mask__mask-post-val {
  display: inline-block;
}
.enable-input-mask__input:focus + .enable-input-mask__mask .enable-input-mask__mask-post-val::before {
  content: "\00a0";
  display: inline-block;
  height: calc(100% - 6px);
  width: 1px;
  overflow: hidden;
  margin: 2px 0;
  background-color: #000;
  animation: blink 1.1s infinite steps(1, start);
  position: absolute;
}
.enable__is-dark-mode .enable-input-mask__input:focus + .enable-input-mask__mask .enable-input-mask__mask-post-val::before {
  background-color: #ededed;
  animation: blink-dark-mode 1.1s infinite steps(1, start);
}
.enable-input-mask__input:focus + .enable-input-mask__mask .enable-input-mask__mask-post-val:empty::after {
  content: "\00a0";
}
.enable-input-mask__input:focus + .enable-input-mask__mask .enable-input-mask__mask-mid-val:not(:empty) + .enable-input-mask__mask-post-val::before {
  background: transparent;
  animation: none;
}
.enable-input-mask__input:focus + .enable-input-mask__mask .enable-input-mask__mask-mid-val:not(:empty) {
  background: #b4d5fe;
}
.enable__is-dark-mode .enable-input-mask__input:focus + .enable-input-mask__mask .enable-input-mask__mask-mid-val:not(:empty) {
  color: #121212;
}
@keyframes blink {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: black;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes blink-dark-mode {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #ededed;
  }
  100% {
    background-color: transparent;
  }
}
/*# sourceMappingURL=input-mask.css.map */