/* Выпадающий список с собственной стрелкой: нативная стрелка браузера прижимается к краю при свободном padding.
   Стрелка рисуется фоном и отступает от правого края на 14px.
   !important нужен, потому что блоки задают padding и фон через #id или более длинные селекторы. */

select.ui-select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 34px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%235b6b82' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 12px !important;
}