.shipping-visual{margin:0;background:#f5f7fb;color:#161b25;border:1px solid #dce5f3;border-radius:25px;overflow:hidden;min-width:0}.shipping-scene{padding:28px 30px 22px}.shipping-order{background:white;border:1px solid #e0e7f2;border-radius:15px;padding:20px}.shipping-kicker{display:block;font-size:9px;letter-spacing:.12em;color:#74829a;margin-bottom:8px}.shipping-order>strong{font-size:18px;letter-spacing:-.03em}.shipping-fields{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:#607493}.shipping-fields i{font-style:normal;color:#2165df;margin-right:4px}.shipping-connector{display:flex;flex-direction:column;align-items:center}.shipping-connector>i{height:23px;width:1px;background:#bbcee9;position:relative}.shipping-connector>i:after{content:'';height:6px;width:6px;position:absolute;left:-2.5px;top:0;background:#2165df;border-radius:50%;opacity:0}.shipping-connector>div{display:flex;align-items:center;gap:18px;border-radius:15px;background:#11151d;padding:15px 22px;box-shadow:0 8px 20px #12264718}.shipping-connector img{width:90px;height:auto}.shipping-connector span{font-size:10px;line-height:1.5;color:#b7c9e7}.shipping-package{position:relative;padding:22px 25px 17px;max-width:330px;margin:auto;background:#e7d7bf;border:1px solid #d7c6aa;border-radius:7px;box-shadow:0 14px 24px #35230a0d;transform:rotate(-2deg)}.shipping-tape{position:absolute;top:0;bottom:0;width:38px;left:calc(50% - 19px);background:#ffffff45;border-inline:1px solid #fff3}.shipping-label{position:relative;background:#fff;padding:18px;border:1px solid #e9e9e9;border-radius:4px;transform:rotate(2deg)}.shipping-label-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e8ef;padding-bottom:12px;gap:10px}.shipping-label-head strong{font-size:11px}.shipping-label-head>span{font-size:7px;color:#7c8696}.shipping-label-fields{display:grid;gap:10px;margin-block:13px}.shipping-label-fields span{font-size:7px;color:#7b8799;letter-spacing:.07em}.shipping-label-fields b{display:block;color:#26364d;font-size:11px;letter-spacing:0;font-weight:500;margin-top:3px}.shipping-bars{height:22px;width:80%;background:repeating-linear-gradient(90deg,#26364d 0 2px,transparent 2px 4px,#26364d 4px 5px,transparent 5px 8px,#26364d 8px 11px,transparent 11px 14px)}.shipping-label>small{display:block;font-size:6px;letter-spacing:.16em;color:#8490a2;margin-top:5px}.shipping-ready{position:relative;display:block;text-align:center;font-size:9px;color:#655339;margin-top:15px}.shipping-courier{display:flex;gap:14px;align-items:center;margin-top:28px;justify-content:center}.shipping-courier svg{width:42px;height:30px;color:#2165df;flex-shrink:0}.shipping-courier strong{font-size:13px;display:block}.shipping-courier span{display:block;font-size:10px;color:#71809a;line-height:1.6;margin-top:4px}.shipping-visual figcaption{padding:14px 20px;border-top:1px solid #dfe7f3;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#71809a}.shipping-visual button{font:inherit;white-space:nowrap;border:0;border-radius:30px;padding:9px 11px;color:#2165df;background:#e8effb;cursor:pointer}.shipping-visual button:focus-visible{outline:2px solid #2165df;outline-offset:3px}.shipping-playing .shipping-connector>i:after{animation:shipping-pass 1.2s .3s 3 both}.shipping-playing .shipping-label{animation:shipping-label 1.2s 1s both}.shipping-playing .shipping-label-fields span{animation:shipping-field .7s 2s both}.shipping-playing .shipping-label-fields span:nth-child(2){animation-delay:2.6s}.shipping-playing .shipping-label-fields span:nth-child(3){animation-delay:3.2s}.shipping-playing .shipping-ready{animation:shipping-field .8s 4s both}.shipping-playing .shipping-courier{animation:shipping-field .8s 4.8s both}.shipping-paused *{animation-play-state:paused!important}@keyframes shipping-pass{0%{top:0;opacity:0}20%,80%{opacity:1}100%{top:100%;opacity:0}}@keyframes shipping-label{from{opacity:.15;translate:0 -18px}to{opacity:1;translate:0 0}}@keyframes shipping-field{from{opacity:.15;translate:0 5px}to{opacity:1;translate:0 0}}@media(max-width:760px){.shipping-scene{padding:20px}.shipping-order{padding:16px}.shipping-order>strong{font-size:16px}.shipping-package{padding:18px}.shipping-label{padding:15px}.shipping-fields{gap:8px 12px}.shipping-visual figcaption{padding:12px}.shipping-courier span{font-size:9px}}@media(prefers-reduced-motion:reduce){.shipping-visual *{animation:none!important}.shipping-visual button{display:none}}