.fi-ta-ctn {
    --stunix-searchbox-placeholder: #c2c8d2;
    --stunix-searchbox-icon: #b9c0cb;
    --stunix-searchbox-input: #516071;
    --stunix-searchbox-clear: #7c8491;
    --stunix-searchbox-clear-hover: #626b78;
}

.dark .fi-ta-ctn {
    --stunix-searchbox-placeholder: #939bad;
    --stunix-searchbox-icon: #959caf;
    --stunix-searchbox-input: #e7edf7;
    --stunix-searchbox-clear: #8c94a1;
    --stunix-searchbox-clear-hover: #c6ccd6;
}

.fi-ta-ctn .fi-ta-header-toolbar { margin-top: 2px; }

.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field { flex: 1 1 auto; min-width: 0; }

.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field :is(.fi-input-wrp, input) { min-height: 2.7rem; }
.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field .fi-input-wrp {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0.9rem;
    box-shadow: none !important;
}

.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field .fi-input-wrp-prefix { padding-inline: 0.55rem; }
.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field .fi-icon { color: var(--stunix-searchbox-icon); }
.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field .fi-input-wrp-content-ctn { display: flex; align-items: center; }
.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field input {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    color: var(--stunix-searchbox-input);
    font-size: 0.95rem;
    line-height: 1.2;
}

.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field input::placeholder { color: var(--stunix-searchbox-placeholder); opacity: 1; }
.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field input[type='search']::-webkit-search-cancel-button {
    width: 0.9rem;
    height: 0.9rem;
    margin-left: 0.45rem;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background: var(--stunix-searchbox-clear);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.75 5.75l8.5 8.5m0-8.5l-8.5 8.5' stroke='black' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.75 5.75l8.5 8.5m0-8.5l-8.5 8.5' stroke='black' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field input[type='search']:is(:hover, :focus)::-webkit-search-cancel-button { background: var(--stunix-searchbox-clear-hover); }

@media (max-width: 640px) {
    .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field :is(.fi-input-wrp, input) { min-height: 2.85rem; }
    .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-search-field input { font-size: 0.875rem; }
}