.ps-q2{--t:3800ms}
.ps-b2{--t:5000ms}
.creation-tick{margin-left:auto;font-size:.85em!important;font-style:normal}
.ps-seg>span{position:relative}.ps-seg .creation-tick{position:absolute;top:3px;right:5px}
.is-creation-auto .px-step{transition:opacity 350ms ease,background-color 350ms ease}
.is-creation-auto .px-step.is-active>span{animation:creation-step-pop 420ms cubic-bezier(.2,.7,.2,1)}
.is-creation-auto .px-step.is-active>div{animation:creation-step-copy 420ms ease}
@keyframes creation-step-pop{0%{transform:scale(.78)}65%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes creation-step-copy{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.ps-box{box-shadow:inset 0 0 0 3px var(--purple-14)}
.creation-border{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.creation-border-progress{fill:none;stroke:var(--purple);stroke-width:4px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}
.px-phone__state.is-active .ps-box-cover{animation-delay:3000ms}
@media(prefers-reduced-motion:reduce){.creation-border{display:none}}