.stats-search_container {
    background-color: var(--stats-dropdown-background-color);
    border: var(--stats-dropdown-border);
    border-radius: var(--filters-border-radius);
    font-size: 12px;
    height: 40px;
    line-height: 21px;
    overflow: hidden;
    padding: 6px 6px 6px 35px;
    position: relative;
    text-overflow: ellipsis;
    width: 100%;
}
.stats-search_active .stats-search_container {
    padding-right: 35px;
}
.stats-search_container:focus-visible {
    outline: none;
    border-color: var(--stats-dropdown-border-color-hover);
}

/* iOS zoom prevention using CSS transform technique */
@supports (-webkit-touch-callout: none) {
    .stats-search_container {
        font-size: 16px; /* prevents iOS focus zoom */
    }

    .stats-search_container {
        --scale: 1;
        transform: scale(var(--scale));
        transform-origin: left center;
        width: calc(100% / var(--scale)); /* keep layout width */
    }
}
.stats-search_container::placeholder {
    color: var(--stats-disabled);
}
.stats-search_magnifier {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%236B7280' d='m19.726 17.291-3.894-3.894a.937.937 0 0 0-.664-.273h-.636a8.084 8.084 0 0 0 1.718-5A8.123 8.123 0 0 0 8.126 0 8.123 8.123 0 0 0 .002 8.124a8.123 8.123 0 0 0 8.124 8.124c1.886 0 3.62-.64 5-1.718v.636c0 .25.097.489.273.665l3.894 3.894a.933.933 0 0 0 1.324 0l1.105-1.106a.942.942 0 0 0 .004-1.328Zm-11.6-4.167c-2.762 0-5-2.234-5-5 0-2.761 2.235-5 5-5 2.761 0 5 2.235 5 5 0 2.762-2.235 5-5 5Z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    left: 10px;
    filter: var(--stats-dropdown-icon-filter);
}
.stats-search_reset {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9638_47493)'%3E%3Cpath d='M12.0416 1.89914C12.4136 1.52711 13.0178 1.52711 13.3898 1.89914C13.7619 2.27116 13.7619 2.87533 13.3898 3.24735L8.34817 8.28604L13.3869 13.3277C13.7589 13.6997 13.7589 14.3039 13.3869 14.6759C13.0148 15.0479 12.4107 15.0479 12.0386 14.6759L6.99995 9.63425L1.95829 14.6729C1.58626 15.045 0.982096 15.045 0.610073 14.6729C0.238049 14.3009 0.238049 13.6968 0.610073 13.3247L5.65174 8.28604L0.613049 3.24437C0.241025 2.87235 0.241025 2.27116 0.613049 1.89914C0.985073 1.52711 1.58924 1.52711 1.96126 1.89914L6.99995 6.93783L12.0416 1.89914Z' fill='%236B7280'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9638_47493'%3E%3Crect width='13.3333' height='15.2381' fill='white' transform='translate(0.333313 0.666992)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 40px;
    filter: var(--stats-dropdown-icon-filter);
    animation: fadeIn 0.3s ease-in-out;
}