@import '../../style';

.text-field {
    display: flex;
    flex-direction: column;

    .label-text {
        cursor: pointer;
        font-weight: 600;
        vertical-align: middle;
        padding: 0.375rem 1.5rem 0.375rem 0;
    }

    .mk-invalid {
        border-color: nb-theme(input-danger-border-color);
    }

    .mk-invalid:focus {
        border-color: nb-theme(input-danger-focus-border-color);
    }

    .mk-invalid:hover {
        border-color: nb-theme(input-danger-hover-border-color);
    }

    //TODO: find other way instead of ng-deep
    ::ng-deep {
        nb-spinner {
            background-color: transparent;
            margin-left: calc(100% - 30px);
        }
    }
}

.errors {
    color: nb-theme(color-danger-500);
}