.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:auto;min-width:180px;max-width:100%;height:48px;min-height:48px;padding:0 28px;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{min-width:200px;height:50px;min-height:50px;padding:0 36px}}.op-order:focus-visible{outline-offset:3px;outline:2px solid #f3a73d}.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]{opacity:.5;cursor:not-allowed}.op-label{z-index:4;color:#fff;letter-spacing:.03em;text-transform:uppercase;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}@media (min-width:640px){.op-label{font-size:14px}}.op-road{z-index:1;opacity:0;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff1a 0 8px,#0000 8px 22px) 0 40px/100% 1.5px no-repeat,linear-gradient(#1c3325 0%,#13241a 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 2px #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:18px;height:18px;display:block}.op-done path{stroke:#34d399;stroke-width:3.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px}.op-order.is-run{animation:.2s ease-out both op-press}.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 .1s both op-fade-in}.op-order.is-run .op-truck{animation:.5s cubic-bezier(.16,.84,.34,1) .18s both op-truck-in,.5s cubic-bezier(.6,.02,.86,.4) 2.4s forwards op-truck-out}.op-order.is-run .op-lines{animation:.45s ease-out 2.38s both op-lines}.op-order.is-run .op-shutter{animation:.26s cubic-bezier(.35,.9,.4,1) 1s both op-shutter-up,.26s cubic-bezier(.5,.1,.6,1) 1.75s forwards op-shutter-down}.op-order.is-run .op-pkg{animation:.28s cubic-bezier(.34,1.4,.64,1) 70ms both op-pkg-drop,.4s cubic-bezier(.5,-.1,.35,1) 1.25s forwards op-pkg-load}.op-order.is-done{background:#1e5c35;box-shadow:0 4px 14px #1e5c3566}.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:.3s cubic-bezier(.5,.2,.2,1) .1s 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:.8}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}}