.ox-process.is-pinned .ox-step[data-state=active],.ox-process:not(.is-pinned) .ox-step.is-on{--ox-run: running}.ox-scene{position:relative;min-height:0}.ox-scene svg{display:block;width:100%;height:100%;overflow:visible}.ox-step .ox-scene{height:clamp(170px,46vw,230px);max-width:460px;margin:0 0 20px;padding:10px 8px;border-radius:var(--ox-radius-m);background:radial-gradient(120% 90% at 50% 0%,#c5d49a1a,#c5d49a05 70%);border:1px solid rgba(197,212,154,.16)}.ox-process.is-pinned .ox-steps{height:clamp(460px,68vh,640px)}.ox-process.is-pinned .ox-step{justify-content:flex-start;gap:0}.ox-process.is-pinned .ox-step .ox-scene{flex:1 1 auto;height:auto;max-width:none;margin:34px 0 26px;padding:0;border:0;background:none}.ox-process.is-pinned .ox-step:before{display:block;content:"";position:absolute;inset:auto 0 0 0;height:70%;background:radial-gradient(70% 60% at 50% 30%,rgba(197,212,154,.08),transparent 70%);pointer-events:none}.ox-process.is-pinned .ox-step__num{top:clamp(22px,2.6vw,34px);left:clamp(28px,3.4vw,52px);right:auto;font-size:12.5px;line-height:1;font-weight:700;font-stretch:100%;letter-spacing:.14em;color:var(--ox-sage);-webkit-text-stroke:0;padding:8px 12px;border:1px solid rgba(197,212,154,.3);border-radius:999px;font-variant-numeric:tabular-nums}.ox-process.is-pinned .ox-step__num:before{content:"STEP ";color:#8f9a7e}.ox-process.is-pinned .ox-step h3,.ox-process.is-pinned .ox-step p{flex:none}.ox-scene .sc-line{fill:none;stroke:#c5d49a80;stroke-width:1.5}.ox-scene .sc-faint{fill:none;stroke:#c5d49a24;stroke-width:1.2}.ox-scene .sc-strong{fill:none;stroke:var(--ox-sage);stroke-width:2.5;stroke-linecap:round}.ox-scene .sc-pill{fill:#c5d49a12;stroke:#c5d49a61;stroke-width:1.2}.ox-scene .sc-box{fill:#c5d49a1f;stroke:var(--ox-sage);stroke-width:1.5}.ox-scene .sc-box--solid{fill:var(--ox-sage);stroke:none}.ox-scene .sc-box--lid{fill:#2b3426}.ox-scene .sc-screen{fill:#0a0e0973;stroke:#c5d49a4d;stroke-width:1.2}.ox-scene .sc-term{fill:#0a0e0980;stroke:#c5d49a33;stroke-width:1}.ox-scene .sc-tag{fill:#1c2219e6;stroke:#c5d49a73;stroke-width:1.2}.ox-scene .sc-tag--note{stroke:#e2c27a}.ox-scene .sc-label{fill:#e9efd6}.ox-scene .sc-bars{stroke:var(--ox-ink);stroke-width:2}.ox-scene .sc-dot{fill:var(--ox-sage)}.ox-scene .sc-dot--warn{fill:#e2c27a}.ox-scene .sc-lead{fill:none;stroke:#c5d49a8c;stroke-width:1.2;stroke-dasharray:3 4}.ox-scene .sc-t{fill:#e9efd6;font:600 13px/1 var(--ox-font);letter-spacing:0}.ox-scene .sc-t--b{font-weight:750;font-size:16px;fill:#f3f6ea}.ox-scene .sc-t--m{fill:#8f9a7e;font-weight:550;font-size:12px}.ox-scene .sc-t--s{font-size:10.5px;fill:var(--ox-ink);font-weight:700;letter-spacing:.04em}.ox-scene .sc-t--ink{fill:var(--ox-ink);font-weight:750;letter-spacing:.06em}.ox-scene .sc-t--ok{fill:var(--ox-sage)}.ox-scene .sc-t--mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;font-weight:500}.ox-scene .sc-t--mono.sc-t--s{font-size:10.5px;font-weight:700}.ox-scene .sc-draw,.ox-scene .sc-fade,.ox-scene .sc-pop,.ox-scene .sc-pin,.ox-scene .sc-stamp,.ox-scene .sc-lid,.ox-scene .sc-type,.ox-scene .sc-cell,.ox-scene .sc-meter,.ox-scene .sc-loupe,.ox-scene .sc-flow,.ox-scene .sc-truck,.ox-scene .sc-cursor,.ox-scene .sc-scan{animation-play-state:var(--ox-run, paused)}.ox-scene .sc-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:sc-draw var(--t, 1s) var(--ox-ease) var(--d, 0s) both}@keyframes sc-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.ox-scene .sc-fade{animation:sc-fade .7s var(--ox-ease) var(--d, 0s) both}@keyframes sc-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ox-scene .sc-pop,.ox-scene .sc-stamp{transform-box:fill-box;transform-origin:center}.ox-scene .sc-pop{animation:sc-pop .7s cubic-bezier(.34,1.56,.64,1) var(--d, 0s) both}@keyframes sc-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.ox-scene .sc-stamp{animation:sc-stamp .55s cubic-bezier(.34,1.56,.64,1) var(--d, 0s) both}@keyframes sc-stamp{0%{opacity:0;transform:scale(1.6) rotate(-8deg)}to{opacity:1;transform:rotate(-4deg)}}.ox-scene .sc-flow{fill:none;stroke:var(--ox-sage);stroke-width:3;stroke-linecap:round;stroke-dasharray:.08 .92;stroke-dashoffset:1;opacity:0;animation:sc-flow 2.2s linear var(--d, 0s) infinite}@keyframes sc-flow{0%{stroke-dashoffset:1;opacity:0}10%{opacity:1}85%{opacity:1}to{stroke-dashoffset:.08;opacity:0}}.ox-scene .sc-lens{fill:#c5d49a1a;stroke:var(--ox-sage);stroke-width:2.5}.ox-scene .sc-loupe{transform:translate(92px,128px);animation:sc-loupe 2.6s var(--ox-ease) .2s both}@keyframes sc-loupe{0%{transform:translate(70px,64px);opacity:0}10%{opacity:1}30%{transform:translate(236px,46px)}60%{transform:translate(180px,176px)}to{transform:translate(92px,128px);opacity:1}}.ox-scene .sc-pin{animation:sc-fade .6s var(--ox-ease) var(--d, 0s) both}.ox-scene .sc-wave{fill:none;stroke:var(--ox-sage);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(197,212,154,.55))}.ox-scene .sc-meter{fill:var(--ox-sage);transform-box:fill-box;transform-origin:50% 100%;animation:sc-meter 1.8s var(--ox-ease) .3s both}@keyframes sc-meter{0%{transform:scaleY(0)}to{transform:none}}.ox-scene .sc-scan{fill:var(--ox-sage);transform-box:fill-box;transform-origin:center;animation:sc-ping 1.6s ease-out 1.9s infinite both}@keyframes sc-ping{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(2.4)}}.ox-scene .sc-cell{fill:#c5d49a0f;stroke:#c5d49a38;stroke-width:1;animation:sc-wipe .5s ease var(--d, 0s) both}@keyframes sc-wipe{0%{fill:#c5d49ad9;stroke:#c5d49ad9}to{fill:#c5d49a0f;stroke:#c5d49a38}}.ox-scene .sc-ring{fill:none;stroke:var(--ox-sage);stroke-width:4;stroke-linecap:round}.ox-scene .sc-type{animation:sc-type .5s steps(6,end) var(--d, 0s) both}@keyframes sc-type{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.ox-scene .sc-cursor{fill:var(--ox-sage);animation:sc-blink 1s steps(1,end) 2.3s infinite both}@keyframes sc-blink{0%,to{opacity:0}50%{opacity:1}}.ox-scene .sc-lid{animation:sc-lid .7s var(--ox-ease) var(--d, 0s) both}@keyframes sc-lid{0%{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:none}}.ox-scene .sc-track{fill:none;stroke:#c5d49a59;stroke-width:1.5;stroke-dasharray:2 6;stroke-linecap:round}.ox-scene .sc-truck{fill:var(--ox-sage);filter:drop-shadow(0 0 6px rgba(197,212,154,.7));animation:sc-truck 3.2s var(--ox-ease) 1.8s infinite both}@keyframes sc-truck{0%{transform:translate(0);opacity:0}8%{opacity:1}88%{opacity:1}to{transform:translate(356px);opacity:0}}@media(prefers-reduced-motion:reduce){.ox-scene *{animation:none!important}.ox-scene .sc-flow,.ox-scene .sc-scan,.ox-scene .sc-cursor{display:none}.ox-scene .sc-truck{transform:translate(178px)}.ox-scene .sc-stamp{transform:rotate(-4deg)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/outlecta-process.css.map */