.app-skeleton{position:relative;overflow:hidden}.app-skeleton:focus-visible{outline:var(--stroke-2) solid var(--border-focus);outline-offset:var(--stroke-2)}.app-skeleton--full{width:100%;height:100%}.app-skeleton--rounded{border-radius:var(--radius-full)}.app-skeleton--shimmer{position:relative}.app-skeleton__state{width:100%;height:100%;border-radius:var(--radius-12)}.app-skeleton__state--text{display:flex;flex-direction:column}.app-skeleton__text{width:100%;height:100%}.app-skeleton__text-line{background-color:var(--surface-tertiary);border-radius:var(--radius-2);height:100%;width:100%;max-width:256px}.app-skeleton__state--button{display:flex}.app-skeleton__button{width:100%;height:100%}.app-skeleton__button-content{background-color:var(--surface-tertiary);border-radius:var(--radius-12);height:100%;width:100%;position:relative;overflow:hidden}.app-skeleton__state--image{display:flex}.app-skeleton__image{width:100%;height:100%}.app-skeleton__image-content{background-color:var(--surface-tertiary);border-radius:var(--radius-8);height:100%;width:100%}.app-skeleton__state--spot{display:flex}.app-skeleton__spot{width:100%;height:100%;position:relative}.app-skeleton__spot-content{background-color:var(--surface-tertiary);border-radius:var(--radius-full);width:100%;height:100%}.app-skeleton__shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);animation:shimmer 2s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.app-skeleton--small .app-skeleton__text-line{max-width:200px}.app-skeleton--large .app-skeleton__text-line{max-width:320px}@media(prefers-reduced-motion:reduce){.app-skeleton__shimmer{animation:none}}@media(prefers-contrast:more){.app-skeleton__button-content,.app-skeleton__image-content,.app-skeleton__spot-content,.app-skeleton__text-line{border:1px solid var(--border-secondary)}}