@layer faye-ui.reset,faye-ui.tokens,faye-ui.base;@layer faye-ui.components{.faye-ui-spinner{box-sizing:border-box;vertical-align:middle;border:var(--faye-ui-border-width-strong) solid var(--faye-ui-color-border);border-block-start-color:var(--faye-ui-color-accent);border-radius:var(--faye-ui-radius-full);block-size:1rem;inline-size:1rem;animation:faye-ui-spin var(--faye-ui-motion-spin) linear var(--faye-ui-motion-loop-count);display:inline-block}.faye-ui-spinner[data-size=sm]{block-size:.75rem;inline-size:.75rem}.faye-ui-spinner[data-size=lg]{block-size:1.5rem;inline-size:1.5rem}.faye-ui-skeleton{box-sizing:border-box;border-radius:var(--faye-ui-radius-sm);background:var(--faye-ui-color-subtle);animation:faye-ui-pulse var(--faye-ui-motion-pulse) var(--faye-ui-motion-ease-in-out) var(--faye-ui-motion-loop-count)}@keyframes faye-ui-spin{to{transform:rotate(360deg)}}@keyframes faye-ui-pulse{50%{opacity:var(--faye-ui-opacity-muted)}}@media (prefers-reduced-motion:reduce){.faye-ui-spinner,.faye-ui-skeleton{animation:none}.faye-ui-spinner{border-style:dotted}}@media (forced-colors:active){.faye-ui-spinner{forced-color-adjust:none;border-color:graytext;border-block-start-color:highlight}.faye-ui-skeleton{forced-color-adjust:none;background:canvas;border:1px solid graytext}}.faye-ui-skeleton{position:relative;overflow:hidden}.faye-ui-skeleton[data-shape=circle]{border-radius:var(--faye-ui-radius-full);aspect-ratio:1}.faye-ui-skeleton[data-shape=text]{border-radius:var(--faye-ui-radius-sm);transform-origin:50%;transform:scaleY(.7)}.faye-ui-skeleton[data-animation=none],.faye-ui-skeleton[data-animation=wave]{animation:none}.faye-ui-skeleton[data-animation=wave]:after{content:"";background:linear-gradient(90deg,transparent,var(--faye-ui-color-border),transparent);animation:faye-ui-skeleton-wave var(--faye-ui-motion-pulse) var(--faye-ui-motion-ease-in-out) var(--faye-ui-motion-loop-count);position:absolute;inset:0;transform:translate(-100%)}@keyframes faye-ui-skeleton-wave{to{transform:translate(100%)}}[data-faye-ui-motion=reduced] :is(.faye-ui-spinner,.faye-ui-skeleton),[data-faye-ui-motion=reduced] .faye-ui-skeleton[data-animation]:after{animation:none}@media (prefers-reduced-motion:reduce){.faye-ui-skeleton[data-animation]:after{animation:none;display:none}}}@layer faye-ui.variants,faye-ui.brand,faye-ui.product,faye-ui.local;
