@use '../../../styles/tools' as *;
@use '../../settings/variables' as theme-variables;
@import 'variables';

ion-item {
  // --background: #{$item-background-color};
  --min-height: 20px;
  --border-radius: #{theme-variables.$border-radius-default};
  // --border-width: 0px;
  // --border-style: solid;
  // --padding-top: 0px;
  // --padding-bottom: 0px;
  // --padding-end: 0px;
  // --padding-start: 0px;
  // --inner-border-width: 0px;
  // --inner-padding-top: 0px;
  // --inner-padding-bottom: 0px;
  // --inner-padding-start: 0px;
  // --inner-padding-end: 0px;
  // --inner-box-shadow: none;
  // --show-full-highlight: 0;
  // --show-inset-highlight: 0;
  // --detail-icon-color: initial;
  // --detail-icon-font-size: 20px;
  // --detail-icon-opacity: 0.25;
  // --color-activated: var(--color);
  // --color-focused: var(--color);
  // --color-hover: var(--color);
  // --ripple-color: currentColor;
  
  // --min-height: 44px;
  // --transition: background-color 200ms linear, opacity 200ms linear;
  // --padding-start: 20px;
  // --inner-padding-end: 10px;
  // --inner-border-width: 0px 0px 0.55px 0px;
  // --background: var(--ion-item-background, var(--ion-background-color, #fff));
  // --background-activated: #000;
  // --background-focused: #000;
  // --background-hover: currentColor;
  // --background-activated-opacity: .12;
  // --background-focused-opacity: .15;
  // --background-hover-opacity: .04;
  // --border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));
  // --color: var(--ion-item-color, var(--ion-text-color, #000));
  // --highlight-height: 0px;
  // --highlight-color-focused: var(--ion-color-primary, #3880ff);
  // --highlight-color-valid: var(--ion-color-success, #2dd36f);
  // --highlight-color-invalid: var(--ion-color-danger, #eb445a);
  // --bottom-padding-start: 0px;
}

ion-item {
  @include transition-default();
  .icon-help-circle {
    color: var(--sd-input-icon-hint-color)
  }
}