/* The popup a heart opens when nobody is signed in. */
.favPrompt { box-sizing: border-box; position: fixed; inset: 0; margin: auto; height: fit-content; width: min(420px, calc(100vw - 32px)); padding: 24px 22px 20px; border: 0; border-radius: 20px; background: #fff; color: #1b2a2f; box-shadow: 0 24px 60px -20px rgba(16, 24, 40, .55); font-family: var(--text-body-text-font-family); font-size: 15px; font-weight: 400; }
.favPrompt::backdrop { background: rgba(16, 24, 40, .6); }
.favPrompt p { margin: 0 28px 20px; font-size: 15px; font-weight: 400; line-height: 1.45; text-align: center; }
.favPromptActions { display: grid; gap: 10px; }
.favPromptClose { display: grid; position: absolute; top: 12px; right: 12px; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #f1f4f2; color: #6b7278; cursor: pointer; }
.favPromptOr { display: flex; align-items: center; gap: 12px; color: #6b7278; font-size: 15px; font-weight: 400; }
.favPromptOr::before, .favPromptOr::after { content: ''; flex: 1; height: 1px; background: #d9dfdb; }
.favPromptActions a, .favPromptActions button { display: grid; place-items: center; height: 46px; padding: 0 12px; white-space: nowrap; border: 1.5px solid var(--color-secondary, #0098d0); border-radius: 14px; font: inherit; font-size: 17px; font-weight: 700; text-decoration: none; cursor: pointer; }
.favPromptActions .favPromptPrimary { background: var(--color-secondary, #0098d0); color: #fff; }
.favPromptActions .favPromptSecondary { background: #fff; color: var(--color-secondary, #0098d0); }
.favPromptActions .favPromptCancel { border-color: #d9dfdb; background: #fff; color: #6b7278; }