@import '../../styles/constants';

.InputComponent {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;

    width: 100%;
    height: 40px;

    &__label {

        color: $primary-color-white;
        font-size: 12px;
        font-family: $font-stack;
    }

    &__input {

        position: relative;

        box-sizing: border-box;
        width: 100%;
        height: 25px;
        margin-top: 0;
        padding: 4px 5px;

        color: $secondary-color-gray;
        font-size: 12px;
        font-family: $font-stack;

        border: none;
        border-radius: 3px;
        outline: none;

        cursor: text;
    }

    .TooltipComponent {
        top: -11px;
        left: 0;
    }
}