.odv-tab{position:relative;width:100%;container-type:inline-size;font-family:var(--ff-sans)}.odv-tab-body{position:relative;z-index:1;aspect-ratio:16/10.4;padding:2.9cqw 3.3cqw;border-radius:4.4cqw;background:linear-gradient(160deg,#3a4456,#151c2a 44%,#06090f);box-shadow:inset 0 0 0 .35cqw hsla(0,0%,100%,.09),inset 0 1px 0 hsla(0,0%,100%,.28),0 6cqw 12cqw -4cqw rgba(0,0,0,.75)}.odv-tab-cam{position:absolute;left:1.35cqw;top:50%;width:.9cqw;height:.9cqw;margin-top:-.45cqw;border-radius:50%;background:#1b2232;box-shadow:inset 0 0 0 .2cqw rgba(90,155,255,.35)}.odv-tab-stand{position:absolute;left:50%;top:calc(100% - 1.5cqw);width:22cqw;height:7cqw;margin-left:-11cqw;border-radius:0 0 2cqw 2cqw;background:linear-gradient(90deg,#0a0e16,#262f40 50%,#0a0e16);-webkit-clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.odv-tab-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:1.5cqw;background:#0a1322;color:#e6edff}.odv-tab-screen:after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(118deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.025) 28%,transparent 42%);pointer-events:none}.odv-tab-bar{flex:none;display:flex;align-items:center;gap:1.6cqw;height:6.6cqw;padding:0 2.2cqw;border-bottom:1px solid rgba(148,178,255,.1);background:#0d182c;font-size:1.8cqw}.odv-tab-shop{display:inline-flex;align-items:center;gap:1.1cqw;margin-right:auto;font-weight:700;letter-spacing:-.01em;color:#fff}.odv-tab-logo{display:grid;place-items:center;width:3.5cqw;height:3.5cqw;border-radius:1cqw;background:linear-gradient(140deg,#ff8a4c,#e5482d);font-size:2cqw;font-weight:800;color:#fff}.odv-tab-status{display:inline-flex;align-items:center;gap:.8cqw;padding:.55cqw 1.3cqw;border-radius:99px;background:rgba(197,242,59,.12);font-family:var(--ff-mono);font-size:1.45cqw;color:var(--signal)}.odv-tab-status i{width:.9cqw;height:.9cqw;border-radius:50%;background:var(--signal);box-shadow:0 0 1cqw rgba(197,242,59,.8)}.odv-tab-time{font-family:var(--ff-mono);font-size:1.6cqw;color:#a7b6d3}.odv-tab-main{flex:1 1;min-height:0;display:grid;grid-template-columns:36fr 64fr}.odv-tab-list{display:flex;flex-direction:column;gap:1.1cqw;padding:2cqw 1.7cqw;border-right:1px solid rgba(148,178,255,.1);background:#0b1526}.odv-tab-list-title{font-family:var(--ff-mono);font-size:1.35cqw;letter-spacing:.14em;text-transform:uppercase;color:#6f82a6}.odv-tab-slot{display:grid}.odv-tab-slot>*{grid-area:1/1}.odv-tab-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.9cqw;gap:.9cqw;padding:1.15cqw 1.2cqw;border-radius:1.1cqw;background:rgba(148,178,255,.06);font-size:1.5cqw;color:#a7b6d3;transition:opacity .45s var(--ease-out),transform .6s var(--ease-out)}.odv-tab-row b{font-weight:600;color:#eef3ff}.odv-tab-row b,.odv-tab-row span:last-child{font-family:var(--ff-mono)}.odv-tab-row--new{background:rgba(61,142,242,.22);box-shadow:inset 0 0 0 1px rgba(90,155,255,.6);color:#fff}.odv-tab-row--wait{display:flex;justify-content:center;border:1px dashed rgba(148,178,255,.28);background:transparent;font-family:var(--ff-mono);font-size:1.3cqw;color:#6f82a6;opacity:0}.odv-tab-detail{position:relative}.odv-tab-idle,.odv-tab-order{position:absolute;inset:2cqw;transition:opacity .45s var(--ease-out),transform .65s var(--ease-out)}.odv-tab-idle{display:grid;place-content:center;justify-items:center;grid-gap:1.3cqw;gap:1.3cqw;text-align:center;font-size:1.8cqw;color:#a7b6d3;opacity:0}.odv-tab-idle svg{width:6cqw;height:6cqw;color:#5a9bff}.odv-tab-idle strong{font-size:2.2cqw;font-weight:600;color:#eef3ff}.odv-tab-idle span{padding:.5cqw 1.4cqw;border-radius:99px;background:rgba(148,178,255,.08);font-family:var(--ff-mono);font-size:1.4cqw}.odv-tab-order{display:flex;flex-direction:column;gap:1.4cqw;padding:2.1cqw 2.3cqw;border-radius:1.8cqw;background:#f4f6fb;box-shadow:0 2cqw 5cqw -1cqw rgba(0,0,0,.6),0 0 0 .3cqw rgba(90,155,255,.35);color:var(--ink)}.odv-tab-order-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6cqw 1.2cqw;padding-bottom:1.3cqw;border-bottom:.25cqw dashed rgba(10,18,34,.16)}.odv-tab-new{padding:.45cqw 1.2cqw;border-radius:99px;background:var(--blue-600);font-size:1.45cqw;font-weight:700;color:#fff}.odv-tab-order-head strong{font-family:var(--ff-mono);font-size:2.3cqw;color:var(--ink)}.odv-tab-when{width:100%;font-family:var(--ff-mono);font-size:1.45cqw;color:var(--ink-3)}.odv-tab-items{display:grid;grid-gap:.9cqw;gap:.9cqw;font-size:1.7cqw}.odv-tab-items li{display:grid;grid-template-columns:3.4cqw minmax(0,1fr) auto;grid-gap:.8cqw;gap:.8cqw;align-items:baseline}.odv-tab-price,.odv-tab-qty{font-family:var(--ff-mono);color:var(--ink-3)}.odv-tab-price{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.odv-tab-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.odv-tab-total{display:flex;align-items:baseline;justify-content:space-between;margin-top:auto;font-size:1.7cqw}.odv-tab-total strong{font-family:var(--ff-mono);font-size:2.6cqw;color:var(--ink)}.odv-tab-actions{display:grid}.odv-tab-actions>*{grid-area:1/1}.odv-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8cqw;height:4.6cqw;border-radius:99px;font-size:1.6cqw;font-weight:600;transition:opacity .4s var(--ease-out)}.odv-tab-btn--accept{background:var(--ink);color:#fff;opacity:0}.odv-tab-btn--printing{background:rgba(14,122,79,.12);box-shadow:inset 0 0 0 1px rgba(14,122,79,.35);color:var(--positive-day)}.odv-tab-btn svg{width:2cqw;height:2cqw}[data-reached]:not([data-reached~="7"]) .odv-tab-idle,[data-reached]:not([data-reached~="7"]) .odv-tab-row--wait{opacity:1}[data-reached]:not([data-reached~="7"]) .odv-tab-row--new{opacity:0;transform:translateX(-6%)}[data-reached]:not([data-reached~="7"]) .odv-tab-order{opacity:0;transform:translateY(5%) scale(.96)}[data-reached]:not([data-reached~="8"]) .odv-tab-btn--accept{opacity:1}[data-reached]:not([data-reached~="8"]) .odv-tab-btn--printing{opacity:0}[data-stage="7"] .odv-tab-order{animation:odv-alert 1.1s var(--ease-out) 2}[data-stage="7"] .odv-tab-btn--accept{animation:odv-press 1.6s var(--ease-out) infinite}@keyframes odv-alert{0%{box-shadow:0 2cqw 5cqw -1cqw rgba(0,0,0,.6),0 0 0 .3cqw rgba(90,155,255,.7)}to{box-shadow:0 2cqw 5cqw -1cqw rgba(0,0,0,.6),0 0 0 3cqw rgba(90,155,255,0)}}@keyframes odv-press{0%,to{transform:none}50%{transform:scale(.97)}}.odv-prn{position:relative;width:100%;container-type:inline-size}.odv-prn-body{position:relative;z-index:2;aspect-ratio:100/60;border-radius:10cqw 10cqw 7cqw 7cqw;background:radial-gradient(90% 60% at 30% 0,hsla(0,0%,100%,.14),transparent 60%),linear-gradient(180deg,#333d50,#1a2130 34%,#0c1119);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),inset 0 0 0 1px hsla(0,0%,100%,.06),0 7cqw 11cqw -4cqw rgba(0,0,0,.75)}.odv-prn-slot{position:absolute;left:11cqw;right:11cqw;top:4.5cqw;height:2.8cqw;border-radius:2cqw;background:#03060b;box-shadow:0 1px 0 hsla(0,0%,100%,.14)}.odv-prn-seam{position:absolute;left:7cqw;right:7cqw;top:17cqw;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.14),transparent)}.odv-prn-bt{position:absolute;left:9cqw;bottom:9cqw;display:grid;place-items:center;width:9cqw;height:9cqw;border-radius:50%;background:rgba(61,142,242,.16);color:var(--blue-400)}.odv-prn-bt svg{width:62%;height:62%}.odv-prn-led{position:absolute;right:10cqw;bottom:12cqw;width:3cqw;height:3cqw;border-radius:50%;background:var(--signal);box-shadow:0 0 3cqw rgba(197,242,59,.85)}[data-stage="8"] .odv-prn-led{animation:odv-blink .35s steps(2,jump-none) infinite}@keyframes odv-blink{50%{opacity:.25}}.odv-prn-paper{position:absolute;left:15cqw;right:15cqw;bottom:calc(60cqw - 6.2cqw);z-index:1}.odv-tkt{position:relative;width:100%;container-type:inline-size;padding-top:4.5cqw}.odv-tkt-rail{position:absolute;left:0;right:0;top:0;z-index:2;height:5cqw;border-radius:3cqw;background:linear-gradient(180deg,#eef2f9,#a3aec1 42%,#5b6679);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 2.4cqw 4cqw -1cqw rgba(0,0,0,.55)}.odv-tkt-paper{--zz:4.2cqw;position:relative;margin:0 17cqw;padding:8cqw 6.5cqw 10cqw;background:radial-gradient(140% 50% at 50% 0,#fff 0,transparent 60%),linear-gradient(180deg,#fdfcf8,var(--paper));color:#24272c;font-family:var(--ff-mono);font-size:4.3cqw;line-height:1.45;letter-spacing:.02em;text-transform:uppercase;transform:rotate(-1.6deg);transform-origin:50% 0;filter:drop-shadow(0 3cqw 4cqw rgba(0,0,0,.45));-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /var(--zz) 51% repeat-x,linear-gradient(#000 0 0) top /100% 51% no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /var(--zz) 51% repeat-x,linear-gradient(#000 0 0) top /100% 51% no-repeat;transition:opacity .5s var(--ease-out),transform .8s var(--ease-out)}.odv-tkt-clip{position:absolute;left:50%;top:0;width:16cqw;height:5cqw;margin-left:-8cqw;border-radius:0 0 1.6cqw 1.6cqw;background:linear-gradient(180deg,#c9d2e0,#7f8a9d)}.odv-tkt-head{display:flex;align-items:baseline;justify-content:space-between;font-size:5.8cqw}.odv-tkt-head strong{font-weight:700;color:#1c1f24}.odv-tkt-head span{font-size:4.2cqw;color:#5b616b}.odv-tkt-type{display:block;margin:.8cqw 0 4cqw;padding-bottom:3.6cqw;border-bottom:.6cqw dashed rgba(36,39,44,.36);color:#5b616b}.odv-tkt-items{display:grid;grid-gap:2.8cqw;gap:2.8cqw}.odv-tkt-items li{display:flex;align-items:center;gap:2.6cqw}.odv-tkt-box{flex:none;display:grid;place-items:center;width:5.8cqw;height:5.8cqw;border:.6cqw solid #24272c;border-radius:1.2cqw}.odv-tkt-box svg{width:4.6cqw;height:4.6cqw;color:var(--positive-day)}.odv-tkt-status{display:grid;margin-top:5.5cqw}.odv-tkt-status>*{grid-area:1/1;justify-self:start;padding:1.4cqw 3.2cqw;border:.6cqw solid;border-radius:1.2cqw;font-weight:700;letter-spacing:.1em;transition:opacity .4s var(--ease-out)}.odv-tkt-prep{color:#3a4a63;opacity:0}.odv-tkt-ready{color:var(--positive-day)}[data-flow]:not([data-flow~="4"]) .odv-tkt-paper{opacity:0;transform:translateY(-14cqw) rotate(-7deg)}[data-flow]:not([data-flow~="5"]) .odv-tkt-prep{opacity:1}[data-flow]:not([data-flow~="5"]) .odv-tkt-ready{opacity:0}[data-flow]:not([data-flow~="5"]) .odv-tkt-box svg{opacity:0;transform:scale(.4)}[data-step="4"] .odv-tkt-box svg{animation:odv-tick .42s var(--ease-out) both;animation-delay:calc(var(--n, 0) * .55s + .8s)}@keyframes odv-tick{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.odv-bag{position:relative;width:100%;container-type:inline-size;display:grid;justify-items:center;grid-gap:5cqw;gap:5cqw;font-family:var(--ff-sans)}.odv-bag-note{position:relative;z-index:2;display:flex;align-items:center;gap:3cqw;padding:3cqw 5cqw 3cqw 3cqw;border:1px solid rgba(148,178,255,.2);border-radius:6cqw;background:rgba(10,18,34,.92);box-shadow:0 4cqw 9cqw -3cqw rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.08);color:#fff;transition:opacity .45s var(--ease-out),transform .65s var(--ease-out)}.odv-bag-note-icon{flex:none;display:grid;place-items:center;width:9cqw;height:9cqw;border-radius:50%;background:var(--signal);color:var(--ink)}.odv-bag-note-icon svg{width:55%;height:55%}.odv-bag-note-text{display:grid;line-height:1.3}.odv-bag-note-text strong{font-size:4.6cqw;font-weight:650;color:#fff;white-space:nowrap}.odv-bag-note-text span{font-family:var(--ff-mono);font-size:3.6cqw;color:var(--on-night-2)}.odv-bag-art{position:relative;width:58cqw;aspect-ratio:100/108;filter:drop-shadow(0 6cqw 6cqw rgba(0,0,0,.5))}.odv-bag-handle{position:absolute;left:31%;right:31%;top:0;height:26%;border:2.6cqw solid #8a6440;border-bottom:0;border-radius:40cqw 40cqw 0 0}.odv-bag-body{--zz:4cqw;position:absolute;inset:15% 0 0;border-radius:0 0 3cqw 3cqw;background:linear-gradient(90deg,#a87b50,#d3aa7b 26%,#c99f72 64%,#9f744a);box-shadow:inset 0 -4cqw 7cqw rgba(80,50,20,.28);-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /var(--zz) 51% repeat-x,linear-gradient(#000 0 0) bottom /100% 51% no-repeat;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /var(--zz) 51% repeat-x,linear-gradient(#000 0 0) bottom /100% 51% no-repeat}.odv-bag-fold{position:absolute;left:0;right:0;top:0;height:17%;background:linear-gradient(180deg,rgba(90,60,30,.35),rgba(90,60,30,.08));box-shadow:0 1px 0 hsla(0,0%,100%,.18)}.odv-bag-sticker{position:absolute;left:50%;top:42%;padding:3.2cqw 5.4cqw;border-radius:2cqw;background:#fff;font-family:var(--ff-mono);font-size:6cqw;font-weight:700;letter-spacing:.04em;color:var(--ink);box-shadow:0 1.5cqw 3cqw rgba(60,40,20,.35);transform:translateX(-50%) rotate(-4deg);transition:opacity .4s var(--ease-out),transform .6s var(--ease-out)}.odv-bag-modes{display:flex;gap:2.5cqw}.odv-bag-mode{display:inline-flex;align-items:center;gap:2cqw;padding:2.4cqw 4.4cqw 2.4cqw 3.4cqw;border:1px solid rgba(148,178,255,.25);border-radius:99px;font-size:4.3cqw;font-weight:600;color:var(--on-night-2);white-space:nowrap}.odv-bag-mode svg{width:5.6cqw;height:5.6cqw}.odv-bag-mode.is-on{border-color:rgba(197,242,59,.45);background:rgba(197,242,59,.12);color:var(--signal)}[data-flow]:not([data-flow~="5"]) .odv-bag-note{opacity:0;transform:translateY(-25%) scale(.96)}[data-flow]:not([data-flow~="5"]) .odv-bag-sticker{opacity:0;transform:translateX(-50%) rotate(-12deg) scale(1.4)}.oflow{display:grid}.oflow-steps{display:grid;grid-gap:clamp(.75rem,1.6vw,1rem);gap:clamp(.75rem,1.6vw,1rem)}.oflow-step{grid-template-columns:minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;padding:.75rem .75rem 1.5rem;border:1px solid var(--line-day);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-sm)}.oflow-copy,.oflow-step{display:grid;align-content:start}.oflow-copy{grid-gap:.6rem;gap:.6rem;padding-inline:.5rem}.oflow-num{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--ff-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.oflow-num span:first-child{display:grid;place-items:center;min-width:2.4rem;height:1.6rem;padding:0 .5rem;border-radius:var(--r-pill);background:var(--ink);color:#fff;letter-spacing:.08em}.oflow-copy h3{max-width:22ch;font-size:clamp(1.25rem,1.08rem + .6vw,1.6rem);line-height:1.16;letter-spacing:-.025em}.oflow-copy p{max-width:44ch;font-size:1rem;color:var(--ink-2)}.oflow-mini{position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:5/4;border-radius:calc(var(--r-lg) - 6px);background:radial-gradient(70% 60% at 50% 40%,rgba(29,111,216,.38),transparent 72%),linear-gradient(180deg,var(--night-900) 0,var(--night-1000) 100%);box-shadow:inset 0 1px 0 rgba(148,178,255,.16)}.oflow-mini>*{display:grid;place-items:center;width:100%;height:100%}.oflow-panel-wrap{display:none}.oflow-dev{position:relative;width:100%}.oflow-mini .oflow-dev--phone{width:30%;align-self:start;margin-top:9%}.oflow-mini .oflow-dev--tablet{width:84%;margin-top:-4%}.oflow-mini .oflow-dev--printer{width:36%;align-self:end;margin-bottom:9%}.oflow-mini .oflow-dev--ticket{width:66%;align-self:start;margin-top:7%}.oflow-mini .oflow-dev--bag{width:58%}@media (min-width:640px) and (max-width:1023px){.oflow-step{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:1.75rem;padding:.75rem 1.75rem .75rem .75rem}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.oflow-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.oflow-mini{aspect-ratio:1/1.1}.oflow-copy h3{font-size:clamp(1.1rem,.9rem + .4vw,1.3rem)}.oflow-copy p{font-size:.9375rem}.oflow-mini .oflow-dev--phone{width:46%}.oflow-mini .oflow-dev--tablet{width:94%}.oflow-mini .oflow-dev--printer{width:52%}.oflow-mini .oflow-dev--ticket{width:88%}.oflow-mini .oflow-dev--bag{width:84%}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.oflow{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2.5rem,5vw,5.5rem);align-items:start}.oflow-steps{gap:0;padding-block:max(4vh,calc(23vh - var(--nav-top) - var(--nav-h) - 1.25rem)) max(8vh,calc(var(--nav-top) + var(--nav-h) + 1.25rem + min(660px, 100vh - var(--nav-top) - var(--nav-h) - 2.5rem) - 77vh + 1.5rem))}.oflow-step{position:relative;min-height:54vh;align-content:center;padding:0 0 0 clamp(1.5rem,2.4vw,2.25rem);border:0;border-radius:0;background:none;box-shadow:none}.oflow-step:not(.is-active) .oflow-copy h3,.oflow-step:not(.is-active) .oflow-copy p,.oflow-step:not(.is-active) .oflow-num{color:var(--ink-3)}.oflow-step:not(.is-active) .oflow-num span:first-child{background:var(--ink-3);color:#fff}.oflow-copy h3,.oflow-copy p,.oflow-num,.oflow-num span:first-child{transition:color .5s var(--ease-out),background-color .5s var(--ease-out)}.oflow-step:before{top:0;bottom:0;background:var(--line-day-strong)}.oflow-step:after,.oflow-step:before{content:"";position:absolute;left:0;width:2px}.oflow-step:after{top:50%;height:0;background:linear-gradient(180deg,var(--blue-500),var(--glow-cyan));transform:translateY(-50%);transition:height .7s var(--ease-out)}.oflow-step.is-active:after{height:46%}.oflow-copy{gap:1rem;padding:0}.oflow-copy h3{max-width:16ch;font-size:clamp(1.75rem,1.1rem + 1.25vw,2.5rem);line-height:1.08;letter-spacing:-.035em}.oflow-copy p{font-size:var(--fs-lead);line-height:1.5}.oflow-mini{display:none}.oflow-panel-wrap{display:block;position:-webkit-sticky;position:sticky;top:calc(var(--nav-top) + var(--nav-h) + 1.25rem);height:min(660px,calc(100vh - var(--nav-top) - var(--nav-h) - 2.5rem))}}.oflow-panel{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;overflow:hidden;border-radius:var(--r-xl);background:radial-gradient(60% 46% at 50% 44%,rgba(29,111,216,.36),transparent 72%),linear-gradient(180deg,var(--night-900) 0,var(--night-1000) 100%);box-shadow:inset 0 1px 0 rgba(148,178,255,.16),0 50px 100px -50px rgba(10,18,34,.65);color:var(--on-night-2);container-type:inline-size}.oflow-panel:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);background-size:160px 160px;opacity:.35;mix-blend-mode:soft-light;pointer-events:none}.oflow-stage{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.oflow-stage:after{content:"";position:absolute;left:0;right:0;bottom:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(148,178,255,.3) 30%,rgba(148,178,255,.3) 70%,transparent)}.oflow-track{--slot:62cqw;--gap:7cqw;position:absolute;top:0;bottom:0;left:calc(50% - var(--slot) / 2);display:flex;gap:var(--gap);transform:translateX(calc((var(--step, 1) - 1) * (var(--slot) + var(--gap)) * -1));transition:transform 1s var(--ease-out)}.oflow-slot{flex:none;position:relative;display:grid;place-items:center;width:var(--slot);height:100%;opacity:.38;scale:.72;transition:opacity .7s var(--ease-out),scale 1s var(--ease-out)}.oflow-panel[data-step="1"] .oflow-slot[data-slot="1"],.oflow-panel[data-step="2"] .oflow-slot[data-slot="2"],.oflow-panel[data-step="3"] .oflow-slot[data-slot="3"],.oflow-panel[data-step="4"] .oflow-slot[data-slot="4"],.oflow-panel[data-step="5"] .oflow-slot[data-slot="5"]{opacity:1;scale:1}.oflow-slot .oflow-dev--phone{width:50%}.oflow-slot .oflow-dev--tablet{width:118%}.oflow-slot .oflow-dev--printer{width:58%;margin-top:56%}.oflow-slot .oflow-dev--ticket{width:100%;margin-top:-4%}.oflow-slot .oflow-dev--bag{width:100%}.oflow-progress{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:1.15rem .75rem 1.35rem;border-top:1px solid var(--line-night)}.oflow-progress li{position:relative;display:grid;justify-items:center;grid-gap:.6rem;gap:.6rem;font-family:var(--ff-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--on-night-3);transition:color .4s var(--ease-out)}.oflow-progress li+li:before{content:"";position:absolute;top:6px;right:50%;width:100%;height:2px;background:rgba(148,178,255,.16);transition:background-color .5s var(--ease-out)}.oflow-progress li[data-state=done]+li:before{background:var(--blue-500)}.oflow-dot{position:relative;z-index:1;width:14px;height:14px;border:2px solid rgba(148,178,255,.35);border-radius:50%;background:var(--night-950);transition:background-color .4s,border-color .4s,box-shadow .4s}.oflow-progress li[data-state=done]{color:var(--on-night-2)}.oflow-progress li[data-state=done] .oflow-dot{border-color:var(--blue-500);background:var(--blue-500)}.oflow-progress li[data-state=current]{color:var(--on-night)}.oflow-progress li[data-state=current] .oflow-dot{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 5px rgba(197,242,59,.16),0 0 14px rgba(197,242,59,.6)}