.parcel-art{display:block;width:100%;height:auto;max-height:120px;overflow:hidden;shape-rendering:crispEdges;flex-shrink:0}
.parcel-art.is-active.parcel-art--chill .parcel-snow{animation:parcel-snow-twinkle .7s steps(4,end) both}
.parcel-art.is-active.parcel-art--box .parcel-flat-box{animation:parcel-box-build .7s steps(7,end) both;transform-origin:center bottom}
.parcel-art.is-active.parcel-art--box .parcel-box{animation:parcel-box-build .7s steps(7,end) both;transform-origin:center bottom}
.parcel-art.is-active .parcel-pouch--packed{animation:parcel-pouch-drop .7s steps(7,end) both}
.parcel-art.is-active .parcel-ice--packed{animation:parcel-ice-drop .7s steps(7,end) both}
.parcel-art.is-active.parcel-art--seal .parcel-tape{animation:parcel-tape-press .7s steps(7,end) both;transform-origin:center}
.parcel-art.is-active.parcel-art--label .parcel-label{animation:parcel-label-stick .7s steps(7,end) both;transform-origin:center}
.parcel-art--dispatch{max-height:150px}
.parcel-art--dispatch .dispatch-driver{opacity:0}
.parcel-art--dispatch.is-active:not(.is-done) .dispatch-courier{animation:dispatch-arrive .9s linear both}
.parcel-art--dispatch.is-active.is-done .dispatch-courier{animation:dispatch-carry 4.2s linear both}
.parcel-art--dispatch.is-active.is-done .dispatch-package{animation:dispatch-handoff 4.2s linear both}
.parcel-art--dispatch.is-active.is-done .dispatch-truck{animation:dispatch-drive 4.2s ease-in both}
.parcel-art--dispatch.is-active.is-done .dispatch-driver{animation:dispatch-driver 4.2s linear both}
.parcel-art--dispatch.is-done:not(.is-active) .dispatch-truck{transform:translateX(130px)}
@keyframes dispatch-arrive{from{transform:translateX(72px)}to{transform:translateX(0)}}
@keyframes dispatch-carry{0%,22%{transform:translate(0,0);opacity:1}32%{transform:translate(26px,-2px)}42%{transform:translate(53px,0)}54%,58%{transform:translate(92px,-1px);opacity:1}60%,100%{transform:translate(92px,0);opacity:0}}
@keyframes dispatch-handoff{0%{transform:translateX(0);opacity:1}20%,22%{transform:translateX(33px)}32%{transform:translate(59px,-2px)}42%{transform:translate(86px,0)}54%{transform:translate(125px,-1px);opacity:1}59%,100%{transform:translate(130px,-2px);opacity:0}}
@keyframes dispatch-drive{0%,65%{transform:translateX(0)}100%{transform:translateX(130px)}}
@keyframes dispatch-driver{0%,59%{opacity:0}60%,100%{opacity:1}}
@keyframes parcel-snow-twinkle{from{opacity:.25}to{opacity:1}}
@keyframes parcel-box-build{from{transform:scaleY(.78)}to{transform:none}}
@keyframes parcel-pouch-drop{from{transform:translateY(-22px)}to{transform:none}}
@keyframes parcel-ice-drop{from{transform:translate(15px,-18px)}to{transform:none}}
@keyframes parcel-tape-press{from{opacity:0;clip-path:inset(0 100% 0 0)}20%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes parcel-label-stick{from{opacity:0;transform:translate(8px,-5px)}to{opacity:1;transform:none}}
@keyframes parcel-cart-load{from{transform:translateX(-28px)}to{transform:none}}
@keyframes parcel-hand-push{from{transform:translateX(9px)}to{transform:none}}
body.reduced .parcel-art *{animation:none!important;transition:none!important}
body.reduced .parcel-art--dispatch.is-done .dispatch-truck{transform:translateX(130px)}
body.reduced .parcel-art--dispatch.is-done .dispatch-courier,body.reduced .parcel-art--dispatch.is-done .dispatch-package{visibility:hidden}
@media(prefers-reduced-motion:reduce){body:not(.full-motion) .parcel-art *{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){body:not(.full-motion) .parcel-art--dispatch.is-done .dispatch-truck{transform:translateX(130px)}body:not(.full-motion) .parcel-art--dispatch.is-done .dispatch-courier,body:not(.full-motion) .parcel-art--dispatch.is-done .dispatch-package{visibility:hidden}}
@media(max-width:340px){.parcel-art{max-height:112px}}
