@keyframes widget-demo-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes widget-demo-scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes widget-demo-shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes widget-demo-flow-dot{0%{left:4%;opacity:0}8%{opacity:1}92%{opacity:1}to{left:96%;opacity:0}}@keyframes widget-demo-confetti-fall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}to{transform:translateY(280px) rotate(540deg);opacity:0}}@keyframes widget-demo-glow-pulse{0%,to{box-shadow:0 0 0 0 rgba(45,212,191,.28)}50%{box-shadow:0 0 0 8px rgba(45,212,191,0)}}.widget-demo-bg{background-color:#030712;background-image:radial-gradient(ellipse 70% 45% at 50% -15%,rgba(20,184,166,.14),transparent),radial-gradient(ellipse 50% 35% at 100% 10%,rgba(99,102,241,.08),transparent),linear-gradient(180deg,#030712,#0b1220 50%,#030712)}.widget-demo-grid{background-image:linear-gradient(rgba(148,163,184,.04) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,black 0,black 65%,transparent);mask-image:linear-gradient(180deg,black 0,black 65%,transparent)}.widget-demo-glass{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.12);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.widget-demo-panel-label{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(148,163,184,.85)}.widget-demo-btn{border-radius:.625rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:rgba(226,232,240,.9);transition:background .15s ease,border-color .15s ease,color .15s ease}.widget-demo-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.widget-demo-btn--active{border-color:rgba(45,212,191,.35);background:rgba(20,184,166,.12);color:#ccfbf1}.widget-demo-btn--primary{border-color:rgba(45,212,191,.35);background:rgba(20,184,166,.18);color:#f0fdfa}.widget-demo-btn--primary:hover{background:rgba(20,184,166,.28)}.widget-demo-segment{display:inline-flex;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28);padding:.125rem;gap:.125rem}.widget-demo-segment button{border-radius:.5rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;color:rgba(148,163,184,.95);transition:background .15s ease,color .15s ease}.widget-demo-segment button.widget-demo-segment--active,.widget-demo-segment button[aria-pressed=true]{background:rgba(20,184,166,.22);color:#ecfdf5}.widget-demo-scroll{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.widget-demo-scroll::-webkit-scrollbar{width:6px}.widget-demo-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(148,163,184,.28)}.widget-demo-step{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.widget-demo-step--active{border-color:rgba(45,212,191,.28);background:rgba(20,184,166,.06);box-shadow:0 0 0 1px rgba(45,212,191,.08)}.widget-demo-step-badge{display:flex;height:2rem;width:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.625rem;font-size:.75rem;font-weight:700}.widget-demo-step-badge--done{background:rgba(20,184,166,.85);color:white}.widget-demo-step-badge--loading{background:rgba(20,184,166,.55);color:white;animation:pulse 1.5s ease-in-out infinite}.widget-demo-step-badge--idle{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(148,163,184,.9)}.widget-demo-code{overflow:hidden;border-radius:.875rem;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.92)}.widget-demo-code-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.06);padding:.5rem .75rem}.widget-demo-preview-shell{border-radius:1.25rem;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.35);padding:.75rem;box-shadow:0 24px 64px rgba(0,0,0,.35)}.widget-demo-preview-chrome{display:flex;align-items:center;gap:.375rem;margin-bottom:.75rem;padding:0 .25rem}.widget-demo-preview-chrome span{height:.5rem;width:.5rem;border-radius:999px;background:rgba(148,163,184,.25)}.widget-demo-preview-chrome span:first-child{background:rgba(248,113,113,.45)}.widget-demo-preview-chrome span:nth-child(2){background:rgba(251,191,36,.45)}.widget-demo-preview-chrome span:nth-child(3){background:rgba(52,211,153,.45)}.widget-demo-animate-fade-up{animation:widget-demo-fade-up .45s ease-out both}.widget-demo-animate-scale-in{animation:widget-demo-scale-in .35s ease-out both}.widget-demo-pay-shimmer{background-image:linear-gradient(110deg,#0f766e,#14b8a6 25%,#5eead4 50%,#14b8a6 75%,#0f766e);background-size:200% auto}.widget-demo-pay-shimmer:not(:disabled){animation:widget-demo-shimmer 3s linear infinite}.widget-demo-flow-dot{animation:widget-demo-flow-dot 2.4s ease-in-out infinite}.widget-demo-confetti-piece{animation:widget-demo-confetti-fall 2.4s ease-out forwards}.widget-demo-active-glow{animation:widget-demo-glow-pulse 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.widget-demo-active-glow,.widget-demo-animate-fade-up,.widget-demo-animate-scale-in,.widget-demo-confetti-piece,.widget-demo-flow-dot,.widget-demo-pay-shimmer:not(:disabled){animation:none!important}}.widget-demo-split{align-items:start}.widget-demo-accordion li{scroll-margin-top:5rem}.widget-demo-storefront{min-height:20rem;box-shadow:none}.widget-demo-storefront--classic{border-color:rgba(255,255,255,.1)}.widget-demo-storefront--minimal{color:#0f172a}.widget-demo-storefront--minimal .widget-demo-pay-shimmer{animation:none;background-image:none}.widget-demo-storefront--marketplace{border-color:rgba(245,158,11,.18)}.widget-demo-flow-dot--slow{animation-duration:3.6s}.widget-demo-sticky-toolbar{padding-top:max(.75rem,env(safe-area-inset-top))}.widget-demo-note{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}@keyframes widget-demo-theater-packet{0%{left:0;opacity:0;transform:translateY(-50%) scale(.65)}12%{opacity:1;transform:translateY(-50%) scale(1)}88%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% - .55rem);opacity:0;transform:translateY(-50%) scale(.75)}}@keyframes widget-demo-theater-chip{0%{left:0;opacity:0;transform:translate(-10%,-120%)}15%{opacity:1;transform:translateY(-130%)}85%{opacity:1;transform:translateY(-130%)}to{left:calc(100% - 2.5rem);opacity:0;transform:translateY(-120%)}}@keyframes widget-demo-actor-pop{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1.04)}}@keyframes widget-demo-actor-ring{0%{transform:scale(.85);opacity:.65}to{transform:scale(1.35);opacity:0}}@keyframes widget-demo-track-flow{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes widget-demo-theater-action-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes widget-demo-sim-step-in{0%{opacity:.6;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes widget-demo-badge-pulse{0%,to{opacity:1}50%{opacity:.45}}.widget-demo-theater{position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(20,184,166,.08),transparent 70%),rgba(0,0,0,.28);padding:1rem .85rem .85rem}.widget-demo-theater--live{border-color:rgba(20,184,166,.22);box-shadow:inset 0 0 0 1px rgba(20,184,166,.06)}.widget-demo-theater--success{border-color:rgba(52,211,153,.28);background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(52,211,153,.1),transparent 70%),rgba(0,0,0,.28)}.widget-demo-theater__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.widget-demo-theater__title{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(148,163,184,.9)}.widget-demo-theater__badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid rgba(45,212,191,.28);background:rgba(20,184,166,.12);padding:.2rem .55rem;font-size:.625rem;font-weight:600;color:rgb(153 246 228)}.widget-demo-theater__badge-dot{width:.35rem;height:.35rem;border-radius:999px;background:rgb(45 212 191);animation:widget-demo-badge-pulse 1.2s ease-in-out infinite}.widget-demo-theater__stage{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0;min-height:5.5rem}.widget-demo-theater__cell{display:contents}.widget-demo-theater__node{display:flex;flex-direction:column;align-items:center;gap:.45rem;min-width:0}.widget-demo-theater__label{font-size:.625rem;font-weight:600;text-align:center;line-height:1.25;color:rgb(100 116 139);max-width:4.75rem;transition:color .3s ease}.widget-demo-theater__label--active{color:rgb(153 246 228)}.widget-demo-theater__label--complete{color:rgb(110 231 183)}.widget-demo-theater__track{position:relative;width:100%;min-width:1.25rem;height:2rem;margin:0 .1rem;align-self:center}.widget-demo-theater__track-line{position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.widget-demo-theater__track--complete .widget-demo-theater__track-line{background:rgba(52,211,153,.4)}.widget-demo-theater__track--active .widget-demo-theater__track-line{background:linear-gradient(90deg,rgba(20,184,166,.15),rgba(45,212,191,.55) 50%,rgba(20,184,166,.15));background-size:200% 100%;animation:widget-demo-track-flow 1.1s linear infinite}.widget-demo-theater__packet{position:absolute;top:50%;left:0;width:.55rem;height:.55rem;border-radius:999px;background:rgb(45 212 191);box-shadow:0 0 10px rgba(45,212,191,.75),0 0 20px rgba(45,212,191,.25);animation:widget-demo-theater-packet .95s ease-in-out infinite}.widget-demo-theater__chip{position:absolute;top:50%;left:0;white-space:nowrap;border-radius:999px;border:1px solid rgba(45,212,191,.35);background:rgba(15,23,42,.92);padding:.12rem .45rem;font-size:.5625rem;font-weight:700;letter-spacing:.02em;color:rgb(153 246 228);pointer-events:none;animation:widget-demo-theater-chip .95s ease-in-out infinite}.widget-demo-theater__track-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.625rem;font-weight:700;color:rgb(110 231 183)}.widget-demo-actor{position:relative;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;transition:transform .35s ease,opacity .35s ease}.widget-demo-actor--pending{opacity:.45;transform:scale(.92)}.widget-demo-actor--active{animation:widget-demo-actor-pop .45s ease-out forwards}.widget-demo-actor--complete{opacity:.95;transform:scale(1)}.widget-demo-actor__ring{position:absolute;inset:-.15rem;border-radius:999px;border:2px solid rgba(45,212,191,.45);animation:widget-demo-actor-ring 1.4s ease-out infinite}.widget-demo-actor__figure{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.widget-demo-actor__monitor{display:flex;flex-direction:column;align-items:center;width:2rem}.widget-demo-actor__monitor-bar{width:100%;height:.2rem;border-radius:.15rem .15rem 0 0;background:rgba(148,163,184,.35)}.widget-demo-actor__monitor-body{display:flex;align-items:center;justify-content:center;width:100%;height:1.35rem;border-radius:0 0 .2rem .2rem;border:2px solid rgba(148,163,184,.45);border-top:none;background:rgba(15,23,42,.95)}.widget-demo-actor--active .widget-demo-actor__monitor-body{border-color:rgba(45,212,191,.55);box-shadow:0 0 12px rgba(45,212,191,.2)}.widget-demo-actor__cart{font-size:.65rem;line-height:1}.widget-demo-actor--active .widget-demo-actor__cart{animation:widget-demo-actor-pop .6s ease-in-out infinite alternate}.widget-demo-actor__stand{width:.85rem;height:.35rem;margin-top:.1rem;border-radius:0 0 .15rem .15rem;background:rgba(148,163,184,.35)}.widget-demo-actor__rack{position:relative;display:flex;flex-direction:column;gap:.18rem;width:1.85rem;padding:.35rem .3rem;border-radius:.35rem;border:2px solid rgba(148,163,184,.4);background:rgba(30,41,59,.95)}.widget-demo-actor--active .widget-demo-actor__rack{border-color:rgba(45,212,191,.5);box-shadow:0 0 14px rgba(45,212,191,.18)}.widget-demo-actor__rack span:not(.widget-demo-actor__key){height:.22rem;border-radius:999px;background:rgba(148,163,184,.35)}.widget-demo-actor--active .widget-demo-actor__rack span:not(.widget-demo-actor__key){background:rgba(45,212,191,.45)}.widget-demo-actor__key{position:absolute;top:-.35rem;right:-.35rem;font-size:.55rem;line-height:1;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.widget-demo-actor__cloud{display:flex;align-items:center;justify-content:center;width:2.35rem;height:1.45rem;border-radius:999px;background:rgba(51,65,85,.95);border:2px solid rgba(148,163,184,.4);box-shadow:-.45rem .15rem 0 -.05rem rgba(51,65,85,.95),.45rem .15rem 0 -.05rem rgba(51,65,85,.95)}.widget-demo-actor--active .widget-demo-actor__cloud{border-color:rgba(45,212,191,.5);box-shadow:-.45rem .15rem 0 -.05rem rgba(51,65,85,.95),.45rem .15rem 0 -.05rem rgba(51,65,85,.95),0 0 16px rgba(45,212,191,.22)}.widget-demo-actor__cloud-core{font-size:.5625rem;font-weight:800;letter-spacing:.04em;color:rgb(153 246 228)}.widget-demo-actor__envelope{position:relative;width:2rem;height:1.35rem;border-radius:.25rem;border:2px solid rgba(148,163,184,.45);background:rgba(15,23,42,.95);overflow:hidden}.widget-demo-actor--active .widget-demo-actor__envelope{border-color:rgba(45,212,191,.5)}.widget-demo-actor__envelope-flap{position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(148,163,184,.35) 49%,rgba(148,163,184,.35) 51%,transparent 52%)}.widget-demo-actor__check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:rgb(110 231 183)}.widget-demo-theater__footer{min-height:2.25rem;margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.06)}.widget-demo-theater__hint,.widget-demo-theater__success{text-align:center;font-size:.6875rem;color:rgb(100 116 139)}.widget-demo-theater__success{color:rgb(110 231 183);font-weight:600}.widget-demo-theater__action{display:flex;align-items:flex-start;gap:.5rem;font-size:.6875rem;line-height:1.45;color:rgb(203 213 225)}.widget-demo-theater__action--enter{animation:widget-demo-theater-action-in .35s ease-out both}.widget-demo-theater__action-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:999px;background:rgba(20,184,166,.22);font-size:.625rem;font-weight:700;color:rgb(153 246 228)}.widget-demo-sim-step{border-radius:.75rem;padding:.65rem .75rem;transition:background .25s ease,border-color .25s ease}.widget-demo-sim-step--animating{animation:widget-demo-sim-step-in .35s ease-out both}.widget-demo-sim-step--active{background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.22)}.widget-demo-sim-step--complete{opacity:.92}.widget-demo-sim-step__rail{display:flex;flex-direction:column;align-items:center;width:1.5rem;flex-shrink:0}.widget-demo-sim-step__dot{display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;font-size:.625rem;font-weight:700;background:rgba(255,255,255,.06);color:rgb(148 163 184)}.widget-demo-sim-step__dot--active{background:rgba(20,184,166,.25);color:rgb(153 246 228);box-shadow:0 0 0 3px rgba(20,184,166,.12);animation:widget-demo-glow-pulse 2s ease-in-out infinite}.widget-demo-sim-step__dot--complete{background:rgba(52,211,153,.2);color:rgb(110 231 183)}.widget-demo-sim-step__line{flex:1;width:2px;min-height:1rem;margin-top:.25rem;background:rgba(255,255,255,.08);border-radius:999px;transition:background .4s ease}.widget-demo-sim-step__line--done{background:linear-gradient(180deg,rgba(52,211,153,.55),rgba(52,211,153,.2))}@media (max-width:640px){.widget-demo-theater__stage{grid-template-columns:1fr;gap:.35rem;min-height:auto}.widget-demo-theater__cell{display:block}.widget-demo-theater__node{flex-direction:row;justify-content:flex-start;gap:.65rem;padding:.35rem .25rem}.widget-demo-theater__label{text-align:left;max-width:none}.widget-demo-theater__track{width:2px;height:1.25rem;min-width:0;margin:0 auto}.widget-demo-theater__track-line{left:50%;right:auto;top:0;bottom:0;width:3px;height:auto;transform:translateX(-50%)}.widget-demo-theater__packet{left:50%;top:0;transform:translateX(-50%);animation-name:widget-demo-theater-packet-vertical}.widget-demo-theater__chip{left:50%;top:0;transform:translate(-50%,-110%);animation-name:widget-demo-theater-chip-vertical}.widget-demo-theater__track-check{top:50%;left:50%}}@keyframes widget-demo-theater-packet-vertical{0%{top:0;opacity:0;transform:translateX(-50%) scale(.65)}12%{opacity:1;transform:translateX(-50%) scale(1)}88%{opacity:1;transform:translateX(-50%) scale(1)}to{top:calc(100% - .55rem);opacity:0;transform:translateX(-50%) scale(.75)}}@keyframes widget-demo-theater-chip-vertical{0%{top:0;opacity:0;transform:translate(calc(-50% + 1.5rem),-50%)}15%{opacity:1;transform:translate(calc(-50% + 1.5rem),-50%)}85%{opacity:1;transform:translate(calc(-50% + 1.5rem),-50%)}to{top:calc(100% - .25rem);opacity:0;transform:translate(calc(-50% + 1.5rem),-50%)}}@media (prefers-reduced-motion:reduce){.widget-demo-actor--active,.widget-demo-actor__cart,.widget-demo-sim-step--animating,.widget-demo-sim-step__dot--active,.widget-demo-theater__action--enter,.widget-demo-theater__badge-dot,.widget-demo-theater__chip,.widget-demo-theater__packet,.widget-demo-theater__track--active .widget-demo-theater__track-line{animation:none!important}.widget-demo-theater__packet{left:50%;opacity:.85;transform:translate(-50%,-50%)}.widget-demo-theater__chip{left:50%;opacity:1;transform:translate(-50%,-130%)}}