@use '../../NewLightboxStyles.scss' as newstyles;

.lb-editableText,
.lb-displayText {
    padding: 4px 7px !important;
    border: newstyles.$standard-border !important;
    border-color: newstyles.$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: newstyles.$blue-l1;
    }
}

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