.plc{container-type:inline-size}.plc__body{align-content:start;gap:1rem;min-height:22rem;padding:1.125rem;display:grid}@container (width>=36rem){.plc__body{grid-template-columns:1.15fr 1fr;align-items:start}}.plc__steps{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.plc__step{border:1px solid var(--line-soft);color:var(--muted);border-radius:10px;grid-template-columns:1.5rem 1fr;align-items:start;gap:.625rem;padding:.625rem .75rem;transition:border-color .3s,background .3s,color .3s;display:grid}.plc__label{gap:.125rem;display:grid}.plc__label small{color:var(--muted);font-size:.6875rem}.plc__err{color:#b42318;font-weight:500;display:none}.plc__icon{border:1.5px solid var(--line);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;place-items:center;transition:background .3s,border-color .3s;display:grid}.plc__icon>*{opacity:0;grid-area:1/1}.plc__bang{font-size:.75rem;font-weight:600}.plc__step.is-working{color:var(--ink);border-color:var(--green-tint)}.plc__step.is-working .plc__icon{border-color:var(--green-tint);border-top-color:var(--green);animation:.8s linear infinite dv-spin}.plc__step.is-done{color:var(--ink)}.plc__step.is-done .plc__icon{background:var(--green);border-color:var(--green)}.plc__step.is-done .plc__tick{opacity:1}.plc__step.is-blocked{color:var(--ink);background:#fef6f5;border-color:#f4c7c3}.plc__step.is-blocked .plc__icon{background:#d92d20;border-color:#d92d20}.plc__step.is-blocked .plc__bang,.plc__step.is-blocked .plc__err{opacity:1;display:inline}.plc__ticket{background:var(--green-deep);color:var(--white);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);border-radius:12px;padding:.875rem 1rem}.plc__ticket.is-hidden{opacity:0;transform:translateY(10px)}.plc__ticket-head{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.plc__ticket-title{font-weight:500}.plc__ticket-state{border-radius:var(--radius-pill);background:var(--green-light);color:var(--green-deep);padding:.15rem .5rem;font-size:.6875rem;font-weight:500}.plc__timeline{gap:.75rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.plc__timeline:before{content:"";background:#fff3;width:1px;position:absolute;top:.5rem;bottom:.5rem;left:4px}.plc__timeline li{opacity:.3;grid-template-columns:.625rem 1fr auto;align-items:center;gap:.625rem;font-size:.8125rem;transition:opacity .4s;display:grid}.plc__timeline li.is-on{opacity:1}.plc__dot{background:#fff6;border-radius:50%;width:9px;height:9px;position:relative}.plc__timeline li.is-on .plc__dot{background:var(--green-light)}.plc__timeline time{color:#fff9;font-size:.6875rem}.plc__note{color:var(--muted);align-items:center;gap:.5rem;margin-top:1rem;font-size:.875rem;display:flex}.plc__note-dot{background:var(--green);border-radius:50%;flex:none;width:.5rem;height:.5rem}