.connect-explainer-card{border:1px solid var(--identity-line);color:#172234;background:linear-gradient(135deg, #fff, var(--identity-tint));border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;padding:16px;display:grid;box-shadow:0 10px 30px #1f5eff0d}.connect-explainer-card__orb{grid-row:1/span 2;display:inline-flex}.connect-explainer-card h3{margin:0;font-size:.9375rem;font-weight:650}.connect-explainer-card p{color:#536078;margin:4px 0 0;font-size:.8125rem;line-height:1.5}.connect-explainer-card>button{width:fit-content;min-height:36px;color:var(--identity-text);font:inherit;cursor:pointer;background:0 0;border:0;grid-column:2;align-items:center;gap:5px;padding:0;font-size:.8125rem;font-weight:650;display:inline-flex}.connect-explainer-dialog,.card-activation-dialog{color:#172234;background:0 0;border:0;border-radius:28px;width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);padding:0;box-shadow:0 24px 80px #0c17284d}.connect-explainer-dialog::backdrop,.card-activation-dialog::backdrop{-webkit-backdrop-filter:blur(5px);background:#0c172866}.connect-explainer-dialog__body,.card-activation-dialog__body{border-radius:inherit;background:linear-gradient(145deg,#fff,#f3f6fc);border:1px solid #ffffffb8;padding:30px;position:relative;overflow-y:auto}.connect-explainer-dialog__close,.card-activation-dialog__close{color:#536078;cursor:pointer;background:#e9eef6;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:16px;right:16px}.connect-explainer-dialog__orb{margin-bottom:20px;display:inline-flex}.connect-explainer-dialog h2,.card-activation-dialog h2{letter-spacing:-.035em;margin:0;font-size:1.5rem}.connect-explainer-dialog__body>p,.card-activation-dialog__body>p{color:#536078;margin:10px 0 22px;font-size:.875rem;line-height:1.6}.connect-walkthrough{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.connect-walkthrough li{text-align:center;align-content:start;justify-items:center;min-width:0;padding:14px 10px;display:grid;position:relative}.connect-walkthrough li>span{width:46px;height:46px;color:var(--identity-text);background:var(--identity-tint);border-radius:15px;place-items:center;margin-bottom:10px;animation:2.4s ease-in-out infinite connect-walkthrough-pulse;display:grid}.connect-walkthrough li:nth-child(2)>span{animation-delay:.3s}.connect-walkthrough li:nth-child(3)>span{animation-delay:.6s}.connect-walkthrough strong{font-size:.8125rem}.connect-walkthrough small{color:#65738a;margin-top:5px;font-size:.71875rem;line-height:1.45}.connect-explainer-dialog__actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.connect-explainer-dialog__actions .action-button{flex:180px}@keyframes connect-walkthrough-pulse{0%,65%,to{transform:translateY(0);box-shadow:0 0 #0000}30%{box-shadow:0 8px 22px color-mix(in srgb,var(--identity-base),transparent 78%);transform:translateY(-4px)}}.dashboard-card-strip{grid-column:1/-1;min-width:0;margin-top:4px}.dashboard-card-strip__heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.dashboard-card-strip__heading h2{letter-spacing:-.025em;margin:0;font-size:15px;font-weight:750}.dashboard-card-strip__heading p{color:var(--color-ink-2);margin:3px 0 0;font-size:.75rem}.dashboard-card-strip__heading a{min-height:36px;color:var(--identity-text);align-items:center;gap:4px;font-size:.8125rem;font-weight:650;text-decoration:none;display:inline-flex}.dashboard-card-strip__scroller{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:12px;padding:2px 2px 10px;display:flex;overflow-x:auto}.dashboard-card-chip,.dashboard-card-add{color:#172234;scroll-snap-align:start;text-align:left;background:#fff;border:1px solid #dce2eb;border-radius:20px;flex:0 0 min(280px,78vw);align-items:center;gap:12px;min-height:84px;padding:14px;display:flex;box-shadow:0 8px 22px #1722340a}.dashboard-card-chip{font:inherit;cursor:pointer}.dashboard-card-chip:focus-visible{outline-offset:3px;outline:2px solid #0c0f16}.dashboard-card-chip__art,.dashboard-card-add>span:first-child{color:#fff;background:linear-gradient(145deg,#313945,#15191f);border-radius:15px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 1px #ffffff38}.dashboard-card-chip__art[data-metal=true]{color:#313945;background:linear-gradient(145deg,#f3f4f6,#aeb5c0)}.dashboard-card-chip>span:last-child,.dashboard-card-add>:last-child{min-width:0}.dashboard-card-chip strong,.dashboard-card-add strong{overflow-wrap:anywhere;font-size:.875rem;display:block}.dashboard-card-chip small,.dashboard-card-add small{color:#65738a;margin-top:5px;font-size:.75rem;line-height:1.4;display:block}.dashboard-card-add{color:var(--identity-text);background:var(--identity-tint);font:inherit;cursor:pointer;border-style:dashed}.dashboard-card-add>span:first-child{color:var(--identity-text);background:#fff}.card-activation-dialog__body>ol{gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.card-activation-dialog__body>ol li{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:13px;display:flex}.card-activation-dialog__body>ol svg{color:var(--identity-text);flex:none}.card-activation-dialog__body>ol span{gap:3px;display:grid}.card-activation-dialog__body>ol strong{font-size:.8125rem}.card-activation-dialog__body>ol small{color:#65738a;font-size:.75rem;line-height:1.45}.card-activation-dialog__body .card-activation-dialog__limit{color:#536078;background:#e9eef6;border-radius:14px;margin:0 0 18px;padding:12px 14px;font-size:.75rem}.card-activation-dialog__body>.action-button{width:100%}@media (width<=520px){.connect-walkthrough{grid-template-columns:1fr}.connect-walkthrough li{text-align:left;grid-template-columns:auto 1fr;justify-items:start;gap:0 12px}.connect-walkthrough li>span{grid-row:1/span 2;margin:0}.connect-explainer-dialog__body,.card-activation-dialog__body{padding:24px 20px}.connect-explainer-card{grid-template-columns:auto minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.connect-walkthrough li>span{animation:none}}@media (forced-colors:active){.connect-explainer-card,.dashboard-card-chip,.dashboard-card-add,.connect-explainer-dialog__body,.card-activation-dialog__body{color:canvastext;background:canvas;border:1px solid canvastext}}
