[{"__symbolic":"module","version":3,"metadata":{"LoadingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"civ-loading","template":"\n    <div class=\"icon dark\"></div>\n  ","styles":["\n    :host {\n      display: block;\n      position: relative;\n    }\n\n    .icon {\n      background-image: url(/assets/img/civ_logo_dark.png);\n      position: absolute;\n      top: 40%;\n      left: 48%;\n      height: 100px;\n      width: 100px;\n      background-repeat: no-repeat;\n      background-position: 50%;\n      -webkit-animation-iteration-count: infinite;\n      animation: iconSpin 4s ease 0.5s;\n      animation-iteration-count: infinite;\n    }\n\n    .loader, .loader:before, .loader:after {\n      border-radius: 50%;\n    }\n\n    .loader:before, .loader:after {\n      position: absolute;\n      content: '';\n    }\n\n    .loader {\n      font-size: 11px;\n      text-indent: -99999em;\n      position: absolute;\n      top: 40%;\n      left: 48%;\n    }\n\n    .loader:before {\n      width: 70px;\n      height: 140px;\n      border: 3px solid rgba(14, 14, 14, 0.55);\n      border-right: none;\n      border-radius: 140px 0 0 140px;\n      top: -0.1em;\n      left: -0.1em;\n      transform-origin: 70px 70px;\n      animation: load2 2s infinite ease 1.5s;\n    }\n\n    .loader:after {\n      width: 70px;\n      height: 140px;\n      border: 3px solid rgba(14, 14, 14, 0.35);\n      border-left: none;\n      border-radius: 0 140px 140px 0;\n      top: -2px;\n      left: 70px;\n      transform-origin: 0 70px;\n      animation: load2 2s infinite ease;\n    }\n\n    @keyframes load2 {\n      0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n      }\n\n      100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes iconSpin {\n      0% {\n        transform: rotate3d(0, 1, 0, 0deg);\n      }\n\n      15% {\n        transform: rotate3d(0, 1, 0, 20deg);\n      }\n\n      50% {\n        transform: rotate3d(0, 1, 0, 180deg);\n      }\n\n      85% {\n        transform: rotate3d(0, 1, 0, 340deg);\n      }\n\n      100% {\n        transform: rotate3d(0, 1, 0, 360deg);\n      }\n    }\n\n\n  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"LoadingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"civ-loading","template":"\n    <div class=\"icon dark\"></div>\n  ","styles":["\n    :host {\n      display: block;\n      position: relative;\n    }\n\n    .icon {\n      background-image: url(/assets/img/civ_logo_dark.png);\n      position: absolute;\n      top: 40%;\n      left: 48%;\n      height: 100px;\n      width: 100px;\n      background-repeat: no-repeat;\n      background-position: 50%;\n      -webkit-animation-iteration-count: infinite;\n      animation: iconSpin 4s ease 0.5s;\n      animation-iteration-count: infinite;\n    }\n\n    .loader, .loader:before, .loader:after {\n      border-radius: 50%;\n    }\n\n    .loader:before, .loader:after {\n      position: absolute;\n      content: '';\n    }\n\n    .loader {\n      font-size: 11px;\n      text-indent: -99999em;\n      position: absolute;\n      top: 40%;\n      left: 48%;\n    }\n\n    .loader:before {\n      width: 70px;\n      height: 140px;\n      border: 3px solid rgba(14, 14, 14, 0.55);\n      border-right: none;\n      border-radius: 140px 0 0 140px;\n      top: -0.1em;\n      left: -0.1em;\n      transform-origin: 70px 70px;\n      animation: load2 2s infinite ease 1.5s;\n    }\n\n    .loader:after {\n      width: 70px;\n      height: 140px;\n      border: 3px solid rgba(14, 14, 14, 0.35);\n      border-left: none;\n      border-radius: 0 140px 140px 0;\n      top: -2px;\n      left: 70px;\n      transform-origin: 0 70px;\n      animation: load2 2s infinite ease;\n    }\n\n    @keyframes load2 {\n      0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n      }\n\n      100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes iconSpin {\n      0% {\n        transform: rotate3d(0, 1, 0, 0deg);\n      }\n\n      15% {\n        transform: rotate3d(0, 1, 0, 20deg);\n      }\n\n      50% {\n        transform: rotate3d(0, 1, 0, 180deg);\n      }\n\n      85% {\n        transform: rotate3d(0, 1, 0, 340deg);\n      }\n\n      100% {\n        transform: rotate3d(0, 1, 0, 360deg);\n      }\n    }\n\n\n  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]