{"version":3,"file":"gifView.module.mjs","names":[],"sources":["../../../../../../package/common/klipyPicker/components/gifView/gifView.module.pcss"],"sourcesContent":[".gifView {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n\n  img {\n    max-width: 100%;\n    border-radius: var(--default-border-radius);\n    overflow: hidden;\n  }\n\n  &-loading {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background: linear-gradient(\n      45deg,\n      var(--primary-color) 10%,\n      var(--primary-lighter),\n      var(--primary-accent),\n      var(--primary-color) 85%\n    );\n    background-size: 500% 500%;\n    animation: gradientBottomLeftToTopRight 1s infinite linear;\n    border-radius: var(--default-border-radius);\n    overflow: hidden;\n  }\n}\n\n/* The gradient stops sweeping and stays a plain block, which still reads as \"loading\". */\n@media (prefers-reduced-motion: reduce) {\n  .gifView-loading {\n    animation: none;\n  }\n}\n"],"mappings":""}