.kd-ship{padding:14px 16px 16px;border-radius:20px;background:var(--kd-butter);border:2px dashed #ffd96b;transition:background .3s,border-color .3s}.kd-ship.is-free{background:var(--kd-mint);border-color:#8fdcb9}.kd-ship-msg{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--kd-ink)}.kd-ship.is-free .kd-ship-msg{color:#1a7e57}.kd-ship-road{position:relative;height:12px;margin:0 30px 0 22px;border-radius:999px;background:var(--kd-white)}.kd-ship-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:repeating-linear-gradient(-45deg,var(--kd-sun) 0 8px,#ffb800 8px 16px);background-size:22px 22px;animation:kd-ship-stripes 1s linear infinite;transition:width .8s var(--kd-ease-out)}.kd-ship.is-free .kd-ship-fill{background:repeating-linear-gradient(-45deg,#5fd3a5 0 8px,#2fbf86 8px 16px);background-size:22px 22px}@keyframes kd-ship-stripes{to{background-position:22px 0}}.kd-ship-van{position:absolute;bottom:4px;transform:translateX(-60%);transition:left .8s var(--kd-ease-out);animation:kd-ship-bump .45s ease-in-out infinite alternate}@keyframes kd-ship-bump{to{translate:0 -2px}}.kd-ship-wheel{transform-box:fill-box;transform-origin:center;animation:kd-ship-spin .8s linear infinite}@keyframes kd-ship-spin{to{transform:rotate(1turn)}}.kd-ship.is-free .kd-ship-van,.kd-ship.is-free .kd-ship-wheel{animation:none}.kd-ship-goal{position:absolute;right:-30px;top:50%;translate:0 -55%;font-size:22px;line-height:1;animation:kd-ship-wiggle 2.4s ease-in-out infinite}.kd-ship.is-free .kd-ship-goal{animation:kd-ship-hop .9s var(--kd-ease-bounce) infinite alternate}@keyframes kd-ship-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-6deg)}}@keyframes kd-ship-hop{to{transform:translateY(-5px) scale(1.1)}}.kd-ship--compact{padding:10px 14px 12px;border-radius:16px}.kd-ship--compact .kd-ship-msg{margin-bottom:10px;font-size:13px}@media (prefers-reduced-motion:reduce){.kd-ship *,.kd-ship :before{animation:none!important;transition:none!important}}