#dock{--dock-gap:.5em;backdrop-filter:blur(3px);bottom:var(--dock-gap);gap:calc(var(--dock-gap)/2);padding:var(--dock-gap);z-index:calc(infinity);background-color:light-dark(#ffffff73,#12141673);border-radius:1em;place-self:center;align-items:center;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 0 20px -5px light-dark(#0000004d,#ffffff4d),0 0 12px -7px light-dark(#0003,#fff3);@media (prefers-contrast:more){backdrop-filter:blur(10px)brightness(.2)}@media (prefers-reduced-transparency:reduce){backdrop-filter:brightness();background-color:light-dark(#fff,#121416)}& a{background:0 0;border-bottom:none;position:relative;& div{background:light-dark(#fff,#3a3e43);border-radius:.5em;padding:.25em;@media (prefers-contrast:more){border:1px solid}}&:hover div{background:light-dark(#eee,#494c52)}&.active:after{content:"•";position:absolute;bottom:-1.125em;left:1em}}& img{vertical-align:middle;width:2em}@media (any-hover:hover){&.autohide{opacity:0;transition:opacity 1s;&:hover,&:active,&:focus,&:focus-visible,&:focus-within{opacity:1}}}}@media screen and (width<=43em){#dock{display:none}}