@use 'vars' as *;

/**
 * хак подсветки автозаполненных инпутов
 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: var(--input-autofill-text, #{$input-autofill-text}) !important;
  color: var(--input-autofill-text, #{$input-autofill-text}) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/**
 * Убирает иконку автозаполнения паролей на сафари
 */
input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}

/**
 * Убирает дефолтные браузерные приблуды с поискового инпута
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  appearance:none;
}