.ClearableInput {
    position: relative;

    .form-control::placeholder {
        color: var(--gray-500);
    }

    .clear-container {
        align-items: center;
        display: flex;
        height: 100%;
        position: absolute;
        right: 0;
        top: 12px;
    }

    .clear-button {
        align-items: center;
        background: none;
        border: none;
        display: flex;
        margin-right: 10px;
        padding: 0;
    }
}