#coffee-form {
  padding: var(--gin-spacing-xxs);
  background: #000;
  border-radius: var(--gin-border-l);
}

#coffee-form #coffee-form-inner,
#coffee-form #coffee-q {
  color: var(--gin-color-title);
  background: var(--gin-bg-layer);
  border-radius: var(--gin-border-m);
}

#coffee-form #coffee-results a {
  color: var(--gin-color-title);
  border-radius: var(--gin-border-m);
}

#coffee-form #coffee-results a .description {
  color: var(--gin-color-text-light);
  padding-block-start: var(--gin-spacing-xxs);
}

#coffee-form #coffee-results a:hover, #coffee-form #coffee-results a.ui-state-active {
  background: var(--gin-color-primary);
}

#coffee-form #coffee-results a:hover, #coffee-form #coffee-results a:hover .description, #coffee-form #coffee-results a.ui-state-active, #coffee-form #coffee-results a.ui-state-active .description {
  color: var(--gin-color-button-text);
}

#coffee-form #coffee-results a:hover .description, #coffee-form #coffee-results a.ui-state-active .description {
  opacity: .9;
}

#coffee-form .ui-autocomplete {
  background: transparent;
  box-shadow: none;
}

#coffee-form .ui-autocomplete .ui-menu-item-wrapper {
  padding: var(--gin-spacing-m);
}

