/* Progressive enhancement: focus, forms and responsive UX */
:focus-visible{outline:3px solid #a77cff!important;outline-offset:3px!important}
button,a,input,textarea,select{touch-action:manipulation}
input,textarea,select{max-width:100%;font:inherit}
input[aria-invalid="true"],textarea[aria-invalid="true"]{border:2px solid #d83c51}
.ux-next .ux-step{border-left:3px solid #9274ea;padding:4px 18px;margin:16px 0}
.ux-next .ux-step h3{margin:0 0 5px}
.ux-next .ux-step p{margin:0}
@media(max-width:700px){.ux-next{padding:30px 0}.ux-next .ux-step{margin:12px 0}button,input,select,textarea{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}