.DevCtaColorPicker_root__Coz7R{position:fixed;top:104px;right:16px;z-index:120;display:grid;justify-items:end;gap:8px;color:#172033;font-family:Arial,sans-serif;letter-spacing:0}.DevCtaColorPicker_root__Coz7R .dev-cta-panel-heading button,.DevCtaColorPicker_root__Coz7R .dev-cta-trigger{border:1px solid #cbd5e1;background:#ffffff;color:#172033;cursor:pointer}.DevCtaColorPicker_root__Coz7R .dev-cta-trigger{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border-radius:6px;box-shadow:0 8px 24px rgba(15,23,42,.18);font-size:.82rem;font-weight:800}.DevCtaColorPicker_root__Coz7R .dev-cta-swatch{flex:0 0 auto;width:18px;height:18px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #94a3b8}.DevCtaColorPicker_root__Coz7R .dev-cta-panel{width:min(370px,calc(100vw - 32px));max-height:calc(100vh - 170px);overflow:auto;padding:14px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;box-shadow:0 16px 42px rgba(15,23,42,.24)}.DevCtaColorPicker_root__Coz7R .dev-cta-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:12px}.DevCtaColorPicker_root__Coz7R .dev-cta-panel-heading>div{display:grid;gap:2px}.DevCtaColorPicker_root__Coz7R .dev-cta-panel-heading strong{font-size:1rem}.DevCtaColorPicker_root__Coz7R .dev-cta-panel-heading span{color:#64748b;font-size:.74rem;font-weight:700;text-transform:uppercase}.DevCtaColorPicker_root__Coz7R .dev-cta-panel-heading button{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:50%;font-size:1.35rem;line-height:1}.DevCtaColorPicker_root__Coz7R .dev-cta-options{display:grid;gap:8px}.DevCtaColorPicker_root__Coz7R .dev-variant-group{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #d8e0ea}.DevCtaColorPicker_root__Coz7R .dev-variant-group:first-of-type{margin-top:0;padding-top:0;border-top:0}.DevCtaColorPicker_root__Coz7R .dev-variant-group h3{margin:0;color:#334155;font-size:.76rem;text-transform:uppercase}.DevCtaColorPicker_root__Coz7R .dev-variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.DevCtaColorPicker_root__Coz7R .dev-cta-options>button{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;width:100%}.DevCtaColorPicker_root__Coz7R .dev-cta-options>button,.DevCtaColorPicker_root__Coz7R .dev-variant-options>button{display:grid;padding:11px;border:1px solid #d8e0ea;border-radius:6px;background:#ffffff;color:#172033;text-align:left;cursor:pointer}.DevCtaColorPicker_root__Coz7R .dev-variant-options>button{align-content:start;gap:4px;min-height:92px}.DevCtaColorPicker_root__Coz7R .dev-cta-options>button:hover,.DevCtaColorPicker_root__Coz7R .dev-variant-options>button:hover{border-color:#64748b}.DevCtaColorPicker_root__Coz7R .dev-cta-options>button.is-selected,.DevCtaColorPicker_root__Coz7R .dev-variant-options>button.is-selected{border-color:#1769d2;box-shadow:inset 0 0 0 1px #1769d2}.DevCtaColorPicker_root__Coz7R .dev-cta-options>button>span:last-child{display:grid;gap:3px}.DevCtaColorPicker_root__Coz7R .dev-cta-options strong,.DevCtaColorPicker_root__Coz7R .dev-variant-options strong{font-size:.86rem}.DevCtaColorPicker_root__Coz7R .dev-cta-options small,.DevCtaColorPicker_root__Coz7R .dev-variant-options small{color:#526174;font-size:.76rem;line-height:1.35}.DevCtaColorPicker_root__Coz7R button:focus-visible{outline:3px solid rgba(23,105,210,.35);outline-offset:2px}@media (max-width:640px){.DevCtaColorPicker_root__Coz7R{top:84px;right:10px}.DevCtaColorPicker_root__Coz7R .dev-cta-panel{width:min(350px,calc(100vw - 20px));max-height:calc(100vh - 145px)}.DevCtaColorPicker_root__Coz7R .dev-variant-options{grid-template-columns:1fr}.DevCtaColorPicker_root__Coz7R .dev-variant-options>button{min-height:0}}