.apbar,.apbar *{box-sizing:border-box}
.apbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--ab-z,9998);direction:rtl;font-family:inherit;pointer-events:none;transition:transform .28s ease,opacity .2s;--abg:var(--ab-bg);--abgs:var(--ab-bgs);--abt:var(--ab-tx)}
.apbar[data-theme=dark]{--abg:var(--ab-bgd);--abgs:var(--ab-bgsd);--abt:var(--ab-txd)}
@media(prefers-color-scheme:dark){.apbar[data-theme=auto]{--abg:var(--ab-bgd);--abgs:var(--ab-bgsd);--abt:var(--ab-txd)}}
.apbar.apbar-hide{transform:translateY(130%)}
.apbar.apbar-off{display:none!important}
.apbar-in{pointer-events:auto;display:flex;align-items:stretch;justify-content:space-around;height:var(--ab-h,64px);max-width:var(--ab-mw,none);margin:0 auto;background:var(--abg);border-top:1px solid var(--ab-bd);box-sizing:content-box;padding-bottom:env(safe-area-inset-bottom);border-radius:var(--ab-r,0) var(--ab-r,0) 0 0;-webkit-backdrop-filter:blur(var(--ab-blur,0));backdrop-filter:blur(var(--ab-blur,0))}
.apbar-sh .apbar-in{box-shadow:0 -6px 22px rgba(0,0,0,.09)}
.apbar-float{padding:0 var(--ab-m,10px) calc(var(--ab-m,10px) + env(safe-area-inset-bottom))}
.apbar-float .apbar-in{border:1px solid var(--ab-bd);border-radius:var(--ab-r,22px);padding-bottom:0;max-width:var(--ab-mw,none)}
.apbar-float.apbar-sh .apbar-in{box-shadow:0 10px 28px rgba(0,0,0,.16)}
.apbar a.apbar-i{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--abt);text-decoration:none!important;font-size:var(--ab-fs,11px);font-weight:var(--ab-fw,600);line-height:1.2;position:relative;-webkit-tap-highlight-color:transparent;outline:0;box-shadow:none;border:0;background:none}
.apbar a.apbar-i:focus-visible{outline:2px solid var(--ab-ac);outline-offset:-4px;border-radius:12px}
.apbar-ic{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ab-is,24px) + 26px);height:calc(var(--ab-is,24px) + 10px);border-radius:999px;transition:background .2s,transform .18s,color .2s}
.apbar-svg,.apbar-ic img{width:var(--ab-is,24px);height:var(--ab-is,24px);display:block;flex:none}
.apbar-ic img{object-fit:contain}
.apbar-lb{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.apbar-nolabel .apbar-lb{display:none}
.apbar a.apbar-i.on{color:var(--ab-ac)}
.apbar-a-pill a.on .apbar-ic{background:rgba(37,99,235,.12);background:color-mix(in srgb,var(--ab-ac) 14%,transparent)}
.apbar-a-dot a.on::after{content:"";position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--ab-ac)}
.apbar-nolabel.apbar-a-dot a.on::after{bottom:7px}
.apbar-a-line a.on::before{content:"";position:absolute;top:-1px;width:34px;height:3px;border-radius:0 0 4px 4px;background:var(--ab-ac)}
.apbar-bdg{position:absolute;top:-2px;inset-inline-end:2px;min-width:17px;height:17px;border-radius:9px;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;font-style:normal;line-height:1}
/* centre button */
.apbar a.apbar-fab{overflow:visible}
.apbar-fab .apbar-ic{width:var(--ab-fs2,58px);height:var(--ab-fs2,58px);margin-top:calc(-1 * var(--ab-lift,18px));background:var(--ab-fab);color:var(--ab-fabtx);box-shadow:0 8px 18px rgba(0,0,0,.25)}
.apbar a.apbar-fab.on .apbar-ic{background:var(--ab-fab)}
.apbar a.apbar-fab{color:var(--abt)}
.apbar a.apbar-fab.on{color:var(--ab-ac)}
.apbar-ring .apbar-fab .apbar-ic{border:5px solid var(--abgs)}
.apbar-fab .apbar-svg,.apbar-fab .apbar-ic img{width:calc(var(--ab-fs2,58px) * .46);height:calc(var(--ab-fs2,58px) * .46)}
/* press */
.apbar-p-scale a.apbar-i:active .apbar-ic{transform:scale(.86)}
.apbar-p-bounce a.apbar-i:active .apbar-ic{animation:apbarb .35s}
@keyframes apbarb{0%{transform:scale(1)}40%{transform:scale(.8)}70%{transform:scale(1.12)}100%{transform:scale(1)}}
body.apbar-pad{padding-bottom:var(--ab-total,80px)!important}
@media print{.apbar{display:none!important}}