{"version":3,"sources":["../../../../src/components/icon/icon.scss"],"names":[],"mappings":"AAAA,WACE,oBAAA,CACA,4BAAA,CAGA,qBAAA,CACA,gFAAA,CAHA,qBAAA,CAKA,2BADF,CAGE,mBACE,wBADJ,CAIE,mBACE,iBAFJ,CAKE,iBACE,uFAHJ,CAQA,gBACE,GACE,sBALF,CAOA,GACE,uBALF,CACF","file":"icon.css","sourcesContent":[".mykn-icon {\n  --mykn-icon-size: 1em;\n  height: var(--mykn-icon-size);\n  vertical-align: middle;\n  // TODO: Implement proper sizing system for icon\n  transform: scale(1.33);\n  transition: all var(--animation-duration-medium)\n    var(--animation-timing-function);\n  width: var(--mykn-icon-size);\n\n  &--flip-x {\n    transform: rotate(180deg);\n  }\n\n  &--hidden {\n    visibility: hidden;\n  }\n\n  &--spin {\n    animation: spin var(--animation-duration-slow)\n      var(--animation-timing-function) infinite;\n  }\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n"]}