.heart-footer{--hf-teal:#087b82;--hf-pink:#d11268;--hf-muted:#73717a;--hf-surface:#fff;--hf-safe:env(safe-area-inset-bottom,0px);height:calc(72px + var(--hf-safe));background:var(--hf-surface);isolation:isolate;z-index:50;opacity:1;pointer-events:auto;font-family:inherit;position:fixed;inset:auto 0 0;overflow:visible}.heart-footer *,.heart-footer :before,.heart-footer :after{box-sizing:border-box}.heart-footer__line{pointer-events:none;width:100%;height:72px;display:block;position:absolute;inset:0 0 auto;overflow:visible}.heart-footer__items{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;max-width:780px;height:72px;margin:0 auto;display:grid;position:relative}.heart-footer__tab{appearance:none;color:var(--hf-muted);cursor:pointer;min-width:0;height:48px;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;margin:12px 0 0;padding:0;display:flex}.heart-footer__tab[aria-current=page]{color:var(--hf-pink)}.heart-footer__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px;display:block}.heart-footer__label{white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.heart-footer__record{appearance:none;min-width:0;color:var(--hf-muted);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-self:center;align-items:center;gap:7px;margin:-24px 0 0;padding:0;display:flex}.heart-footer__disc{border:1.75px solid var(--hf-pink);background:#fff;border-radius:50%;outline:3px solid #fff;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 4px 9px #1432322e}.heart-footer__heart{object-fit:contain;pointer-events:none;width:43px;height:43px;display:block}.heart-footer__record:active:not(:disabled) .heart-footer__disc{background:#faf0f5}.heart-footer__record:not(:disabled) .heart-footer__label{color:var(--hf-teal)}.heart-footer__record:disabled{cursor:not-allowed}.heart-footer__record:disabled .heart-footer__heart{opacity:.45}.heart-footer__record:disabled .heart-footer__label{opacity:.55}.heart-footer__tab:focus-visible{outline:2px solid var(--hf-teal);outline-offset:1px;border-radius:8px}.heart-footer__record:focus-visible{outline:2px solid var(--hf-teal);outline-offset:3px;border-radius:12px}@media (width<=340px){.heart-footer__label{font-size:12px}}.with-heart-footer{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}