#delivery-boot-loader {
  position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center;
  padding: 24px; background: #f3efe7; color: #173b2b;
  font-family: Arial, sans-serif; text-align: center;
}
.delivery-boot-loader__content { width: 100%; max-width: 360px; }
.delivery-boot-loader__content img { display: block; margin: 0 auto 8px; }
.delivery-boot-loader__content p { margin: 12px 0 0; font-size: 14px; line-height: 22px; color: #626b65; }
.delivery-boot-loader__content .delivery-boot-loader__brand { font-size: 28px; line-height: 36px; letter-spacing: -1px; font-weight: 600; color: #173b2b; }
.delivery-boot-loader__track { position: relative; width: 168px; height: 3px; margin: 32px auto 0; overflow: hidden; border-radius: 3px; background: #e7decf; }
.delivery-boot-loader__track span { position: absolute; width: 52px; height: 3px; left: 0; background: #173b2b; animation: delivery-load 1300ms linear infinite; }
.delivery-boot-loader__content .delivery-boot-loader__status { font-size: 12px; }
.delivery-boot-loader__content a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 12px; color: #173b2b; }
@keyframes delivery-load {
  0% { transform: translateX(-52px); opacity: 0; }
  15%, 85% { opacity: 1; }
  100% { transform: translateX(168px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .delivery-boot-loader__track span { animation: none; transform: translateX(58px); }
}