@import "../../../assets/scss/variables";

.blocked-input {

  label {
    display: flex;
    gap: 5px;
    justify-content: center;
  }

  &--element {
    width: 0px;
    height: 0px;
    border: none;

    &:focus {

      ~ div {
        border: 1px solid #D0E4FF !important;
      }
    }
  }


  &--block {
    gap: 12px;
    width: 67px;
    height: 80px;
    background: $form-background;
    border: 1px solid $form-background;
    color: $text-color;
    text-align: center;
    line-height: 80px;
    font-size: 4rem;
    font-weight: 200;

  }

  &.has-error .blocked-input--block {
    border-color: #EE6969 !important;
  }

}