/* Keep Kendo's clear control available only while its input has focus. */
.k-combobox .k-clear-value,
.k-autocomplete .k-clear-value,
.k-multiselect .k-clear-value {
    display: none;
}

.k-combobox:focus-within .k-clear-value,
.k-autocomplete:focus-within .k-clear-value,
.k-multiselect:focus-within .k-clear-value {
    display: inline-flex;
    height: stretch;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    opacity: 1 !important;
}

.k-clear-value .k-svg-icon {
    opacity: 0.5;
}

.k-combobox:focus-within input,
.k-autocomplete:focus-within input,
.k-multiselect:focus-within input {
    border-right: 0px;
}

.k-clear-value:hover .k-svg-icon,
.k-clear-value.k-hover .k-svg-icon {
    opacity: 1;
}