.i23-cbp-bar{display:flex;position:fixed;z-index:999999;left:var(--i23-margin);right:var(--i23-margin);bottom:calc(var(--i23-margin) + env(safe-area-inset-bottom));height:var(--i23-h);gap:var(--i23-gap);overflow:hidden;border-radius:var(--i23-radius)}
.i23-cbp-bar.has-shadow{box-shadow:0 -4px 18px rgba(0,0,0,.22)}
.i23-cbp-btn{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--btn-gap);padding:8px 10px;background:var(--btn-bg);color:var(--btn-text)!important;font-family:var(--btn-font);font-size:var(--btn-size);font-weight:var(--btn-weight);line-height:1.05;text-decoration:none!important;text-align:center;transition:.18s ease;-webkit-tap-highlight-color:transparent}
.i23-cbp-btn:hover,.i23-cbp-btn:focus{background:var(--btn-hover);color:var(--btn-text)!important;text-decoration:none!important}
.i23-cbp-bar.has-separator .i23-cbp-btn:not(:last-child):after{content:"";position:absolute;right:calc(var(--i23-gap)/-2);top:15%;bottom:15%;width:var(--i23-separator-width);background:var(--i23-separator);z-index:2}
.i23-cbp-icon{width:23px;height:23px;flex:0 0 23px;display:inline-flex;color:var(--btn-icon)}
.i23-cbp-icon svg{width:100%;height:100%;fill:currentColor}
.i23-cbp-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.i23-cbp-btn.icon-top{flex-direction:column}
.i23-cbp-btn.icon-right{flex-direction:row-reverse}
.i23-cbp-btn.is-uppercase{text-transform:uppercase}
.i23-cbp-btn.is-italic{font-style:italic}
@media(max-width:380px){
  .i23-cbp-btn{padding-left:5px;padding-right:5px;font-size:min(var(--btn-size),14px)}
  .i23-cbp-icon{width:20px;height:20px;flex-basis:20px}
}