.bar.svelte-3qv0kj{z-index:5;padding-top:env(safe-area-inset-top,0px);background:var(--bg);position:sticky;top:0}.bar.svelte-3qv0kj:before{content:"";inset-block:0;z-index:-1;background:var(--bg);width:100vw;-webkit-mask:var(--outside-mask,none);-webkit-mask:var(--outside-mask,none);mask:var(--outside-mask,none);position:absolute;left:calc(50% - 50vw)}.bar-inner.svelte-3qv0kj{align-items:center;gap:var(--space-4);width:min(100vw - 2 * var(--grid-margin), var(--hub) + 2px);height:var(--bar);padding:0 var(--space-4);border-inline:1px solid var(--rule);margin:0 auto;display:flex;position:relative}.bar-inner.svelte-3qv0kj:before{content:"";background:var(--rule);width:100vw;height:1px;-webkit-mask:var(--outside-mask,none);-webkit-mask:var(--outside-mask,none);mask:var(--outside-mask,none);position:absolute;bottom:-1px;left:calc(50% - 50vw)}.bar-inner.svelte-3qv0kj:after{content:"";background:var(--line-strong);height:9px;-webkit-mask:var(--mark) left top / 9px 9px no-repeat, var(--mark) right top / 9px 9px no-repeat;-webkit-mask:var(--mark) left top / 9px 9px no-repeat, var(--mark) right top / 9px 9px no-repeat;mask:var(--mark) left top / 9px 9px no-repeat, var(--mark) right top / 9px 9px no-repeat;pointer-events:none;position:absolute;bottom:-5px;left:-5px;right:-5px}.name.svelte-3qv0kj{color:var(--ink)}.icon.svelte-3qv0kj{width:var(--control-lg);height:var(--control-lg);color:var(--ink);background:var(--surface-3) var(--grain) 0 0 / 64px;background-blend-mode:overlay;border:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--bevel-light);cursor:pointer;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.icon.svelte-3qv0kj:hover{background-color:var(--surface-4)}}.icon.svelte-3qv0kj:active{box-shadow:inset 0 1px 0 var(--bevel-shade);translate:0 1px}.icon.svelte-3qv0kj:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.entering.svelte-3qv0kj .in:where(.svelte-3qv0kj){opacity:0}@media (scripting:none){.entering.svelte-3qv0kj .in:where(.svelte-3qv0kj){opacity:1}}.entering.arrived.svelte-3qv0kj .in:where(.svelte-3qv0kj){opacity:1;animation:svelte-3qv0kj-fade var(--in-dur) var(--ease-open) calc(var(--in-delay,0s) + var(--i) * var(--in-gap)) backwards}@keyframes svelte-3qv0kj-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.entering.arrived.svelte-3qv0kj .in:where(.svelte-3qv0kj){animation:none}}@media (width<=512px){.bar-inner.svelte-3qv0kj{padding-inline:var(--space-3)}.icon.svelte-3qv0kj{-webkit-tap-highlight-color:transparent;position:relative}.icon.svelte-3qv0kj:after{content:"";position:absolute;inset:calc(50% - 22px)}}