.dialog-filter-input-field{--input-text-color: var(--black-1);--input-placeholder-color: var(--black-2);--input-border-color: var(--blue-4);--input-border-hover-color: var(--blue-1);--input-animated-placeholder-top: -10px;--input-padding-block-start: calc(-1 * var(--input-animated-placeholder-top) / 2)}.dialog-filter-input-field{position:relative;border:var(--app-border);border-color:var(--input-border-color);background-color:var(--white);border-radius:8px}.dialog-filter-input-field:hover,.dialog-filter-input-field:focus{border-color:var(--input-border-hover-color)}.dialog-filter-input-filed__input{height:100%;padding:0 16px;display:flex;align-items:center;line-height:20px;font-weight:400;color:var(--input-text-color)}.dialog-filter-input-field[aria-expanded=true]>.dialog-filter-input-field__placeholder,.dialog-filter-input-filed__input:not(:empty)+.dialog-filter-input-field__placeholder{top:var(--input-animated-placeholder-top);font-size:14px;margin-top:0;padding:0 3px;background-color:var(--white);max-width:calc(100% - var(--placeholder-padding) * 2)}.dialog-filter-input-field[aria-expanded=true]>.dialog-filter-input-field__icons .dialog-filter-input-field{transform:rotate(180deg);transition:transform .2s}.dialog-filter-input-filed__input>*{max-width:calc(100% - 16px)}.dialog-filter-input-field:has(.dialog-filter-input-field__icons>:nth-child(2):last-child) .dialog-filter-input-filed__input>*{max-width:calc(100% - 42px)}.dialog-filter-input-field__placeholder{--placeholder-padding: 16px;--arrow-size: 16px;--arrow-gap: 10px;position:absolute;max-width:calc(100% - var(--placeholder-padding) * 2 - var(--arrow-size) - var(--arrow-gap));top:50%;margin-top:-10px;left:var(--placeholder-padding);height:20px;transition:font-size .2s,top .2s;color:var(--black-2)}.dialog-filter-input-field__icons{position:absolute;top:calc(50% - 8px);right:16px;height:16px;display:flex;align-items:center;gap:10px}.dialog-filter-input-field__icons>svg{flex-shrink:0}