.top.svelte-12qhfyh{z-index:10;background:var(--bg);padding:calc(.7rem + env(safe-area-inset-top,0px)) 1.1rem .6rem;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand.svelte-12qhfyh{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand.svelte-12qhfyh img:where(.svelte-12qhfyh){width:auto;height:30px;display:block}.brand.svelte-12qhfyh span:where(.svelte-12qhfyh){font-family:var(--font-head);color:var(--green);border-left:2px solid var(--coral);padding-left:.6rem;font-size:1rem;font-weight:600;line-height:1}.period.svelte-12qhfyh{color:var(--green);background:var(--blush);white-space:nowrap;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:600}.content.svelte-12qhfyh{max-width:40rem;padding:.6rem 1rem calc(5.5rem + env(safe-area-inset-bottom,0px));margin:0 auto}.bottom.svelte-12qhfyh{background:var(--green);padding:.4rem .3rem calc(.4rem + env(safe-area-inset-bottom,0px));z-index:10;border-radius:24px 24px 0 0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#ffffffbf;font-family:var(--font-head);border-radius:14px;flex-direction:column;align-items:center;gap:.1rem;min-width:3.6rem;padding:.35rem .3rem .2rem;font-size:.68rem;font-weight:500;text-decoration:none;display:flex}.bottom.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--text);background:var(--coral)}.bottom.svelte-12qhfyh a:where(.svelte-12qhfyh) svg{display:block}
