.c-fragment{--fragment-min-block-size:var(--space-3xl);--fragment-busy-opacity:.75;--fragment-spinner-size:var(--space-l);--fragment-spinner-width:2px;--fragment-spinner-color:var(--color-text-muted);--fragment-error-color:var(--color-error);--fragment-error-width:1px;--fragment-error-offset:var(--outlineOffset);--fragment-status-gap:var(--space-s);--fragment-duration:var(--an-duration);--fragment-ease:var(--an-ease);--fragment-spin-duration:.8s;position:relative}.c-fragment[data-fragment-state=loading]{min-block-size:var(--fragment-min-block-size)}.c-fragment[data-fragment-state=loading]>:not([data-fragment-status]){opacity:var(--fragment-busy-opacity);transition:opacity var(--fragment-duration) var(--fragment-ease)}.c-fragment[data-fragment-state=loading]>[data-fragment-status]{white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.c-fragment[data-fragment-state=loading]:after{content:"";border:var(--fragment-spinner-width) solid var(--fragment-spinner-color);inline-size:var(--fragment-spinner-size);block-size:var(--fragment-spinner-size);animation:fragmentSpin var(--fragment-spin-duration) linear infinite;border-block-start-color:#0000;border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}@media (prefers-reduced-motion:reduce){.c-fragment[data-fragment-state=loading]>*{transition:none}.c-fragment[data-fragment-state=loading]:after{animation:none}}@media (forced-colors:active){.c-fragment[data-fragment-state=loading]{--fragment-spinner-color:CanvasText}}.c-fragment[data-fragment-state=error]{outline:var(--fragment-error-width) solid var(--fragment-error-color);outline-offset:var(--fragment-error-offset)}.c-fragment[data-fragment-state=error]>[data-fragment-status]:not(:empty){color:var(--fragment-error-color);margin-block-start:var(--fragment-status-gap)}@media (forced-colors:active){.c-fragment[data-fragment-state=error]{--fragment-error-color:CanvasText}}.c-fragment:focus-visible,.c-fragment[data-fragment-state=error]:focus-visible{outline:2px solid var(--color-focus-ring-light);outline-offset:var(--outlineOffset)}@keyframes fragmentSpin{to{rotate:360deg}}