@import "../../themes/native/native.globals.ios";
@import "./picker";

:host .picker-before {
  background: linear-gradient(
    to bottom,
    rgba(#{$picker-fade-background}, 1) 20%,
    rgba(#{$picker-fade-background}, 0.8) 100%
  );
}

:host .picker-after {
  background: linear-gradient(
    to top,
    rgba(#{$picker-fade-background}, 1) 20%,
    rgba(#{$picker-fade-background}, 0.8) 100%
  );
}

:host .picker-highlight {
  background: var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)));
}