.op-order{isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#236b3e;border:0;border-radius:999px;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;height:48px;min-height:48px;padding:0 16px;font-family:inherit;transition:background .2s,box-shadow .2s,transform .12s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #236b3e59}@media (min-width:640px){.op-order{width:auto;min-width:220px;height:50px;min-height:50px;padding:0 36px}}.op-order:focus-visible{outline:none;box-shadow:0 0 0 3px #2e7d3259}.op-order:not(.is-run):not(.is-done):hover{background:#1e5c35;box-shadow:0 6px 18px #236b3e73}.op-order:not(.is-run):not(.is-done):active{transform:scale(.985)}.op-order:disabled:not(.is-run):not(.is-done),.op-order[disabled]:not(.is-run):not(.is-done){opacity:.5;cursor:not-allowed;filter:grayscale(.2)}.op-label{z-index:4;color:#fff;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;place-items:center;padding:0 12px;font-size:clamp(11px,3.2vw,13px);font-weight:700;display:grid;position:absolute;inset:0}@media (min-width:640px){.op-label{letter-spacing:.03em;padding:0 20px;font-size:14px}}.op-road{z-index:1;opacity:0;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff59 0 10px,#0000 10px 24px) 0 38px/100% 2px no-repeat,linear-gradient(#183c25 0%,#0f2617 100%);position:absolute;inset:0}.op-scene{z-index:2;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.op-done{z-index:5;color:#fff;letter-spacing:.02em;text-shadow:0 1px 3px #0006;opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.op-done svg{width:20px;height:20px;display:block}.op-done path{stroke:#4ade80;stroke-width:3.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px}.op-order.is-run{cursor:default;background:#1b4d2e;animation:.2s ease-out both op-press;box-shadow:0 4px 18px #1b4d2e73;opacity:1!important}.op-order.is-run .op-scene{opacity:1}.op-order.is-run .op-label{animation:.16s cubic-bezier(.4,0,1,1) 20ms both op-label-out}.op-order.is-run .op-road{animation:.2s 80ms both op-fade-in}.op-order.is-run .op-truck{animation:.48s cubic-bezier(.16,.84,.34,1) .16s both op-truck-in,.52s cubic-bezier(.6,.02,.86,.4) 1.9s forwards op-truck-out}.op-order.is-run .op-lines{animation:.4s ease-out 1.88s both op-lines}.op-order.is-run .op-shutter{animation:.24s cubic-bezier(.35,.9,.4,1) .85s both op-shutter-up,.24s cubic-bezier(.5,.1,.6,1) 1.46s forwards op-shutter-down}.op-order.is-run .op-pkg{animation:.26s cubic-bezier(.34,1.4,.64,1) 50ms both op-pkg-drop,.34s cubic-bezier(.5,-.1,.35,1) 1.08s forwards op-pkg-load}.op-order.is-done{cursor:default;box-shadow:0 4px 18px #1e5c3573;opacity:1!important;background:#1e5c35!important}.op-order.is-done .op-label{opacity:0!important;visibility:hidden!important;display:none!important}.op-order.is-done .op-road,.op-order.is-done .op-scene{animation:.2s both op-fade-out}.op-order.is-done .op-done{animation:.3s cubic-bezier(.2,.9,.3,1) both op-fade-up;opacity:1!important;display:flex!important}.op-order.is-done .op-done path{animation:.35s cubic-bezier(.5,.2,.2,1) 50ms both op-draw}@keyframes op-press{0%{transform:scale(1)}32%{transform:scale(.965)}to{transform:scale(1)}}@keyframes op-fade-in{0%{opacity:0}to{opacity:1}}@keyframes op-fade-out{0%{opacity:1}to{opacity:0}}@keyframes op-label-out{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(2px);transform:translateY(3px)scale(.94)}}@keyframes op-truck-in{0%{transform:translate(-215px)}to{transform:translate(0)}}@keyframes op-truck-out{0%{transform:translate(0)}to{transform:translate(640px)}}@keyframes op-lines{0%{opacity:0;transform:translate(0)}25%{opacity:.9}to{opacity:0;transform:translate(-70px)}}@keyframes op-shutter-up{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes op-shutter-down{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes op-pkg-drop{0%{opacity:0;transform:translateY(-46px)rotate(-8deg)}35%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes op-pkg-load{0%{transform:translate(0)rotate(0)}45%{transform:translate(2px,-11px)rotate(-16deg)}to{transform:translate(6px,-19px)rotate(0)}}@keyframes op-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes op-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.op-order,.op-order *{transition:none!important;animation:none!important}.op-order.is-run .op-label,.op-order.is-run .op-scene{opacity:0}.op-order.is-done .op-done{opacity:1}.op-order.is-done .op-done path{stroke-dashoffset:0}}