/* SearchBar Styles */

.unity-search-bar {
    flex-direction: row;
}

.unity-search-bar__search-field {
    width: auto;
    flex: 1 1 auto;
    font-size: 12px;
    padding: 1px;
    border-radius: 2px;
    margin: 1px 0;
}

.unity-search-bar__search-field #unity-text-input {
    padding: 0;
    margin-top: 1px;
    font-size: 12px;
}

.unity-search-bar__search-field #unity-search {
    flex: var(--fixed-size);
    height: var(--icon-size);
    width: var(--icon-size);
}

.dark .unity-search-bar__search-field #unity-search {
    background-image: resource("Packages/com.unity.collab-proxy/Editor/Assets/Icons/search-dark.png");
}

.light .unity-search-bar__search-field #unity-search {
    background-image: resource("Packages/com.unity.collab-proxy/Editor/Assets/Icons/search-light.png");
}

.unity-search-bar__search-field #unity-cancel {
    flex: var(--fixed-size);
    height: var(--icon-size);
    width: var(--icon-size);
    margin-top: 0;
}

.dark .unity-search-bar__search-field #unity-cancel {
    background-image: resource("Packages/com.unity.collab-proxy/Editor/Assets/Icons/clear-dark.png");
}

.light .unity-search-bar__search-field #unity-cancel {
    background-image: resource("Packages/com.unity.collab-proxy/Editor/Assets/Icons/clear-light.png");
}

.unity-search-bar__search-field #unity-cancel.unity-search-field-base__cancel-button--off {
    background-image: none;
}

.unity-search-bar__placeholder {
    position: absolute;
    top: 4px;
    left: 20px;
}

.dark .unity-search-bar__placeholder {
    color: var(--dark-placeholder-text-color);
}

.light .unity-search-bar__placeholder {
    color: var(--light-placeholder-text-color);
}