.ui-toolbar {
  --background: var(--ion-color-primary-contrast);
  --min-height: 50px;
}

.ui-select::part(label){
  font-size: 14px;
  font-weight: 500;
}

.ui-button {
  --border-radius: 8px;
}

ion-datetime.ui-datetime {
  --background: rgb(255 255 255);
  --background-rgb: 255, 255, 255;
  --wheel-highlight-background: rgb(194 194 194);
  --wheel-fade-background-rgb: 255, 255, 255;
  border-radius: 16px;
  overflow: hidden;
}
@media (prefers-color-scheme: dark) {
  ion-datetime.ui-datetime {
    --background: rgb(15, 15, 15);
    --background-rgb: 15, 15, 15;
    --wheel-highlight-background: rgb(50, 50, 50);
    --wheel-highlight-border-radius: 48px;
    --wheel-fade-background-rgb: 15, 15, 15;
  }
}