@charset "utf-8";

:root, :host { --van-action-bar-button-height: min(10.667vw, 53.333px); --van-action-bar-button-warning-color: var(--van-gradient-orange); --van-action-bar-button-danger-color: var(--van-gradient-red); }

.van-action-bar-button { flex: 1 1 0%; height: var(--van-action-bar-button-height); font-weight: var(--van-font-bold); font-size: var(--van-font-size-md); border: none; border-radius: 0px; }

.van-action-bar-button--first { margin-left: min(1.333vw, 6.667px); border-top-left-radius: var(--van-radius-max); border-bottom-left-radius: var(--van-radius-max); }

.van-action-bar-button--last { margin-right: min(1.333vw, 6.667px); border-top-right-radius: var(--van-radius-max); border-bottom-right-radius: var(--van-radius-max); }

.van-action-bar-button--warning { background: var(--van-action-bar-button-warning-color); }

.van-action-bar-button--danger { background: var(--van-action-bar-button-danger-color); }

@media (max-width: 321px) {
  .van-action-bar-button { font-size: min(3.467vw, 17.333px); }
}