section.mobile-bar{background:var(--quaternary);width:100%;position:sticky;top:var(--header-height-mobile);margin-top:20px;transition:box-shadow .2s ease;box-shadow:0 8px 12px rgba(0,0,0,0);padding:3px 0 6px 0}section.mobile-bar:before{display:block;content:"";width:100%;height:20px;background:var(--quaternary);position:absolute;left:0;bottom:100%}section.mobile-bar.sticky{box-shadow:0 8px 12px rgba(0,0,0,.1)}section.mobile-bar i{display:inline-flex;margin:0 4px 0 0;width:16px;height:16px;font-size:1.4rem;align-items:center;justify-content:center;color:var(--black);transition:color .1s ease}section.mobile-bar i:hover{color:var(--primary)}