/* Completion confirmations only: cart overlays and newsletter popup. */
.lets-success-heading,
.lets-success-notification,
#home-modal .lets-success-newsletter .alert-success {
  text-align: center;
}
.lets-success-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.lets-success-checkmark {
  display: block;
  flex: none;
  width: 64px;
  height: 64px;
  margin: 0 auto 14px;
  color: #e3c255;
  pointer-events: none;
}
.lets-success-checkmark svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lets-success-checkmark .lets-success-ring {
  stroke-dasharray: 220;
  stroke-dashoffset: 0;
}
.lets-success-checkmark .lets-success-tick {
  stroke-width: 4;
  stroke-dasharray: 50;
  stroke-dashoffset: 0;
}
.lets-success-checkmark.is-playing .lets-success-ring {
  animation: lets-success-ring .55s ease-out both;
}
.lets-success-checkmark.is-playing .lets-success-tick {
  animation: lets-success-tick .4s .4s ease-out both;
}
.js-alert-add-to-cart-private .lets-success-notification {
  margin-top: 10px;
}
.lets-success-notification .lets-success-checkmark {
  width: 36px;
  height: 36px;
  margin-bottom: 6px;
}
#home-modal .lets-success-newsletter .alert-success {
  padding: 20px 16px;
}
@keyframes lets-success-ring {
  from { stroke-dashoffset: 220; }
  to { stroke-dashoffset: 0; }
}
@keyframes lets-success-tick {
  from { stroke-dashoffset: 50; }
  to { stroke-dashoffset: 0; }
}
@media (max-width: 767px) {
  .lets-success-checkmark { width: 56px; height: 56px; margin-bottom: 12px; }
  .lets-success-notification .lets-success-checkmark { width: 32px; height: 32px; margin-bottom: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .lets-success-checkmark.is-playing .lets-success-ring,
  .lets-success-checkmark.is-playing .lets-success-tick { animation: none; }
}