.ion-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;
}

.ui-header {
  background: var(--ion-color-primary-contrast);
}

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;
  box-shadow: rgba(var(--ion-color-rose-rgb), 0.3) 0px 10px 15px -3px;
}
html.ion-palette-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;
  border-radius: 16px;
  box-shadow: rgba(var(--ion-color-rose-rgb), 0.3) 0px 10px 15px -3px;
}

:root.ios {
  --ion-padding: 20px;
  --ion-margin: 20px;
}
