.global-success-feedback-backdrop{
  position:fixed;
  z-index:2000;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(6,25,44,.8);
  backdrop-filter:blur(4px);
  opacity:0;
  transition:opacity .18s ease;
}
.global-success-feedback-backdrop.visible{opacity:1}
.global-success-feedback-backdrop.leaving{opacity:0}
.global-success-feedback{
  position:relative;
  width:min(580px,100%);
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:38px 42px 34px;
  border:2px solid #a7dacd;
  border-top:9px solid #047857;
  border-radius:22px;
  background:#fff;
  box-shadow:0 32px 90px rgba(0,0,0,.56);
  color:#17364d;
  font-family:"Segoe UI",Arial,sans-serif;
  text-align:center;
  transform:translateY(12px) scale(.97);
  transition:transform .18s ease;
}
.global-success-feedback-backdrop.visible .global-success-feedback{transform:translateY(0) scale(1)}
.global-success-feedback.attention{border-color:#efd39d;border-top-color:#b87509}
.global-success-feedback-icon{
  display:grid;
  width:76px;
  height:76px;
  margin:0 auto 15px;
  place-items:center;
  border-radius:50%;
  background:#047857;
  color:#fff;
  box-shadow:0 8px 22px rgba(4,120,87,.3);
  font-size:2.3rem;
  font-weight:900;
}
.global-success-feedback.attention .global-success-feedback-icon{background:#b87509;box-shadow:0 8px 22px rgba(184,117,9,.28)}
.global-success-feedback-eyebrow{
  display:block;
  margin-bottom:7px;
  color:#047857;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.global-success-feedback.attention .global-success-feedback-eyebrow{color:#95600a}
.global-success-feedback h2{
  margin:0;
  color:#092b48;
  font-size:clamp(1.55rem,4vw,2rem);
  line-height:1.15;
  letter-spacing:-.035em;
}
.global-success-feedback-message{
  display:grid;
  gap:8px;
  margin:17px 0 0;
}
.global-success-feedback-reference{
  color:#0b649f;
  font-size:1.18rem;
  overflow-wrap:anywhere;
}
.global-success-feedback-message p{
  margin:0;
  color:#3f586c;
  font-size:1rem;
  line-height:1.55;
}
.global-success-feedback-next{
  margin:11px 0 22px;
  color:#64798a;
  font-size:.86rem;
  font-weight:650;
  line-height:1.45;
}
.global-success-feedback-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.global-success-feedback-close,
.global-success-feedback-secondary,
.global-success-feedback-tertiary{
  min-width:150px;
  padding:11px 22px;
  border-radius:11px;
  font:inherit;
  font-weight:850;
  cursor:pointer;
}
.global-success-feedback-close{
  border:2px solid #065f46;
  background:#047857;
  color:#fff;
  box-shadow:0 6px 14px rgba(4,120,87,.22);
}
.global-success-feedback-secondary{
  border:2px solid #9fb9c9;
  background:#f4f8fa;
  color:#244b64;
  box-shadow:0 4px 10px rgba(32,72,96,.1);
}
.global-success-feedback-tertiary{
  min-width:min(431px,100%);
  flex-basis:100%;
  border:2px solid #cbd5df;
  background:#fff;
  color:#35546a;
  box-shadow:none;
}
.global-success-feedback-close:hover{background:#065f46}
.global-success-feedback-secondary:hover{border-color:#668da5;background:#eaf2f6}
.global-success-feedback-tertiary:hover{border-color:#7e9aae;background:#f4f8fa}
.global-success-feedback-close:focus-visible,
.global-success-feedback-secondary:focus-visible,
.global-success-feedback-tertiary:focus-visible{outline:4px solid #a7f3d0;outline-offset:3px}
.global-success-feedback.attention .global-success-feedback-close{border-color:#8b5606;background:#a96908}
.global-success-feedback.attention .global-success-feedback-close:hover{background:#8b5606}
.global-success-feedback.attention .global-success-feedback-close:focus-visible{outline-color:#f5d9a3}
.global-success-feedback-progress{
  --success-feedback-duration:5000ms;
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:6px;
  overflow:hidden;
  background:#e1ebe8;
}
.global-success-feedback-progress::after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:#10a37f;
  transform-origin:left;
  animation:global-success-feedback-timeout var(--success-feedback-duration) linear forwards;
}
.global-success-feedback.attention .global-success-feedback-progress::after{background:#c68113}
@keyframes global-success-feedback-timeout{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){
  .global-success-feedback-backdrop,.global-success-feedback{transition:none}
  .global-success-feedback-progress::after{animation:none;transform:scaleX(1)}
}
@media(max-width:600px){
  .global-success-feedback-backdrop{padding:14px}
  .global-success-feedback{max-height:calc(100vh - 28px);padding:30px 22px 28px;border-radius:18px}
  .global-success-feedback-icon{width:64px;height:64px;font-size:2rem}
  .global-success-feedback h2{font-size:1.5rem}
  .global-success-feedback-message p{font-size:.94rem}
  .global-success-feedback-actions{align-items:stretch;flex-direction:column}
  .global-success-feedback-actions button{width:100%}
  .global-success-feedback-close{order:1}
  .global-success-feedback-secondary{order:2}
  .global-success-feedback-tertiary{order:3}
}
