.demo-widget-shell__preview{pointer-events:auto;width:fit-content;max-width:100%;min-height:0;max-height:100%}.demo-widget-shell__main-stage:has(.showcase-iframe-preview){justify-content:flex-start;align-items:center}.demo-widget-shell__preview:has(.showcase-iframe-preview){height:auto;overflow:visible}.wallet-dock{--wallet-dock-ease-out:cubic-bezier(.16, 1, .3, 1);--wallet-dock-surface:light-dark(color-mix(in srgb, var(--mantine-color-gray-2) 90%, var(--mantine-color-brand-0)),color-mix(in srgb, var(--mantine-color-gray-dark-10) 42%, var(--mantine-color-black)));--wallet-dock-border:light-dark(color-mix(in srgb, var(--mantine-color-gray-4) 45%, transparent),color-mix(in srgb, var(--mantine-color-gray-dark-6) 22%, transparent));--wallet-dock-rail:light-dark(color-mix(in srgb, var(--mantine-color-gray-1) 55%, transparent),color-mix(in srgb, var(--mantine-color-black) 35%, transparent));--wallet-dock-muted:light-dark(var(--mantine-color-gray-6),var(--mantine-color-gray-6));--wallet-dock-soft:light-dark(var(--mantine-color-gray-7),var(--mantine-color-gray-5));--wallet-dock-strong:light-dark(var(--mantine-color-gray-8),var(--mantine-color-gray-2));z-index:12;border:1px solid var(--wallet-dock-border);background:var(--wallet-dock-surface);width:min(100% - 1.5rem,42rem);box-shadow:light-dark(0 10px 28px color-mix(in srgb, var(--mantine-color-gray-9) 10%, transparent),0 16px 40px color-mix(in srgb, var(--mantine-color-black) 62%, transparent));color:var(--wallet-dock-strong);animation:wallet-dock-rise .28s var(--wallet-dock-ease-out) both;pointer-events:auto;border-radius:.75rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.wallet-dock[data-pending=true]{animation:wallet-dock-rise .28s var(--wallet-dock-ease-out) both, wallet-dock-pending 1.6s ease-in-out infinite}.wallet-dock__row{align-items:center;gap:.5rem;min-height:2.5rem;padding:.4375rem .625rem;display:flex;overflow-y:hidden}.wallet-dock__status-ring{background:var(--wallet-dock-rail);width:1.5rem;height:1.5rem;color:var(--wallet-dock-soft);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.wallet-dock[data-connected=true] .wallet-dock__status-ring{color:color-mix(in srgb, var(--mantine-color-success-4) 80%, var(--mantine-color-gray-4))}.wallet-dock[data-connected=true] .wallet-dock__status-ring:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px color-mix(in srgb, var(--mantine-color-success-7) 32%, transparent);animation:wallet-dock-pulse 2.6s var(--wallet-dock-ease-out) infinite;border:none;position:absolute;inset:-2px}.wallet-dock__identity{flex-shrink:0;align-items:center;gap:.375rem;min-width:0;display:flex}.wallet-dock__eyebrow{letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;color:light-dark(var(--mantine-color-gray-8),var(--mantine-color-gray-0));font-size:.5625rem;font-weight:650;line-height:1}.wallet-dock__status,.wallet-dock__hint{letter-spacing:-.01em;white-space:nowrap;color:var(--wallet-dock-soft);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.wallet-dock[data-connected=true] .wallet-dock__status{color:light-dark(var(--mantine-color-gray-7),var(--mantine-color-gray-4))}.wallet-dock__hint{color:var(--wallet-dock-muted);font-weight:500}.wallet-dock__pending-badge{letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb, var(--mantine-color-warning-3) 90%, var(--mantine-color-gray-1));background:color-mix(in srgb, var(--mantine-color-warning-9) 72%, var(--mantine-color-black));border-radius:999px;padding:.125rem .375rem;font-size:.5625rem;font-weight:650}.wallet-dock__divider{background:var(--wallet-dock-border);flex-shrink:0;align-self:stretch;width:1px;margin:.125rem 0}.wallet-dock__segment{flex-shrink:1;align-items:center;gap:.3125rem;min-width:0;display:inline-flex}.wallet-dock__segment--network{flex-shrink:0}.wallet-dock__segment--address{overscroll-behavior-x:contain;scrollbar-width:thin;flex:1;min-width:0;overflow:auto hidden}.wallet-dock__segment--address[data-shorthand=true]{scrollbar-width:none;flex:0 auto;overflow-x:hidden}.wallet-dock__segment-label{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--wallet-dock-muted);font-size:.5625rem;font-weight:600;line-height:1}.wallet-dock__segment-value{white-space:nowrap;color:light-dark(var(--mantine-color-gray-8),var(--mantine-color-gray-3));font-size:.6875rem;font-weight:600;line-height:1}.wallet-dock__segment-meta{font-size:.5625rem;line-height:1;font-family:var(--mantine-font-family-monospace);white-space:nowrap;color:var(--wallet-dock-muted)}.wallet-dock__address{font-family:var(--mantine-font-family-monospace);white-space:nowrap;color:light-dark(var(--mantine-color-gray-7),var(--mantine-color-gray-4));font-size:.625rem;font-weight:500;line-height:1}.wallet-dock__icon-action{color:var(--wallet-dock-soft);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.wallet-dock__connect{flex-shrink:0;margin-left:auto}.wallet-dock__connecting{align-items:center;gap:.25rem;display:inline-flex}.wallet-dock__connecting-dot{background:color-mix(in srgb, var(--mantine-color-brand-5) 70%, var(--mantine-color-gray-6));width:.3125rem;height:.3125rem;animation:wallet-dock-dot 1.1s var(--wallet-dock-ease-out) infinite;border-radius:999px}.wallet-dock__connecting-dot:nth-child(2){animation-delay:.12s}.wallet-dock__connecting-dot:nth-child(3){animation-delay:.24s}@keyframes wallet-dock-rise{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes wallet-dock-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes wallet-dock-pending{0%,to{border-color:var(--wallet-dock-border)}50%{border-color:color-mix(in srgb, var(--mantine-color-warning-9) 38%, var(--wallet-dock-border))}}@keyframes wallet-dock-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.wallet-dock,.wallet-dock[data-pending=true]{animation:.16s ease-out both wallet-dock-fade-in}.wallet-dock__status-ring:after,.wallet-dock__connecting-dot{animation:none}@keyframes wallet-dock-fade-in{0%{opacity:0}to{opacity:1}}}