.app-bottom-nav.svelte-f8mksq{z-index:30;padding-bottom:max(.25rem, env(safe-area-inset-bottom));border-top:2px solid var(--ts-ink);background:color-mix(in srgb, var(--ts-paper) 98%, transparent);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #1717191a}.app-bottom-link.svelte-f8mksq{min-height:3rem;color:var(--ts-muted);border:2px solid #0000;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;font-size:.64rem;font-weight:900;transition:background-color .15s,color .15s,transform .15s;display:flex}.app-bottom-link.svelte-f8mksq svg:where(.svelte-f8mksq){box-sizing:content-box;fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.app-bottom-link.active.svelte-f8mksq{color:var(--ts-ink);box-shadow:none;background:0 0}.app-bottom-link.active.svelte-f8mksq svg:where(.svelte-f8mksq){border:2px solid var(--ts-ink);color:#fff;background:var(--ts-purple);box-shadow:1px 2px 0 var(--ts-ink);border-radius:.55rem;padding:.16rem .32rem}.app-bottom-link.active.svelte-f8mksq:first-child svg:where(.svelte-f8mksq) path:where(.svelte-f8mksq),.app-bottom-link.active.svelte-f8mksq:last-child svg:where(.svelte-f8mksq) path:where(.svelte-f8mksq){fill:currentColor}