/* same css as previous */
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible{outline:3px solid #2563eb; outline-offset:2px; border-radius:8px}
.actions .btn.is-loading{opacity:.8; position:relative; pointer-events:none}
.actions .btn.is-loading::after{content:''; position:absolute; right:14px; top:50%; width:16px; height:16px; margin-top:-8px; border:2px solid #fff; border-top-color:transparent; border-radius:50%; animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.invalid{border-color:#ef4444 !important; box-shadow:0 0 0 2px rgba(239,68,68,.2)}
.error-msg{color:#b91c1c; font-size:12px; margin-top:6px}