:host,:root{--van-action-bar-background:var(--van-background-2);--van-action-bar-height:50px}.van-action-bar{align-items:center;background:var(--van-action-bar-background);bottom:0;box-sizing:content-box;display:flex;height:var(--van-action-bar-height);left:0;position:fixed;right:0}:host,:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-text-color);--van-action-bar-icon-background:var(--van-background-2)}.van-action-bar-icon{background:var(--van-action-bar-icon-background);color:var(--van-action-bar-icon-text-color);cursor:pointer;display:flex;flex-direction:column;font-size:var(--van-action-bar-icon-font-size);height:var(--van-action-bar-icon-height);justify-content:center;line-height:1;min-width:var(--van-action-bar-icon-width);text-align:center}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size);margin:0 auto var(--van-padding-base)}:host,:root{--van-action-bar-button-height:40px;--van-action-bar-button-warning-color:var(--van-gradient-orange);--van-action-bar-button-danger-color:var(--van-gradient-red)}.van-action-bar-button{border:none;border-radius:0;flex:1;font-size:var(--van-font-size-md);font-weight:var(--van-font-bold);height:var(--van-action-bar-button-height)}.van-action-bar-button--first{border-bottom-left-radius:var(--van-radius-max);border-top-left-radius:var(--van-radius-max);margin-left:5px}.van-action-bar-button--last{border-bottom-right-radius:var(--van-radius-max);border-top-right-radius:var(--van-radius-max);margin-right:5px}.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:13px}}.van-action-bar{left:50%!important;max-width:640px;min-width:320px;transform:translate(-50%);width:100%;z-index:10}.van-action-bar-icon__icon{font-size:24px}.van-action-bar-icon{font-size:12px}.van-action-bar-button{font-size:16px}