*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;-webkit-font-smoothing:antialiased;background:#f2f2f2;height:100%;font-family:Delivery,Calibri,Arial,sans-serif;font-size:14px}#root{min-height:100%}.gray-box{color:#000;text-align:center;background:#f2f2f2;border:10px solid #fff;border-width:10px 20px;padding:10px 20px;font-size:14px;line-height:1.2}.plz-input{letter-spacing:5px;text-align:center;-webkit-appearance:none;color:#000;border:2px solid #ccc;border-radius:4px;outline:none;width:48%;max-width:190px;padding:10px 12px;font-family:Delivery,Calibri,Arial,sans-serif;font-size:20px;font-weight:700;transition:border-color .15s}.plz-input:focus{border-color:#d40511}.plz-input.plz-error{background:#fff8f8;border-color:#d40511}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.plz-input.shake{animation:.48s shake}.dhl-btn{color:#fff;cursor:pointer;text-align:center;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#d40511;border:none;border-radius:4px;width:40%;min-width:160px;padding:5px 20px;font-family:Delivery,Calibri,Arial,sans-serif;font-size:14px;font-weight:700;line-height:25.2px;transition:background .12s;display:inline-block}.dhl-btn:hover{background:#b8040f}.dhl-btn:active{background:#9a0310;transform:scale(.99)}.dhl-btn-static{color:#fff;text-align:center;white-space:nowrap;background:#d40511;border-radius:4px;width:40%;min-width:160px;padding:5px 20px;font-family:Delivery,Calibri,Arial,sans-serif;font-size:14px;font-weight:700;line-height:25.2px;display:inline-block}.dhl-box{z-index:1;border:2px solid #daa000;border-radius:3px;width:200px;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000002e}.box-top-flap{background:#daa000;justify-content:center;align-items:center;height:16px;display:flex}.box-tape-strip{background:#ffffff4d;border-radius:1px;width:55%;height:10px}.box-body{background:#f9d010;padding:10px 14px 14px}.box-dhl-row{align-items:center;gap:7px;margin-bottom:8px;display:flex}.box-dhl-text{color:#d40511;letter-spacing:-.5px;font-family:Delivery,Calibri,Arial,sans-serif;font-size:24px;font-weight:700;line-height:1}.box-express-label{color:#d40511;letter-spacing:1px;text-transform:uppercase;border:1.5px solid #d40511;border-radius:2px;padding:1px 4px;font-size:8px;font-weight:700}.box-rule{background:#d4051133;height:1px;margin-bottom:7px}.box-product-name{color:#3a2000;font-size:11px;font-weight:700;line-height:1.3}.box-edition-text{color:#7a5000;margin-top:3px;font-size:9px}.stepper{text-align:left;flex-direction:column;display:flex}.step-item{opacity:0;align-items:flex-start;gap:11px;transition:opacity .38s,transform .38s;display:flex;transform:translate(-10px)}.step-item.step-vis{opacity:1;transform:translate(0)}.step-left{flex-direction:column;flex-shrink:0;align-items:center;width:22px;display:flex}.step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.dot-done{color:#fff;background:#d40511;border:2px solid #d40511}.dot-active{color:#d40511;background:#fff;border:2px solid #d40511;animation:1.5s ease-in-out infinite pulse}.dot-pend{color:#ccc;background:#fff;border:2px solid #ddd}@keyframes pulse{0%,to{box-shadow:0 0 #d4051159}50%{box-shadow:0 0 0 7px #d4051100}}.step-conn{background:#e0e0e0;width:2px;height:18px;margin:2px 0;transition:background .4s}.step-conn.conn-fill{background:#d40511}.step-lbl{color:#1a1a1a;padding-top:4px;font-family:Delivery,Calibri,Arial,sans-serif;font-size:13px;line-height:1.3}.step-lbl.lbl-active{color:#d40511;font-weight:700}.step-sub{color:#888;margin-top:2px;font-size:12px;font-weight:400}