:host,:root{--xzx-action-bar-background:var(--xzx-background-2);--xzx-action-bar-height:50px}.xzx-action-bar{align-items:center;background:var(--xzx-action-bar-background);bottom:0;box-sizing:content-box;display:flex;height:var(--xzx-action-bar-height);left:0;position:fixed;right:0}:host,:root{--xzx-action-bar-button-height:40px;--xzx-action-bar-button-warning-color:var(--xzx-gradient-orange);--xzx-action-bar-button-danger-color:var(--xzx-gradient-red)}.xzx-action-bar-button{border:none;border-radius:0;flex:1;font-size:var(--xzx-font-size-md);font-weight:var(--xzx-font-bold);height:var(--xzx-action-bar-button-height)}.xzx-action-bar-button--first{border-bottom-left-radius:var(--xzx-radius-max);border-top-left-radius:var(--xzx-radius-max);margin-left:5px}.xzx-action-bar-button--last{border-bottom-right-radius:var(--xzx-radius-max);border-top-right-radius:var(--xzx-radius-max);margin-right:5px}.xzx-action-bar-button--warning{background:var(--xzx-action-bar-button-warning-color)}.xzx-action-bar-button--danger{background:var(--xzx-action-bar-button-danger-color)}@media (max-width:321px){.xzx-action-bar-button{font-size:13px}}:host,:root{--xzx-action-bar-icon-width:48px;--xzx-action-bar-icon-height:100%;--xzx-action-bar-icon-color:var(--xzx-text-color);--xzx-action-bar-icon-size:18px;--xzx-action-bar-icon-font-size:var(--xzx-text-lg);--xzx-action-bar-icon-active-color:var(--xzx-active-color);--xzx-action-bar-icon-text-color:var(--xzx-text-color);--xzx-action-bar-icon-background:var(--xzx-background-2)}.xzx-active-bar-icon{background:var(--xzx-action-bar-icon-background);color:var(--xzx-action-bar-icon-text-color);cursor:pointer;display:flex;flex-direction:column;font-size:var(--xzx-action-bar-icon-font-size);height:var(--xzx-action-bar-icon-height);justify-content:center;line-height:1;min-width:var(--xzx-action-bar-icon-width);text-align:center}.xzx-active-bar-icon:active{background-color:var(--xzx-action-bar-icon-active-color)}.xzx-active-bar-icon__icon{color:var(--xzx-action-bar-icon-color);font-size:var(--xzx-action-bar-icon-size);margin:0 auto var(--xzx-padding-base)}