export default {
  "searchfield": {
    "position": "relative",
    "&:not(.searchfieldForm) > input": {
      "paddingLeft": "2.8125rem",
      "paddingRight": "2.8125rem"
    },
    "&:not(.searchfieldForm) > span.dlsIconSearch": {
      "position": "absolute",
      "padding": "0.625rem",
      "top": "0.25rem",
      "left": "0.25rem"
    },
    "&:not(.searchfieldForm) span [data-dls-icon=search]": {
      "position": "absolute",
      "top": "0.375rem",
      "left": "0.375rem"
    }
  },
  "searchfield_searchfieldForm_button_dlsIconClose": {
    "right": "48px"
  },
  "searchfield_searchfieldForm__btnFormClose": {
    "right": "48px"
  },
  "searchfield_searchfieldForm_input": {
    "paddingRight": "calc(2.8125rem * 2)"
  },
  "searchfield__searchfieldButton": {
    "backgroundColor": "#fff",
    "border": "0.0625rem solid #8e9092",
    "borderRadius": "0 0.25rem 0.25rem 0",
    "color": "#53565a",
    "transition": "border-color 0.25S ease-out",
    "zIndex": "1",
    "&:hover": {
      "backgroundColor": "#f2f2f2"
    }
  },
  "searchfield___input": {
    "&:focus ~ .searchfieldButton": {
      "borderColor": "#006fcf",
      "color": "#006fcf"
    }
  },
  "searchfield_button_dlsIconClose": {
    "zIndex": "2",
    "color": "#53565a",
    "&:focus": {
      "outline": "dashed 1px #53565a",
      "outlineOffset": "-3px"
    }
  },
  "searchfield_button__data_dls_icon_close": {
    "zIndex": "2",
    "color": "#53565a",
    "&:focus": {
      "outline": "dashed 1px #53565a",
      "outlineOffset": "-3px"
    }
  },
  "searchfield__searchResultsItem": {
    "&:not(.searchfieldSuggestionActive):hover": {
      "backgroundColor": "unset"
    },
    "&:not(.searchfieldSuggestionActive) :focus": {
      "backgroundColor": "unset"
    }
  },
  "searchfield_button_btnLoading": {
    "outline": "none",
    "pointerEvents": "none",
    "&:focus": {
      "outline": "none"
    }
  },
  "searchfieldSuggestion_searchfieldSuggestionActive": {
    "backgroundColor": "rgba(0, 0, 0, 0.05)"
  },
  "searchfieldSuggestion_searchfieldSuggestionActive__searchResultsItemLink": {
    "&:active": {
      "backgroundColor": "rgba(0, 0, 0, 0.1)"
    }
  },
  "searchfieldSuggestion__textTruncate": {
    "padding": "0 0.9375rem 0.625rem 0.9375rem",
    "&:last-of-type": {
      "paddingBottom": "0.625rem"
    }
  },
  "searchfield__searchfieldSuggestionActive": {
    "&:not(:hover)": {
      "outline": "dashed 1px #53565a !important",
      "outlineOffset": "-3px"
    },
    "&:focus": {
      "outline": "dashed 1px #53565a",
      "outlineOffset": "-3px"
    }
  },
  "searchfield__searchResultsItemLink": {
    "&:focus": {
      "outline": "dashed 1px #53565a !important",
      "outlineOffset": "-3px"
    }
  }
}