.ds_o_result-symbol{position:relative}.ds_optin:not([data-motion=none]) .ds_o_result.is-visible[data-outcome=confirmed] .ds_o_result-symbol:is([data-icon-motion=draw],[data-icon-motion=pop],[data-icon-motion=celebrate]) .ds_o_icon path{stroke-dasharray:1;stroke-dashoffset:1;animation:ds-optin-success-draw 420ms 100ms ease-out both}.ds_optin:not([data-motion=none]) .ds_o_result.is-visible[data-outcome=confirmed] .ds_o_result-symbol[data-icon-motion=pop]{animation:ds-optin-success-pop 480ms cubic-bezier(.16,1,.3,1) both}.ds_optin:not([data-motion=none]) .ds_o_result.is-visible[data-outcome=confirmed] .ds_o_result-symbol[data-icon-motion=celebrate]{animation:ds-optin-success-pop 560ms cubic-bezier(.16,1,.3,1) both}.ds_o_sparks{position:absolute;inset:0;pointer-events:none}.ds_o_sparks i{position:absolute;left:50%;top:50%;width:3px;height:7px;background:currentColor;border-radius:2px;opacity:0;--ds-spark-angle:0deg}.ds_o_sparks i:nth-child(2){--ds-spark-angle:60deg}.ds_o_sparks i:nth-child(3){--ds-spark-angle:120deg}.ds_o_sparks i:nth-child(4){--ds-spark-angle:180deg}.ds_o_sparks i:nth-child(5){--ds-spark-angle:240deg}.ds_o_sparks i:nth-child(6){--ds-spark-angle:300deg}.ds_optin:not([data-motion=none]) .ds_o_result.is-visible[data-outcome=confirmed] .ds_o_sparks i{animation:ds-optin-success-spark 620ms 120ms ease-out both}@keyframes ds-optin-success-draw{to{stroke-dashoffset:0}}@keyframes ds-optin-success-pop{0%{transform:scale(.64);opacity:0}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes ds-optin-success-spark{0%{transform:rotate(var(--ds-spark-angle)) translateY(calc(var(--ds-oi-result-icon-size) * -0.35)) scale(.3);opacity:0}25%{opacity:1}100%{transform:rotate(var(--ds-spark-angle)) translateY(calc(var(--ds-oi-result-icon-size) * -0.5 - 9px)) scale(.6);opacity:0}}@media(prefers-reduced-motion:reduce){.ds_optin .ds_o_result-symbol,.ds_optin .ds_o_result-symbol *{animation:none!important;stroke-dashoffset:0!important}.ds_o_sparks{display:none}}