@import "../new-variables";



    .search-field {
        width: 100%;
        display: flex;
        align-items: center;


        .clear-button {
            color: $main-color;
            background-color: $body-bg;
            display: none;
            border: none;
            height: 35px;
        }

        input {
            text-transform: uppercase;
            letter-spacing: 0.22px;
            color: $main-color;
            font-weight: $bold;
            font-size: $text-size-small;
            border: none;
            outline: none;
            padding-left: 15px;
            background-color: $body-bg;
            width: 100%;
            height: 35px;

            &::placeholder {
                text-transform: inherit;
                letter-spacing: inherit;
                color: inherit;
                font-weight: inherit;
                font-size: inherit;
            }
        }

        img {
            border-right: 2px solid $main-color;
            padding-right: 15px;
        }
    }