@layer theme,base,vendor,amplify,legacy;@layer components{.push-optin{--po-card:var(--dbp-card,var(--epro-card,#fff));--po-line:var(--dbp-line,var(--epro-line,#ece7e4));--po-ink:var(--dbp-ink,var(--epro-ink,var(--slate-14100f,#14100f)));--po-muted:var(--dbp-muted,var(--epro-muted,#615957));--po-accent:var(--dbp-accent,var(--epro-accent,#d33c38));--po-accent-soft:var(--dbp-out-bg,var(--epro-out-bg,#fdf1f0));--po-danger:var(--dbp-down,var(--epro-down,var(--ebp-sell)));border:1px solid var(--po-line);background:var(--po-card);color:var(--po-ink);border-radius:14px;align-items:flex-start;gap:14px;margin:0 0 18px;padding:16px 18px;display:flex}.push-optin-mark{background:var(--po-accent-soft);width:38px;height:38px;color:var(--po-accent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.push-optin-copy{flex:auto;min-width:0}.push-optin-copy h2{letter-spacing:0;color:var(--po-ink);margin:0 0 4px;font-size:15px;font-weight:600}.push-optin-copy p{color:var(--po-muted);margin:0;font-size:13px;line-height:1.5}.push-optin-error{color:var(--po-danger);margin-top:6px}.push-optin-actions{flex-direction:column;flex:none;align-items:stretch;gap:6px;display:flex}.push-optin-later{min-height:44px;color:var(--po-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 8px;font-size:13px;display:inline-flex}.push-optin-copy .push-optin-note{color:var(--po-ink);margin-top:6px}.push-optin.push-optin-done{align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600}.push-optin-done:focus{outline:none}.push-optin-done:focus-visible{outline:2px solid var(--po-accent);outline-offset:2px}.push-optin-steps{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.push-optin-steps li{color:var(--po-ink);align-items:center;gap:10px;font-size:13px;display:flex}.push-optin-step-mark{background:var(--po-accent-soft);width:26px;height:26px;color:var(--po-accent);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.push-optin-ios-actions{flex-wrap:wrap;align-items:center;gap:0 18px;margin:-2px 0 -12px;display:flex}.push-optin-howto{min-height:44px;color:var(--po-accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.push-optin-ios-actions .push-optin-later{padding:0;font-size:13px}@media (max-width:520px){.push-optin:not(.push-optin-ios){flex-wrap:wrap}.push-optin-actions{width:100%}}}@layer utilities;
