/* * Statsig experiment treatment styles * ----------------------------------- * These classes are toggled on by js/statsig_integration.js when a unit * is assigned to a treatment. They render a visible variant for the demo; the * default (control) look is untouched. Brand color: --primary-color #1e61f0. */ /* ---- Gate: amplimoney_new_transfer_flow (transfer page) ---------------- */ /* "New flow" emphasizes the amount entry and makes the primary CTA prominent. */ .amp-new-transfer-flow .enter_amount_row { background: #eef1fa; border: 1px solid var(--primary-color, #1e61f0); border-radius: 16px; padding: 20px 20px 8px; margin-top: 4px; } .amp-new-transfer-flow .enter_amount_field { font-size: 22px; font-weight: 600; } .amp-new-transfer-flow #addTransferDetailsBtn { min-width: 220px; padding: 14px 40px; font-size: 18px; box-shadow: 0 6px 18px rgba(30, 97, 240, 0.25); } /* Small "New" marker so the variant is unmistakable in a demo. */ .amp-new-transfer-flow .page_header h3::after { content: "New flow"; display: inline-block; margin-left: 12px; padding: 2px 10px; font-size: 12px; font-weight: 600; color: var(--primary-color, #1e61f0); background: #eef1fa; border-radius: 999px; vertical-align: middle; } /* ---- Experiment: amplimoney_kyc_step_redesign (signup page) ------------ */ /* "Streamlined" treatment: highlight the ID-upload step as the focal action. */ .amp-kyc-streamlined .upload_box { background: #eef1fa; border: 2px dashed var(--primary-color, #1e61f0); border-radius: 16px; padding: 32px; text-align: center; transition: border-color 0.2s ease; } .amp-kyc-streamlined .upload_box img { transform: scale(1.08); } .amp-kyc-streamlined .file_upload_label { background: var(--primary-color, #1e61f0); color: #fff; padding: 10px 28px; border-radius: 24px; font-weight: 600; cursor: pointer; }