:root {
  --background: 0 0% 95%;
  --foreground: 0 0% 28%;
  --button-radius: var(--radius);
  --card: 0 0% 100%;
  --card-foreground: var(--foreground);
  --card-radius: var(--radius);
  --card-padding: 1rem;
  --card-shadow: 0 1px 3px 0 rgb(0 10 20 / 0.1),
    0 1px 2px -1px rgb(0 10 20 / 0.1);
  --card-hover-shadow: 0 10px 15px 0 rgb(0 10 20 / 0.1),
    0 4px 6px -4px rgb(0 10 20 / 0.1);
  --popover: 0 0% 100%;
  --popover-foreground: var(--foreground);
  --brand-primary: 43 74% 49%;
  --brand-primary-foreground: 0 0% 0%;
  --brand-primary-darken: 42 69% 40%;
  --brand-primary-darken-foreground: 0 0% 0%;
  --brand-secondary: 194 52% 32%;
  --brand-secondary-foreground: 0 0% 100%;
  --brand-secondary-darken: 195 48% 26%;
  --brand-secondary-darken-foreground: 0 0% 100%;
  --muted: 0 0% 95%;
  --muted-foreground: 0 0% 28%;
  --accent: 0 0% 97%;
  --accent-foreground: 0 0% 9%;
  --highlight: var(--brand-primary);
  --highlight-foreground: var(--brand-primary-foreground);
  --border: 0 0% 95%;
  --input: 0 0% 82%;
  --ring: var(--brand-primary);
  --radius: 0.375rem;
}

#searchbox-tab-trip-two
  .tw-flex.tw-flex-col.tw-gap-2
  > .\!tw-text-muted-foreground,
#searchbox-tab-ship .tw-flex.tw-flex-col.tw-gap-2 > .\!tw-text-muted-foreground,
#searchbox-tab-ship
  label.tw-text-sm.tw-font-semibold.tw-leading-none.peer-disabled\:tw-cursor-not-allowed.\!tw-text-muted-foreground.peer-disabled\:tw-opacity-70.\!tw-m-0.tw-text-base.\!tw-text-white,
#searchbox-tab-trip
  .tw-flex.tw-flex-col.tw-gap-2
  > .\!tw-text-muted-foreground {
  /* \#fff vagy #000 */
  color: #fff !important;
}

.tw-bg-card .tw-flex.tw-flex-wrap.tw-gap-2 .tw-text-brand-primary-foreground,
.group\/card .tw-flex.tw-flex-wrap.tw-gap-2 .tw-text-brand-primary-foreground {
  color: #fff !important;
}