$searchFieldHeight: 30px;

.SearchField {
    display: block;
    height: $searchFieldHeight;
    position: relative;
    width: 100%;

    &-input {
        border: 1px solid $grey_200;
        border-radius: 3px;
        font-size: 14px;
        height: $searchFieldHeight;
        padding: 10px 20px 10px 30px;
        width: 100%;
    }

    &-disabled {
        background: var(--gray-200);
        cursor: default;
        pointer-events: none;
    }

    &-search-icon {
        margin-left: 10px;
        margin-top: 5px;
        position: absolute;
    }

    &-close-icon {
        cursor: pointer;
        margin-left: -30px;
        margin-top: 5px;
        position: absolute;

        & > .Icons-close-round {
            height: 20px;
            width: 20px;
        }
    }
}