@import '../../NewLightboxStyles.scss';

.lb-editableText,
.lb-displayText {
    padding: 4px 7px !important;
    border: $standard-border !important;
    border-color: $gray-l2 !important;
}

.lb-editableText {
  -webkit-appearance: none;
  overflow: hidden;
  font-size: inherit;
  border: none;
  outline: none;
  width: 100%;
  margin: 0px;
  padding: 0px;
  box-shadow: none !important;
  background: none;

  &:focus {
    outline: none;
    background-color: $blue-l1;
  }
}

.lb-displayText {
  cursor: text !important;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: inherit;
}