{"version":3,"sources":["../../../../../src/components/typography/placeholder/placeholder.scss"],"names":[],"mappings":"AAAA,kBACE,gEAAA,CACA,kEAAA,CAEA,2GAAA,CAEA,2IAAA,CAMA,yBAAA,CACA,WAAA,CACA,iBAAA,CACA,oBAAA,CACA,UAAA,CACA,QAAA,CACA,eAAA,CACA,iBAAA,CACA,UANF,CASA,4BACE,GACE,uBANF,CAQA,GACE,0BANF,CACF","file":"placeholder.css","sourcesContent":[".mykn-placeholder {\n  --mykn-placeholder-color-dark: var(--placeholder-background-dark);\n  --mykn-placeholder-color-light: var(--placeholder-background-light);\n\n  animation: shift-background var(--animation-duration-slow) infinite\n    var(--animation-timing-function) reverse;\n  background: linear-gradient(\n    90deg,\n    var(--mykn-placeholder-color-dark),\n    var(--mykn-placeholder-color-light),\n    var(--mykn-placeholder-color-dark)\n  );\n  background-size: 200% 100%;\n  border: none;\n  border-radius: 1em;\n  display: inline-block;\n  height: 1em;\n  margin: 0;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n@keyframes shift-background {\n  0% {\n    background-position: 0% 0%;\n  }\n  100% {\n    background-position: 200% 0%;\n  }\n}\n"]}