:root{--skeleton-bg:var(--surface-raised);--skeleton-highlight:color-mix(in oklab, var(--ink-faint) 55%, transparent);--skeleton-radius-line:var(--radius-sm);--skeleton-radius-rect:var(--radius-md);--skeleton-radius-card:var(--radius-lg);--skeleton-shimmer-duration:1.5s;--skeleton-shimmer-ease:var(--ease-md)}.z-skeleton{background-color:var(--skeleton-bg);box-shadow:inset 0 0 0 1px var(--border-hairline);position:relative;overflow:hidden}.z-skeleton-shimmer:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--skeleton-highlight) 50%, transparent 100%);animation:z-skeleton-shimmer var(--skeleton-shimmer-duration) var(--skeleton-shimmer-ease) infinite;pointer-events:none;background-repeat:no-repeat;background-size:200% 100%;position:absolute;inset:0}@keyframes z-skeleton-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}html[data-motion=reduced] .z-skeleton-shimmer:after{display:none}@media (prefers-reduced-motion:reduce){.z-skeleton-shimmer:after{display:none}}
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
.react-loading-skeleton{--base-color:#17171c;--highlight-color:#232329;border-radius:.5rem}[data-mode=light] .react-loading-skeleton{--base-color:#e4e4e7;--highlight-color:#efeff1}