.bar{--bg-color:rgba(0,0,0,.6);--opacity:.95;--item-separator-color:rgba(0, 0, 0, .1);--box-shadow:none;--icon-fs:1.25rem;--fs:.7rem;--fw:550;--padding-x:calc(var(--spacer) / 2);--padding-y:calc(var(--spacer) / 1);position:fixed;top:300px;right:0;background-color:var(--bg-color);opacity:var(--opacity);box-shadow:var(--box-shadow);overflow:hidden;border-radius:var(--border-radius) 0 0 var(--border-radius);min-width:77px}@media(min-width:992px){.bar{display:block!important}}.bar-items{display:flex;flex-wrap:wrap;flex-direction:column}.bar-item{font-weight:var(--fw);color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-inline:var(--padding-x);padding-block:var(--padding-y);gap:calc(var(--spacer) / 3);flex:1;font-size:var(--fs)}.bar-item:not(:last-of-type){border-bottom:1px solid var(--item-separator-color)}.bar-item:hover{background-color:var(--primary-darken);color:#fff!important}.bar-item-icon{position:relative}.bar-item .icon{font-size:var(--icon-fs)}.bar .badge--fav{transform:translate(-45%,-45%)}.bar-item--fav{display:none}.bar-item--fav:has([data-fav-total="1"]){display:flex}