.bar{--bar-bg-color:var(--gray);--bar-spacing:1rem;--bar-border-top-color:rgba(0,0,0,.1);--bar-opacity:.95;--bar-item-separator-color:rgba(0, 0, 0, .1);--bar-box-shadow:0 5px 10px rgba(0, 0, 0, .4);position:sticky;bottom:0;background-color:var(--bar-bg-color);border-top:1px solid var(--bar-border-top-color);opacity:var(--bar-opacity);display:block;box-shadow:var(--bar-box-shadow)}@media(min-width:744px){.bar{display:none}}.bar-items{display:flex;flex-wrap:nowrap}.bar-item{display:flex;justify-content:center;align-items:flex-start;padding-inline:var(--bar-spacing);padding-block:var(--bar-spacing);gap:var(--bar-spacing);flex:1}.bar-item:not(:last-of-type){border-right:1px solid var(--bar-item-separator-color)}