ion-toolbar {
  padding: 16px 8px;
}

ion-list.list-ios {
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

ion-list[class*="list"] {
  padding: 0;
}

ion-item {
  --border-width: 0;
  --inner-border-width: 0;
  --inner-padding-end: 20px;

  &.action-button {
    --min-height: 42px;

    ion-button {
      min-width: calc((100% - 32px) / 2);
      margin: auto;
    }
  }

  &.select {
    ion-label:first-of-type {
      display: none;
    }

    ion-select {
      min-width: 100%;
    }
  }

  small {
    color: var(--ion-color-medium);
  }
}

ion-item-divider {
  &:first-child {
    ion-label {
      margin-top: 0;
    }
  }

  ion-label {
    margin: 16px 0 4px;
  }

  &.item {
    ion-label[class*="sc-ion-label"] {
      white-space: inherit;
    }
  }
}

ion-button.delete {
  --color: var(--ion-color-medium);
  --color-activated: var(--ion-color-medium);
  --border-color: var(--ion-color-light);
  --background-activated: white;
}

ion-segment {
  ion-segment-button {
    text-transform: none;
    font-size: var(--font-size-normal);
    font-weight: 400;

    --indicator-color: black;
    --color-checked: black;

    &:first-of-type {
      margin-left: 8px;
    }

    &:last-of-type {
      margin-right: 8px;
    }
  }
}

ion-item.item-range {
  --padding-start: 12px;
}
