{"version":3,"file":"skeleton.module.mjs","names":[],"sources":["../../../../package/common/skeleton/skeleton.module.pcss"],"sourcesContent":[".skeleton {\n  display: block;\n  background-color: var(--background-accent);\n  border-radius: var(--default-border-radius);\n\n  &-lines {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5em;\n  }\n\n  &-line-last {\n    width: 60%;\n  }\n\n  &-text {\n    width: 100%;\n    height: 1em;\n  }\n\n  &-circle {\n    border-radius: 50%;\n  }\n\n  &-rectangular {\n    border-radius: var(--default-border-radius);\n  }\n\n  &-animation {\n    &-pulse {\n      animation: skeletonPulse 1.5s ease-in-out infinite;\n    }\n\n    &-shimmer {\n      background-image: linear-gradient(\n        90deg,\n        var(--background-accent) 25%,\n        var(--background-accent-light) 50%,\n        var(--background-accent) 75%\n      );\n      background-size: 200% 100%;\n      animation: skeletonShimmer 1.5s ease-in-out infinite;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    &-animation-pulse,\n    &-animation-shimmer {\n      animation: none;\n    }\n  }\n}\n\n@keyframes skeletonPulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n}\n\n@keyframes skeletonShimmer {\n  0% {\n    background-position: 200% 0;\n  }\n\n  100% {\n    background-position: -200% 0;\n  }\n}\n"],"mappings":""}