@layer components{:root{--skeleton-radius:var(--radius-sm);--skeleton-bg:var(--color-gray-200);--skeleton-shimmer:#ffffff80}@keyframes skeleton-shimmer{0%{transform:translate(-150%)skew(-20deg)}to{transform:translate(150%)skew(-20deg)}}:where(.skeleton){border-radius:var(--skeleton-radius);background-color:var(--skeleton-bg);position:relative;overflow:hidden}:where(.skeleton):after{content:"";background:linear-gradient(90deg, transparent 15%, var(--skeleton-shimmer) 50%, transparent 85%);animation:skeleton-shimmer calc(var(--transition-duration) * 8) var(--transition-easing) infinite;position:absolute;inset:0;transform:translate(-150%)skew(-20deg)}@media (prefers-reduced-motion:reduce){:where(.skeleton):after{animation:none}}}
@layer components{:root{--input-radius:var(--radius-sm);--input-font-size:inherit;--input-py:.5rem;--input-px:.75rem;--input-file-font-weight:500;--input-text:inherit;--input-bg:transparent;--input-border:var(--color-gray-200);--input-placeholder:var(--color-gray-500);--input-file-text:inherit;--input-focus-border:var(--focus-ring);--input-error-border:var(--color-error-500)}:where(.input){background:var(--input-bg);width:100%;color:var(--input-text);font-size:var(--input-font-size);border-radius:var(--input-radius);border:1px solid var(--input-border);padding:var(--input-py) var(--input-px);transition:var(--transition-default);outline:none}:where(.input)::placeholder{color:var(--input-placeholder)}:where(.input):focus-visible{border-bottom-color:var(--input-focus-border);outline:none}:where(.input)[aria-invalid=true],:where(.input)[aria-invalid=""]{border-color:var(--input-error-border)}:where(.input):disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}:where(.input)::file-selector-button{font-weight:var(--input-file-font-weight);color:var(--input-file-text);background:0 0;border:0}}