.van-material-action-bar {
  --van-material-action-bar-title-font-size: 15px;
  --van-material-action-bar-title-font-weight: var(--van-font-weight-bold);

  position: relative;
  padding: 10px var(--van-padding-md);
  &--selected {
    padding: 10px var(--van-padding-md);
    background: var(--van-gray-2);
    border-radius: 8px;

    &::after { display: none; }
  }

  &:not(:last-child)::after {
    position: absolute;
    right: var(--van-padding-md);
    bottom: 0;
    left: var(--van-padding-md);
    height: 1px;
    background: var(--van-border-color);
    transform: scaleY(.5);
    content: '';
  }

  &__main { display: flex; align-items: center; min-height: 22px; }
  &__detail { display: inline-flex; flex: 1 1 0; gap: 2px; align-items: center; min-width: 0; padding: 0; overflow: hidden; color: var(--van-gray-9); font: inherit; font-size: var(--van-material-action-bar-title-font-size); font-weight: var(--van-material-action-bar-title-font-weight); line-height: var(--van-line-height-lg); text-align: left; background: transparent; border: 0; cursor: pointer; transition: opacity var(--van-animation-duration-fast); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
  &__stepper-prefix { flex: none; margin: 0 4px 0 8px; color: var(--van-text-color-2); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); }
  &__stepper-wrapper { position: relative; flex: none; margin-left: 4px; }
  &__kind-tag { flex: none; margin-left: 4px; }
  &__stepper { flex: none; margin-left: 0; --van-stepper-input-width: 24px; --van-stepper-input-height: 18px; --van-stepper-input-font-size: var(--van-font-size-md); --van-stepper-input-line-height: var(--van-line-height-lg); }
  &__number-trigger { position: absolute; z-index: 1; top: 0; left: 18px; width: 24px; height: 18px; padding: 0; background: transparent; border: 0; cursor: pointer; }
  &__unit { display: flex; flex: none; align-items: center; width: 32px; height: 18px; margin-left: 8px; overflow: hidden; color: var(--van-text-color-2); font-size: var(--van-font-size-md); line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
  &__desc { margin: 6px 0 0; overflow: hidden; color: var(--van-gray-6); font-size: var(--van-font-size-md); line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
  &__warning { margin: 2px 0 0; color: var(--van-red-500); font-size: var(--van-font-size-sm); line-height: 20px; }
  &__picking-outbound { display: flex; gap: 4px; margin: 2px 0 0; color: var(--van-text-color); font-size: var(--van-font-size-sm); line-height: 20px; }
  &__picking-label { color: var(--van-gray-6); }
  &__picking-value { font-weight: 600; }
  &__bottom { display: flex; flex-direction: column; gap: 2px; margin-top: 2px; }
  &__keyword { color: var(--van-primary-color); }
}