.recall-notify{box-sizing:border-box;width:var(--guide-measure,min(calc(100% - 32px), 1152px));border:1px solid var(--border);background:var(--surface-tint);border-radius:16px;align-items:flex-start;gap:.875rem;max-width:100%;margin-inline:auto;padding:1rem 1.125rem;display:flex}.recall-notify__icon{background:var(--surface);border:1px solid var(--border);width:2.25rem;height:2.25rem;color:var(--brand);border-radius:999px;flex:none;place-items:center;display:grid}.recall-notify__body{flex:auto;min-width:0}.recall-notify__title{color:var(--ink);margin:0;font-size:1rem;font-weight:700}.recall-notify__note{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem;line-height:1.45}.recall-notify__button{border:1px solid var(--brand);background:var(--brand);color:var(--surface);cursor:pointer;border-radius:8px;flex:none;align-self:center;padding:.5rem 1rem;font-size:.875rem;font-weight:700}.recall-notify__button:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.recall-notify__button:active{background:var(--brand-active);border-color:var(--brand-active)}.recall-notify__button--off{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.recall-notify__button--off:hover{background:var(--surface-neutral);border-color:var(--border-strong)}@media (width<=640px){.recall-notify{flex-wrap:wrap}.recall-notify__button{align-self:stretch;width:100%}}