.navbar.svelte-q971rm{z-index:4;padding:0 8px env(safe-area-inset-bottom);background:#1c161b;border-top:1px solid #ffffff1f;position:fixed;bottom:0;left:0;right:0}.tabs.svelte-q971rm{justify-content:space-between;max-width:560px;margin:0 auto;padding:0 4px;display:flex}.tabs.svelte-q971rm>:where(.svelte-q971rm){color:#b9a9b0;background:0 0;border:0;flex:none;grid-template-rows:1fr auto;place-items:center;width:64px;height:64px;padding:8px 2px 10px;font:600 12px/1 system-ui,sans-serif;text-decoration:none;display:grid;position:relative}.tabs.svelte-q971rm>:where(.svelte-q971rm):hover{color:#f5eef0}.tabs.svelte-q971rm>[aria-current=page]:where(.svelte-q971rm){color:#ffd24a}.play.svelte-q971rm b:where(.svelte-q971rm){color:#192e2c;background:#ec815f;border:4px solid #1c161b;border-radius:50%;place-items:center;width:56px;height:56px;transition:background .15s,transform .15s ease-out;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.play.svelte-q971rm span:where(.svelte-q971rm){grid-row:2}.play.svelte-q971rm:hover b:where(.svelte-q971rm),.play.svelte-q971rm:focus-visible b:where(.svelte-q971rm){background:#f39b7e;transform:translate(-50%,calc(-50% - 2px))}.play.svelte-q971rm svg{fill:currentColor;margin-left:3px}