.label-scalable {
    position: relative;
    display: inline-block;
    width: 100%;
}

.label-scalable label:first-child {
    position: absolute;
    transition: all 0.2s ease;
    color: #777;
    font-weight: initial;
    transform: translate(0px, 10px);
    cursor: auto;
}

.label-scalable label.scaled:first-child {
    transform: translate(2px, -10px);
    font-size: 14px;
    color: var(--theme-color-2);
    font-family: serif;
    cursor: default;
    z-index: 1;
}

.label-scalable .static-label:first-child {
    transform: translate(2px, -10px) !important;
    font-size: 14px !important;
    color: var(--theme-color-2);
    font-family: serif;
    cursor: default;
}

.label-scalable-form input,
.label-scalable-form textarea,
.label-scalable-form select {
    border: none;
    box-shadow: none !important;
    border-bottom: 1px solid;
    /* -webkit-border-image: -webkit-linear-gradient( 107deg, var(--theme-color-2) 0%, var(--theme-color-2) 100%);
    -o-border-image: -webkit-linear-gradient( 107deg, var(--theme-color-2) 0%, var(--theme-color-2) 100%);
    border-image: -webkit-linear-gradient( 107deg, var(--theme-color-2) 0%, var(--theme-color-2) 100%);
    border-image-slice: 1; */
    border-color: var(--theme-color-2);
    background: transparent;
    color: #666;
    padding-top: 10px;
    padding-left: 2px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    /* height:45px; */
}

.label-scalable-form input[type='text'],
.label-scalable-form select {
    height: 45px;
}