@layer components{.bf-form-group[data-async-pending]{border-color:var(--bf-info);background:var(--bf-info-subtle)}[data-async-pending] :where(input,select,textarea){cursor:progress}.bf-async-text{align-items:center;gap:var(--bf-space-2);color:var(--bf-muted);font-size:var(--bf-type-sm);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.bf-async-text:empty{display:none}[data-async-pending] .bf-async-text:before{content:"";border:2px solid var(--bf-border);border-block-start-color:var(--bf-info);border-radius:var(--bf-radius-full);flex:none;width:1rem;height:1rem;animation:.8s linear infinite bf-async-spin}@keyframes bf-async-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){[data-async-pending] .bf-async-text:before{animation:none}}@media (forced-colors:active){.bf-form-group[data-async-pending]{border-style:dashed}}}