/* Settings / Bans: reason list fields use the same surface as the General card. */
html.rc-app-bg body #app .suggester-input-wrapper.dark.suggester[data-v-bdd218bc] {
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.rc-app-bg body #app .suggester-input-wrapper.dark.suggester[data-v-bdd218bc] > .input-box {
  overflow: hidden !important;
  min-height: 48px !important;
  padding: 7px 8px !important;
  border: 1px solid rgba(255, 255, 255, .04) !important;
  border-radius: 20px !important;
  outline: 0 !important;
  background: rgba(20, 20, 20, .35) !important;
  background-image: none !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .15) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%) !important;
  backdrop-filter: blur(28px) saturate(140%) !important;
}

html.rc-app-bg body #app .suggester-input-wrapper.dark.suggester[data-v-bdd218bc] > .input-box:focus-within {
  border-color: rgba(255, 255, 255, .04) !important;
  background: rgba(20, 20, 20, .35) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .15) !important;
}

html.rc-app-bg body #app .suggester-input-wrapper.dark.suggester[data-v-bdd218bc] > .input-box > .value {
  margin: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.rc-app-bg body #app .suggester-input-wrapper.dark.suggester[data-v-bdd218bc]
  > .input-box > .value > .item {
  padding: 4px 7px !important;
  color: rgba(255, 255, 255, .9) !important;
  border: 1px solid rgba(255, 255, 255, .04) !important;
  border-radius: 10px !important;
  outline: 0 !important;
  background: rgba(20, 20, 20, .35) !important;
  background-image: none !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .15) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%) !important;
  backdrop-filter: blur(28px) saturate(140%) !important;
}

html.rc-app-bg body #app .suggester-input-wrapper.dark.suggester[data-v-bdd218bc]
  > .input-box > .value > .item p {
  color: rgba(255, 255, 255, .9) !important;
}

html.rc-app-bg body #app .suggester-input-wrapper.dark.suggester[data-v-bdd218bc]
  > .input-box > .value > .item svg {
  fill: rgba(255, 255, 255, .55) !important;
  opacity: .8 !important;
}

html.rc-app-bg body #app .suggester-input-wrapper.dark.suggester[data-v-bdd218bc] > .input-box input {
  color: rgba(255, 255, 255, .9) !important;
  background: transparent !important;
}