.ds-success-popup{--sp-ink:var(--text__success);--sp-wash:var(--bg__successbg);--sp-ease:var(--motion__ease-out);border-radius:var(--borderradius__24);text-align:center;justify-items:center;gap:16px;max-height:min(90dvh,680px);padding:40px 32px 28px;overflow-y:auto}.ds-success-popup[data-tone=review]{--sp-ink:var(--text__warning);--sp-wash:var(--bg__tertiarybg)}.ds-success-popup[data-tone=info]{--sp-ink:var(--text__primary);--sp-wash:var(--bg__primarybg)}@media (min-width:768px){.ds-success-popup{max-width:min(460px,100% - 2rem)}}.ds-success-popup__mark{width:72px;height:72px;color:var(--sp-ink);place-items:center;margin-bottom:4px;display:grid;position:relative}.ds-success-popup__mark>*{grid-area:1/1}.ds-success-popup__disc{border-radius:var(--borderradius__round);background:var(--sp-wash);width:64px;height:64px}.ds-success-popup__svg{width:72px;height:72px;overflow:visible}.ds-success-popup__sweep{stroke:currentColor;stroke-width:1.5px;opacity:.35;transform-origin:36px 36px;transform:rotate(-90deg)}.ds-success-popup__check{stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ds-success-popup__icon{place-items:center;display:grid}.ds-success-popup__icon svg{width:30px;height:30px}.ds-success-popup__ripple{border-radius:var(--borderradius__round);opacity:0;pointer-events:none;width:64px;height:64px;box-shadow:0 0 0 1.5px}.ds-success-popup__text{gap:8px;display:grid}.ds-success-popup__title{letter-spacing:-.01em;color:var(--text__headings);text-wrap:balance;margin:0;font-size:24px;font-weight:500;line-height:28px}.ds-success-popup__body{max-width:34ch;color:var(--text__body);text-wrap:pretty;margin:0 auto;font-size:16px;line-height:24px}.ds-success-popup__extra{text-align:left;width:100%}.ds-success-popup__steps{border-radius:var(--borderradius__16,16px);background:var(--bg__surfacesubtle);color:var(--text__body);gap:8px;margin:0;padding:14px 16px;font-size:14px;line-height:20px;list-style:none;display:grid}.ds-success-popup__steps>li{align-items:baseline;gap:10px;display:flex}.ds-success-popup__steps>li:before{content:"";background:var(--sp-ink);border-radius:999px;flex:none;width:6px;height:6px;transform:translateY(-2px)}.ds-success-popup__actions{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}@media (min-width:768px){.ds-success-popup__actions{flex-flow:wrap;justify-content:center}}@media (prefers-reduced-motion:no-preference){.ds-success-popup[data-state=open] .ds-success-popup__disc{animation:ds-sp-fill .52s var(--sp-ease) .12s both}.ds-success-popup[data-state=open] .ds-success-popup__sweep{stroke-dasharray:1 1;animation:ds-sp-sweep .76s var(--sp-ease) .14s both}.ds-success-popup[data-state=open] .ds-success-popup__check{stroke-dasharray:1 1;animation:ds-sp-draw .38s var(--sp-ease) .62s both}.ds-success-popup[data-state=open] .ds-success-popup__svg{animation:ds-sp-settle .42s var(--sp-ease) .96s both}.ds-success-popup[data-state=open] .ds-success-popup__icon{animation:ds-sp-pop .42s var(--sp-ease) .56s both, ds-sp-settle .42s var(--sp-ease) .96s}.ds-success-popup[data-state=open] .ds-success-popup__ripple{animation:ds-sp-ripple 1.1s var(--sp-ease) .94s both}.ds-success-popup[data-state=open] .ds-success-popup__ripple--late{animation-delay:1.14s}.ds-success-popup[data-state=open] .ds-success-popup__text{animation:ds-sp-rise .44s var(--sp-ease) .48s both}.ds-success-popup[data-state=open] .ds-success-popup__extra{animation:ds-sp-rise .44s var(--sp-ease) .6s both}.ds-success-popup[data-state=open] .ds-success-popup__actions{animation:ds-sp-rise .44s var(--sp-ease) .7s both}}@keyframes ds-sp-fill{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes ds-sp-sweep{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ds-sp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ds-sp-settle{0%,to{transform:scale(1)}45%{transform:scale(1.07)}}@keyframes ds-sp-pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes ds-sp-ripple{0%{opacity:.32;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}@keyframes ds-sp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}