@layer reset;@layer tokens{:root{--f-skeleton--width:290px;--f-skeleton--height:30px;--f-skeleton--border-radius:var(--f-border-radius,3px);--f-skeleton--bg-color:var(--f-color-surface-subtle);--f-skeleton--splash-color-dark:#0000000d;--f-skeleton--splash-color-light:#ffffff0d;--f-skeleton--animation-time:2s}}@layer base;@layer components{.f-skeleton{width:var(--f-skeleton--width,290px);height:var(--f-skeleton--height,30px);border-radius:var(--f-skeleton--border-radius);background-color:var(--f-skeleton--bg-color);flex-shrink:0;max-width:100%;display:block;position:relative;overflow:hidden}.f-skeleton--active:after{content:"";background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(to right, transparent 0%, var(--f-skeleton--splash-color-dark) 32%, var(--f-skeleton--splash-color-light) 50%, var(--f-skeleton--splash-color-dark) 68%, transparent 100%);width:100%;height:100%;animation:f-skeleton-loading var(--f-skeleton--animation-time,2s) infinite;pointer-events:none;display:block;position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.f-skeleton--active:after{background-image:none;animation:none;transform:none}}@keyframes f-skeleton-loading{70%{transform:translate(100%)}to{transform:translate(100%)}}}@layer theme,utilities;