.marlowe-mock{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--mw-ink);--mw-surface: #FFFFFF;--mw-border: #E5E5E5;--mw-ink: #283346;--mw-mute: #808080;--mw-primary: #4700C3;--mw-primary-2: #8701FC;--mw-primary-soft: #EDE5F9;--mw-green-bg: #F2FAF6;--mw-green-border: #40BB7D;--mw-green-ink: #007B3D;--mw-red-bg: #FDF6F6;--mw-red-border: #E87879;--mw-red-ink: #BC3031;--mw-orange-bg: #FFF7E8;--mw-orange-border: #E89A1A;--mw-orange-ink: #8C5800;--mw-avatar-russ: linear-gradient(90deg, #9C00C3 0%, #01CFFC 100%);--mw-avatar-marlowe: linear-gradient(135deg, #5E8C00 0%, #008A57 100%)}.marlowe-wallet{display:inline-flex;align-items:center;justify-content:center;gap:2cqi;height:10cqi;min-width:17cqi;padding:1cqi 4cqi;border-radius:999px;background:var(--mw-surface);border:1px solid var(--mw-border);color:var(--mw-ink);font-family:inherit;font-weight:700;font-size:3.75cqi;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .28s cubic-bezier(.2,0,0,1),background-color .28s cubic-bezier(.2,0,0,1),color .28s cubic-bezier(.2,0,0,1)}.marlowe-wallet[data-state=added]{background:var(--mw-green-bg);border-color:var(--mw-green-border);color:var(--mw-green-ink)}.marlowe-wallet[data-state=depleted]{background:var(--mw-red-bg);border-color:var(--mw-red-border);color:var(--mw-red-ink)}.marlowe-wallet[data-state=low]{background:var(--mw-orange-bg);border-color:var(--mw-orange-border);color:var(--mw-orange-ink)}.marlowe-wallet-text{font-variant-numeric:tabular-nums;transition:opacity .2s cubic-bezier(.2,0,0,1)}.marlowe-wallet.is-swapping .marlowe-wallet-text{opacity:0}.marlowe-wallet.is-draining{transition:background-color 2.5s cubic-bezier(.33,1,.68,1),border-color 2.5s cubic-bezier(.33,1,.68,1),color 2.5s cubic-bezier(.33,1,.68,1)}.marlowe-wallet.is-replenishing{transition:background-color 1.8s cubic-bezier(.33,1,.68,1),border-color 1.8s cubic-bezier(.33,1,.68,1),color 1.8s cubic-bezier(.33,1,.68,1)}:root.theme-vt .marlowe-wallet,:root.theme-transitioning .marlowe-wallet{transition:none!important}.marlowe-avatar{display:inline-flex;align-items:center;justify-content:center;width:8cqi;height:8cqi;border-radius:999px;color:#fff;font-weight:600;font-size:3.5cqi;line-height:1;flex-shrink:0}.marlowe-avatar--russ{background:var(--mw-avatar-russ)}.marlowe-avatar--marlowe{background:var(--mw-avatar-marlowe)}.marlowe-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.marlowe-card{position:absolute;inset:0;margin:auto;width:100%;height:100%;background:var(--mw-surface);display:flex;flex-direction:column;overflow:hidden;container-type:inline-size;opacity:0;pointer-events:none;transform:translate(40%);transform-origin:center center;will-change:opacity,transform}.marlowe-card.is-active{opacity:1;pointer-events:auto;transform:none}.marlowe-card-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2cqi;padding:4.5cqi 4.5cqi 4.5cqi 5.5cqi;border-bottom:1px solid var(--mw-border);background:var(--mw-surface)}.marlowe-card-logo{justify-self:start;display:inline-flex;align-items:center}.marlowe-card-logo .marlowe-logo-mark{display:block;height:8cqi;width:auto}.marlowe-card-logo .marlowe-logo-mark--dark{display:none}:root[data-theme=dark] .marlowe-card-logo .marlowe-logo-mark--light{display:none}:root[data-theme=dark] .marlowe-card-logo .marlowe-logo-mark--dark{display:block}.marlowe-card-head .marlowe-step-label{justify-self:center;font-size:5.5cqi;font-weight:500;color:var(--mw-ink);line-height:1;letter-spacing:0;display:inline-block;transform-origin:center}.marlowe-card-head .marlowe-wallet{justify-self:end}@keyframes mw-attention-bounce{0%{transform:scale(1)}35%{transform:scale(1.22)}65%{transform:scale(.96)}to{transform:scale(1)}}.marlowe-step-label.is-bouncing,.marlowe-role.is-bouncing,.marlowe-wallet.is-bouncing,.marlowe-role-arrow.is-bouncing{animation:mw-attention-bounce .52s cubic-bezier(.4,0,.2,1);transform-origin:center}.marlowe-role.is-bouncing{transform-origin:left center}@keyframes mw-arrow-pulse{0%,to{opacity:1}50%{opacity:.3}}.marlowe-role-arrow.is-pulsing{animation:mw-arrow-pulse 1.5s ease-in-out infinite}@keyframes mw-arrow-flow{0%{transform:translateY(-7px);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translateY(8px);opacity:0}}.marlowe-role-arrow.is-flowing{animation:mw-arrow-flow .85s ease-in-out infinite}.marlowe-role-arrow.is-deposited{color:var(--mw-green-ink);animation:none;opacity:1;transform:none}.marlowe-card-body{position:relative;flex:1;display:flex;flex-direction:column;gap:3.5cqi;padding:8cqi 5cqi 7cqi}.marlowe-card-body>.marlowe-btn:first-of-type{position:absolute;left:5cqi;right:5cqi;bottom:14cqi;width:auto}.marlowe-card-body>.marlowe-pager{position:absolute;left:0;right:0;bottom:7cqi}.marlowe-card-transient{position:absolute;inset:0;background:var(--mw-surface);border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5cqi;opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.2,0,0,1);z-index:2}.marlowe-card.is-transient .marlowe-card-transient{opacity:1}.marlowe-card-transient-mark{position:relative;width:14cqi;height:14cqi;display:inline-flex;align-items:center;justify-content:center}.marlowe-card-transient-mark .marlowe-avatar{width:8cqi;height:8cqi;font-size:3.5cqi}.marlowe-card-transient-spinner{position:absolute;inset:0;display:inline-flex;color:var(--mw-primary);pointer-events:none}.marlowe-card-transient-spinner svg{width:100%;height:100%;display:block;animation:mw-spin .85s linear infinite}.marlowe-card-transient-text{color:var(--mw-mute);font-size:3.25cqi;font-weight:500;line-height:1}.marlowe-card-body--center{align-items:center;text-align:center;gap:.5cqi;padding-top:0;padding-bottom:25.5cqi;justify-content:center}.marlowe-stage[data-transition=swipe] .marlowe-card{transition:opacity .36s cubic-bezier(.4,0,.2,1),transform .42s cubic-bezier(.4,0,.2,1)}.marlowe-stage[data-transition=swipe] .marlowe-card:not(.is-active):not(.is-prep){opacity:0;transform:translate(-40%)}.marlowe-stage[data-transition=swipe] .marlowe-card.is-prep{opacity:0;transform:translate(40%);transition:none}.marlowe-stage[data-transition=role] .marlowe-card{transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.55,0,.65,0)}.marlowe-stage[data-transition=role] .marlowe-card:not(.is-active):not(.is-prep){opacity:0;transform:scale(.06)}.marlowe-stage[data-transition=role] .marlowe-card.is-prep{opacity:0;transform:scale(.06);transition:none}.marlowe-stage[data-transition=role] .marlowe-card.is-active{transition:opacity .32s cubic-bezier(.2,0,0,1),transform .38s cubic-bezier(.34,1.45,.64,1)}.marlowe-role-point{display:flex;flex-direction:column;gap:2cqi}.marlowe-role{display:flex;align-items:center;gap:2cqi;font-size:4.25cqi;font-weight:600;color:var(--mw-ink);line-height:1.4}.marlowe-action{display:flex;align-items:center;gap:2cqi;font-size:4.25cqi;color:var(--mw-mute);line-height:1.4}.marlowe-role-arrow{display:inline-flex;align-items:center;justify-content:center;width:8cqi;height:5.5cqi;color:var(--mw-primary);align-self:flex-start}.marlowe-role-arrow svg{width:3.5cqi;height:4.5cqi;display:block}.marlowe-finished-block{display:flex;flex-direction:column;gap:.5cqi;align-items:center;text-align:center;padding:2cqi 0}.marlowe-finished-title{margin:0;font-size:4.5cqi;font-weight:700;color:var(--mw-ink);line-height:1.25}.marlowe-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:2cqi;width:100%;min-height:14.5cqi;padding:5.5cqi 4.5cqi;border:0;border-radius:999px;font-family:inherit;font-weight:700;font-size:4.25cqi;line-height:1;cursor:pointer;overflow:hidden;isolation:isolate;transition:background .24s cubic-bezier(.2,0,0,1),color .24s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1)}.marlowe-btn--primary{background:linear-gradient(90deg,var(--mw-primary) 0%,var(--mw-primary-2) 100%);color:#fff}.marlowe-btn--primary.is-clicked{transform:scale(.97)}.marlowe-btn--primary.is-done{background:var(--mw-primary-soft);color:var(--mw-primary)}.marlowe-btn--primary.is-loading{background:#e8e8e8;color:#555;cursor:not-allowed}.marlowe-btn--primary.is-success{background:var(--mw-green-bg);color:var(--mw-green-ink);box-shadow:inset 0 0 0 1px var(--mw-green-ink)}.marlowe-btn-spinner,.marlowe-btn-check{display:none;width:4.5cqi;height:4.5cqi;align-items:center;justify-content:center;position:relative;z-index:1}.marlowe-btn-spinner svg,.marlowe-btn-check svg{width:100%;height:100%;display:block}.marlowe-btn-spinner svg{animation:mw-spin .85s linear infinite}@keyframes mw-spin{to{transform:rotate(360deg)}}.marlowe-btn.is-loading .marlowe-btn-spinner,.marlowe-btn.is-success .marlowe-btn-check{display:inline-flex}.marlowe-btn-check .mw-check-ring,.marlowe-success-mark .mw-check-ring{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}.marlowe-btn-check .mw-check-tick,.marlowe-success-mark .mw-check-tick{opacity:0}.marlowe-btn.is-success .marlowe-btn-check .mw-check-ring,.marlowe-card.is-active[data-card=step3] .marlowe-success-mark .mw-check-ring{animation:mw-check-ring .44s cubic-bezier(.4,0,.2,1) forwards}.marlowe-btn.is-success .marlowe-btn-check .mw-check-tick,.marlowe-card.is-active[data-card=step3] .marlowe-success-mark .mw-check-tick{animation:mw-check-tick .24s cubic-bezier(.4,0,.2,1) .32s forwards}@keyframes mw-check-ring{0%{opacity:0;stroke-dashoffset:100}30%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes mw-check-tick{0%{opacity:0}to{opacity:1}}.marlowe-success-mark{display:inline-flex;width:12cqi;height:12cqi;color:var(--mw-green-ink)}.marlowe-success-mark svg{width:100%;height:100%;display:block}.marlowe-btn--disabled{background:#e8e8e8;color:#555;cursor:not-allowed}.marlowe-btn--soft{background:var(--mw-primary-soft);color:var(--mw-primary)}.marlowe-btn-text{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:4.5cqi}.marlowe-btn-ripple{position:absolute;inset:0;margin:auto;width:2cqi;height:2cqi;border-radius:999px;background:#ffffff73;opacity:0;pointer-events:none;z-index:0}.marlowe-btn.is-clicked .marlowe-btn-ripple{animation:mw-ripple .52s cubic-bezier(.2,0,0,1) forwards}@keyframes mw-ripple{0%{width:2cqi;height:2cqi;opacity:.55}to{width:70cqi;height:70cqi;opacity:0}}.marlowe-pager{display:flex;align-items:center;justify-content:center;gap:2.5cqi;flex-shrink:0;margin-top:-1.5cqi}.marlowe-pager span{display:block;width:4.5cqi;height:.5cqi;border-radius:999px;background:var(--mw-border);transition:background .24s ease,width .32s cubic-bezier(.2,.7,.2,1)}.marlowe-mock[data-phase=step1] .marlowe-pager span[data-pager="0"],.marlowe-mock[data-phase=step2] .marlowe-pager span[data-pager="1"],.marlowe-mock[data-phase=complete] .marlowe-pager span[data-pager="2"]{background:var(--mw-ink);width:7cqi}@media(prefers-reduced-motion:reduce){.marlowe-card,.marlowe-stage[data-transition] .marlowe-card{transition:opacity .12s linear!important}.marlowe-card{transform:none!important}.marlowe-btn-ripple{animation:none!important}}:root[data-theme=dark] .marlowe-mock{--mw-surface: #1E1E2E;--mw-border: #383838;--mw-ink: #FFFFFF;--mw-mute: #9B9B9B;--mw-primary: #B8A8FF;--mw-primary-2: #8E7AFF;--mw-primary-soft: rgba(142,122,255,.18);--mw-green-bg: rgba(64,187,125,.16);--mw-green-border: #6BD96E;--mw-green-ink: #6BD96E;--mw-red-bg: rgba(232,120,121,.16);--mw-red-border: #FF6B5C;--mw-red-ink: #FF8A7C}:root[data-theme=dark] .marlowe-card{box-shadow:0 4px 16px #00000073}:root[data-theme=dark] .marlowe-btn--primary{background:linear-gradient(90deg,#4700c3,#8701fc);color:#fff}:root[data-theme=dark] .marlowe-btn--primary.is-loading,:root[data-theme=dark] .marlowe-btn--disabled{background:#ffffff0d;color:#fff}:root[data-theme=dark] .marlowe-btn--primary.is-success{background:#6bd96e29;color:#6bd96e;box-shadow:inset 0 0 0 1px #6bd96e}