https://amex.ccm.tiltecx.com/

送信済みURL:
https://amex.ccm.tiltecx.com/
レポート終了日:

リンク · 0件検出

JavaScript変数 · 155件検出

名前規模
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
subdomainundefined
hrefundefined
IECheckfunction
webpackChunkoak_moonobject
Zonefunction
__zone_symbol__Promisefunction
__zone_symbol__fetchfunction

コンソールログメッセージ · 2件検出

規模分類ログ
warningother
URL
https://amex.ccm.tiltecx.com/
テキスト
Custom Environment env.js found.
logother
URL
https://amex.ccm.tiltecx.com/main-es2020.cde60bd79dc062dda120.js
テキスト
Download the Apollo DevTools for a better development experience: https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm

HTML

<!DOCTYPE html><html lang="en" dir="ltr"><head><style>body {transition: opacity ease-in 0.2s; } 
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } 
</style>
    <meta charset="utf-8">
    <title>Viewer</title>
    <base href="/">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <script>
      if (IECheck()) {   
        var subdomain = window.location.host.split('.')[0];
        var href = window.location.href;

        if(subdomain.indexOf('viewer') != -1 && subdomain.indexOf('uat') == -1 && subdomain.indexOf('dev') == -1){ 
          location.assign(href.replace("viewer", "v1viewer")); // Redirect Prod
        } else if(subdomain.indexOf('uat-viewer') != -1){ 
          location.assign(href.replace("uat-viewer", "v1viewer-uat")); // Redirect UAT
        } else if(subdomain.indexOf('dev-viewer') != -1){ 
          location.assign(href.replace("dev-viewer", "v1viewer-dev")); // Redirect DEV
        } else {
          location.assign(href.replace(subdomain, "v1viewer")); // Redirect Subdomain
        }
      }

      function IECheck() {
        var ua = window.navigator.userAgent;
        var msie = ua.indexOf('MSIE ');
        var ie11 = ua.indexOf('Trident');
        return msie > 0 || ie11 > 0;
      }
    </script>
    <script>
      (function() {
        var scriptUrl = 'environments/custom/env.js';

        var xhr = new XMLHttpRequest();
        xhr.open('HEAD', scriptUrl, false); // Synchronous request
        xhr.send();

        if (xhr.status === 200) {
          var script = document.createElement('script');
          script.src = scriptUrl;
          script.type = 'text/javascript';
          document.head.appendChild(script);
          console.warn('Custom Environment env.js found.');
        }
      })();
    </script><script src="environments/custom/env.js" type="text/javascript"></script>
  <link rel="stylesheet" href="styles.6f1a7f34d76eb2d9498a.css"><style type="text/css" id="s./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js!./package/src/animation.scss-0">/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
.eva-animation {
  animation-duration: 1s;
  animation-fill-mode: both; }

.eva-infinite {
  animation-iteration-count: infinite; }

.eva-icon-shake {
  animation-name: eva-shake; }

.eva-icon-zoom {
  animation-name: eva-zoomIn; }

.eva-icon-pulse {
  animation-name: eva-pulse; }

.eva-icon-flip {
  animation-name: eva-flipInY; }

.eva-hover {
  display: inline-block; }

.eva-hover:hover .eva-icon-hover-shake, .eva-parent-hover:hover .eva-icon-hover-shake {
  animation-name: eva-shake; }

.eva-hover:hover .eva-icon-hover-zoom, .eva-parent-hover:hover .eva-icon-hover-zoom {
  animation-name: eva-zoomIn; }

.eva-hover:hover .eva-icon-hover-pulse, .eva-parent-hover:hover .eva-icon-hover-pulse {
  animation-name: eva-pulse; }

.eva-hover:hover .eva-icon-hover-flip, .eva-parent-hover:hover .eva-icon-hover-flip {
  animation-name: eva-flipInY; }

@keyframes eva-flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes eva-shake {
  from,
  to {
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-3px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(3px, 0, 0); } }

@keyframes eva-pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.2, 1.2, 1.2); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes eva-zoomIn {
  from {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 0.5); }
  50% {
    opacity: 1; } }
</style><style>.relative[_ngcontent-coy-c306] {
  position: relative;
}

.container[_ngcontent-coy-c306] {
  max-width: 1920px;
  margin: auto;
  overflow: hidden;
}

.main-container[_ngcontent-coy-c306]   .content-container[_ngcontent-coy-c306]   .content-area[_ngcontent-coy-c306] {
  max-width: 1920px !important;
}

nb-icon[_ngcontent-coy-c306] {
  width: auto;
  height: 100%;
}

nb-icon[_ngcontent-coy-c306]   svg[_ngcontent-coy-c306] {
  min-height: 20px;
}

.actions[_ngcontent-coy-c306] {
  margin-left: auto;
  padding: 10px;
}

.actions[_ngcontent-coy-c306]   nb-icon[_ngcontent-coy-c306] {
  fill: #ffffff;
  width: 20px;
}

.actions[_ngcontent-coy-c306]   nb-icon[_ngcontent-coy-c306]:first-child {
  margin-right: 20px;
}

.version[_ngcontent-coy-c306] {
  margin: 0;
  padding: 0;
  margin-bottom: -20px;
  margin-right: 24px;
  color: transparent;
  float: right;
}

.expiring-dialog[_ngcontent-coy-c306] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}

.expiring-dialog[_ngcontent-coy-c306]   .card[_ngcontent-coy-c306] {
  position: absolute;
  margin: auto;
  font-size: 48px;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 26rem;
  height: 18rem;
  background-color: #ffffff;
}

.custom-brand[_ngcontent-coy-c306] {
  max-width: 200px;
  max-height: 60px;
  aspect-ratio: auto;
}</style><style>[_nghost-coy-c130]{-webkit-font-smoothing:antialiased}[dir=ltr]   [_nghost-coy-c130]{text-align:left}[dir=rtl]   [_nghost-coy-c130]{text-align:right}[_nghost-coy-c130]   .layout[_ngcontent-coy-c130]{display:flex;flex-direction:column}[_nghost-coy-c130]     nb-layout-header{display:block}[_nghost-coy-c130]     nb-layout-header nav{align-items:center;justify-content:flex-start;display:flex}[_nghost-coy-c130]     nb-layout-header.fixed{position:fixed;top:0;left:0;right:0;z-index:1040}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row}[dir=ltr]   [_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]     nb-sidebar.left{order:0}[dir=rtl]   [_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]     nb-sidebar.left{order:2}[dir=ltr]   [_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]     nb-sidebar.right{order:2}[dir=rtl]   [_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]     nb-sidebar.right{order:0}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]     nb-sidebar.end{order:2}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]     nb-sidebar .fixed{position:fixed;width:100%;overflow-y:auto;height:100%}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content[_ngcontent-coy-c130]{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content.center[_ngcontent-coy-c130]{max-width:100%;position:relative;margin-left:auto;margin-right:auto}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content[_ngcontent-coy-c130]   .columns[_ngcontent-coy-c130]{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row;width:100%}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content[_ngcontent-coy-c130]   .columns[_ngcontent-coy-c130]     nb-layout-column{order:1;flex:1 0;min-width:0}[dir=ltr]   [_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content[_ngcontent-coy-c130]   .columns[_ngcontent-coy-c130]     nb-layout-column.left{order:0}[dir=rtl]   [_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content[_ngcontent-coy-c130]   .columns[_ngcontent-coy-c130]     nb-layout-column.left{order:2}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content[_ngcontent-coy-c130]   .columns[_ngcontent-coy-c130]     nb-layout-column.start{order:0}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content[_ngcontent-coy-c130]     nb-layout-footer{display:block;margin-top:auto}[_nghost-coy-c130]   .layout-container[_ngcontent-coy-c130]   .content[_ngcontent-coy-c130]     nb-layout-footer nav{justify-content:center;display:flex}</style><style></style><style>@font-face {
  font-family: "Metropolis-Regular";
  src: url("/assets/fonts/Metropolis-Regular.otf");
}
*[_ngcontent-coy-c266]:focus {
  outline-color: #DCEDC8 !important;
}
@-webkit-keyframes autofill {
  to {
    color: #666;
  }
}
@keyframes autofill {
  to {
    color: #666;
  }
}
input[_ngcontent-coy-c266]:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
  animation-name: autofill;
  animation-fill-mode: both;
  background-color: transparent;
}
.link[_ngcontent-coy-c266] {
  padding: 0.9rem 1.2rem;
  font-weight: 500;
  color: #ddd;
}
.link[_ngcontent-coy-c266]:hover {
  color: #ffffff;
}
.open-hamburger-menu[_ngcontent-coy-c266]   a[_ngcontent-coy-c266] {
  color: #565656 !important;
}
.login-wrapper[_ngcontent-coy-c266]   .login[_ngcontent-coy-c266]   .login-group[_ngcontent-coy-c266]   .btn[_ngcontent-coy-c266] {
  margin-top: 20px !important;
}
img.img-fluid[_ngcontent-coy-c266] {
  max-width: 100%;
  margin: auto;
  padding: 10px;
}
.flex-grid[_ngcontent-coy-c266] {
  display: flex;
}
.flex-grid[_ngcontent-coy-c266]   .col[_ngcontent-coy-c266] {
  flex: 1;
}
.flex-grid-thirds[_ngcontent-coy-c266] {
  display: flex;
  justify-content: space-between;
}
.flex-grid-thirds[_ngcontent-coy-c266]   .col[_ngcontent-coy-c266] {
  width: 32%;
}
@media (max-width: 400px) {
  .flex-grid[_ngcontent-coy-c266], .flex-grid-thirds[_ngcontent-coy-c266] {
    display: block;
  }
  .flex-grid[_ngcontent-coy-c266]   .col[_ngcontent-coy-c266], .flex-grid-thirds[_ngcontent-coy-c266]   .col[_ngcontent-coy-c266] {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
.shell[_ngcontent-coy-c266] {
  display: flex;
}
.shell[_ngcontent-coy-c266]   .content-nav[_ngcontent-coy-c266] {
  flex: 2;
}
.shell[_ngcontent-coy-c266]   .content-detail[_ngcontent-coy-c266] {
  flex: 10;
}
.form-group[_ngcontent-coy-c266] {
  margin: 0.8rem 0;
  max-width: 25rem;
}
.cdk-overlay-container[_ngcontent-coy-c266] {
  z-index: 9999 !important;
}
.content-container[_ngcontent-coy-c266] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.content-container[_ngcontent-coy-c266]   .content-area[_ngcontent-coy-c266] {
  overflow-y: visible;
  margin-top: 50px;
  z-index: 10;
  width: 100%;
}
.content-container[_ngcontent-coy-c266]   .version-number[_ngcontent-coy-c266] {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: small;
  color: var(--color-basic-600);
}
@media screen and (max-width: 700px) {
  .dots-wrapper[_ngcontent-coy-c266] {
    display: none !important;
  }

  .floating-icons[_ngcontent-coy-c266] {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .content-container[_ngcontent-coy-c266] {
    min-height: 65vh;
  }
}
.login-wrapper[_ngcontent-coy-c266] {
  background: transparent;
  height: auto;
  max-width: 30rem;
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
  box-shadow: 2px 24px 40px 7px rgba(0, 0, 0, 0.2), 3px 3px 4px 0px rgba(0, 0, 0, 0.1);
}

.logo[_ngcontent-coy-c266] {
  margin-top: -135px;
  background: white;
  padding: 20px;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  position: relative;
  display: var(--display-login-logo);
}
.logo[_ngcontent-coy-c266]::before {
  content: "";
  display: block;
  width: 178px;
  height: 180px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: 2px 25px 40px 7px rgba(0, 0, 0, 0.2), 4px 3px 4px 0px rgba(0, 0, 0, 0.1);
}
.logo[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  width: 140px;
  height: 140px;
}
.logo[_ngcontent-coy-c266]   path[_ngcontent-coy-c266] {
  fill: #e1e1e1;
}
.logo-text[_ngcontent-coy-c266] {
  margin-top: 0;
  width: 358px;
  height: var(--logo-container-height);
  background: var(--login-logo-text-image);
}
.logo-text[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  display: var(--login-logo-text-display);
  width: 200px;
}
.logo-separator[_ngcontent-coy-c266] {
  width: 40%;
  margin-top: -10px;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e1e1;
}
.logo-separator.active[_ngcontent-coy-c266] {
  border-color: var(--color-primary-500);
  transition: border-color 2s;
  transition-delay: 300ms;
}
@-webkit-keyframes fadeBrightAppear {
  0% {
    opacity: 0;
    filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29tcG9uZW50VHJhbnNmZXIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGdW5jUiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIyIiAvPjxmZUZ1bmNHIHR5cGU9ImxpbmVhciIgc2xvcGU9IjIiIC8+PGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMiIgLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+PC9maWx0ZXI+PC9zdmc+I2ZpbHRlcg==);
    filter: brightness(2);
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29tcG9uZW50VHJhbnNmZXIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGdW5jUiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIxIiAvPjxmZUZ1bmNHIHR5cGU9ImxpbmVhciIgc2xvcGU9IjEiIC8+PGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMSIgLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+PC9maWx0ZXI+PC9zdmc+I2ZpbHRlcg==);
    filter: brightness(1);
    transform: scale(1);
  }
}
@keyframes fadeBrightAppear {
  0% {
    opacity: 0;
    filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29tcG9uZW50VHJhbnNmZXIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGdW5jUiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIyIiAvPjxmZUZ1bmNHIHR5cGU9ImxpbmVhciIgc2xvcGU9IjIiIC8+PGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMiIgLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+PC9maWx0ZXI+PC9zdmc+I2ZpbHRlcg==);
    filter: brightness(2);
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29tcG9uZW50VHJhbnNmZXIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGdW5jUiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIxIiAvPjxmZUZ1bmNHIHR5cGU9ImxpbmVhciIgc2xvcGU9IjEiIC8+PGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMSIgLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+PC9maWx0ZXI+PC9zdmc+I2ZpbHRlcg==);
    filter: brightness(1);
    transform: scale(1);
  }
}
@-webkit-keyframes flyingRound {
  0% {
    transform: translateY(0) translateX(-12vw) scale(1);
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateY(12vh) translateX(0) scale(1);
  }
  50% {
    transform: translateY(0) translateX(12vw) scale(1);
  }
  75% {
    transform: translateY(-12vh) translateX(0) scale(0);
  }
  to {
    transform: translateY(0) translateX(-12vw) scale(1);
  }
}
@keyframes flyingRound {
  0% {
    transform: translateY(0) translateX(-12vw) scale(1);
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateY(12vh) translateX(0) scale(1);
  }
  50% {
    transform: translateY(0) translateX(12vw) scale(1);
  }
  75% {
    transform: translateY(-12vh) translateX(0) scale(0);
  }
  to {
    transform: translateY(0) translateX(-12vw) scale(1);
  }
}
@-webkit-keyframes flyingRound2 {
  0% {
    transform: translateY(0) translateX(12vw) scale(1);
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateY(-12vh) translateX(0) scale(0);
  }
  50% {
    transform: translateY(0) translateX(-12vw) scale(1);
  }
  75% {
    transform: translateY(12vh) translateX(0) scale(1);
  }
  to {
    transform: translateY(0) translateX(12vw) scale(1);
  }
}
@keyframes flyingRound2 {
  0% {
    transform: translateY(0) translateX(12vw) scale(1);
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateY(-12vh) translateX(0) scale(0);
  }
  50% {
    transform: translateY(0) translateX(-12vw) scale(1);
  }
  75% {
    transform: translateY(12vh) translateX(0) scale(1);
  }
  to {
    transform: translateY(0) translateX(12vw) scale(1);
  }
}
@-webkit-keyframes dotMerge1 {
  0% {
    transform: translateX(-10vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@keyframes dotMerge1 {
  0% {
    transform: translateX(-10vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@-webkit-keyframes dotMerge2 {
  0% {
    transform: translateX(9vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@keyframes dotMerge2 {
  0% {
    transform: translateX(9vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@-webkit-keyframes dotMerge3 {
  0% {
    transform: translateX(20vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@keyframes dotMerge3 {
  0% {
    transform: translateX(20vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@-webkit-keyframes dotMerge4 {
  0% {
    transform: translateX(-15vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@keyframes dotMerge4 {
  0% {
    transform: translateX(-15vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@-webkit-keyframes dotMerge5 {
  0% {
    transform: translateX(-20vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@keyframes dotMerge5 {
  0% {
    transform: translateX(-20vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@-webkit-keyframes dotMerge6 {
  0% {
    transform: translateX(10vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
@keyframes dotMerge6 {
  0% {
    transform: translateX(10vw) translateY(0);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  to {
    transform: translateY(3vw) translateX(0);
  }
}
.dots-wrapper[_ngcontent-coy-c266] {
  overflow: hidden;
  width: 100vw;
  display: block;
  position: absolute;
  height: 100vh;
  top: 0;
  left: 0;
  pointer-events: none;
}
.dots[_ngcontent-coy-c266] {
  position: absolute;
  z-index: -1;
  left: -40%;
  right: -40%;
  top: 50px;
  -webkit-animation: fadeBrightAppear 2s ease-in-out;
          animation: fadeBrightAppear 2s ease-in-out;
  pointer-events: none;
}
.dots.active[_ngcontent-coy-c266]   span[_ngcontent-coy-c266] {
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  margin: auto;
  transform: translate(0vw, 4vw);
  -webkit-animation: none;
          animation: none;
}
.dots.active[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(1) {
  -webkit-animation: dotMerge1;
          animation: dotMerge1;
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.dots.active[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(2) {
  -webkit-animation: dotMerge2;
          animation: dotMerge2;
  -webkit-animation-delay: 75ms;
          animation-delay: 75ms;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.dots.active[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(3) {
  -webkit-animation: dotMerge3;
          animation: dotMerge3;
  -webkit-animation-delay: 125ms;
          animation-delay: 125ms;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.dots.active[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(4) {
  -webkit-animation: dotMerge4;
          animation: dotMerge4;
  -webkit-animation-delay: 180ms;
          animation-delay: 180ms;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.dots.active[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(5) {
  -webkit-animation: dotMerge5;
          animation: dotMerge5;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.dots.active[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(6) {
  -webkit-animation: dotMerge6;
          animation: dotMerge6;
  -webkit-animation-delay: 350ms;
          animation-delay: 350ms;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.dots[_ngcontent-coy-c266]   span[_ngcontent-coy-c266] {
  position: absolute;
  opacity: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #8CE4EB;
  -webkit-animation: flyingRound 15s ease-in-out infinite;
          animation: flyingRound 15s ease-in-out infinite;
}
.dots[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(1) {
  background: #C4F5F4;
  width: 5px;
  height: 5px;
  left: 40%;
  top: 70px;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.dots[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(2) {
  background: #002837;
  right: 41%;
  top: 60px;
  animation-direction: alternate-reverse;
  -webkit-animation-name: flyingRound2;
          animation-name: flyingRound2;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
}
.dots[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(3) {
  background: #4EB3C3;
  left: 70%;
  top: 40px;
  animation-direction: reverse;
  -webkit-animation-name: flyingRound2;
          animation-name: flyingRound2;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-duration: 14.5s;
          animation-duration: 14.5s;
}
.dots[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(4) {
  background: #217287;
  width: 5px;
  height: 5px;
  left: 35%;
  top: 10px;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-duration: 13.5s;
          animation-duration: 13.5s;
}
.dots[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(5) {
  background: #4EB3C3;
  width: 5px;
  height: 5px;
  right: 70%;
  top: 30px;
  animation-direction: reverse;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 15.5s;
          animation-duration: 15.5s;
}
.dots[_ngcontent-coy-c266]   span[_ngcontent-coy-c266]:nth-child(6) {
  background: #001F2F;
  width: 5px;
  height: 5px;
  right: 40%;
  top: 15px;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@-webkit-keyframes play120 {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -19260px 0px;
  }
}
@keyframes play120 {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -19260px 0px;
  }
}
@-webkit-keyframes play60 {
  0% {
    background-position: 0px 0px;
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    background-position: -19260px 0px;
    opacity: 1;
  }
}
@keyframes play60 {
  0% {
    background-position: 0px 0px;
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    background-position: -19260px 0px;
    opacity: 1;
  }
}
@-webkit-keyframes play60rewind {
  0% {
    background-position: -19260px 0px;
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    background-position: 0px 0px;
    opacity: 0;
  }
}
@keyframes play60rewind {
  0% {
    background-position: -19260px 0px;
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    background-position: 0px 0px;
    opacity: 0;
  }
}
.shapeshifter[_ngcontent-coy-c266] {
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(60);
          animation-timing-function: steps(60);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  background-image: url("/assets/sprite_60fps.svg");
  opacity: 0;
  width: 321px;
  height: 324px;
  background-repeat: no-repeat;
  position: absolute;
  transform: scale(0.48);
  top: -73px;
  left: -71px;
}
.shapeshifter.play[_ngcontent-coy-c266] {
  -webkit-animation-name: play60;
          animation-name: play60;
}
.shapeshifter.rewind[_ngcontent-coy-c266] {
  -webkit-animation-name: play60rewind;
          animation-name: play60rewind;
}
@-webkit-keyframes cloudTranslate {
  0% {
    transform: translateX(-1vw) translateY(5vh) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 0.145;
    transform: translateX(10vw) translateY(-7vh) rotate(50deg);
  }
  80% {
    transform: translateX(20vw) translateY(-5vh) rotate(-20deg);
  }
  to {
    transform: translateX(20vw) translateY(5vh);
    opacity: 0;
  }
}
@keyframes cloudTranslate {
  0% {
    transform: translateX(-1vw) translateY(5vh) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 0.145;
    transform: translateX(10vw) translateY(-7vh) rotate(50deg);
  }
  80% {
    transform: translateX(20vw) translateY(-5vh) rotate(-20deg);
  }
  to {
    transform: translateX(20vw) translateY(5vh);
    opacity: 0;
  }
}
@-webkit-keyframes cloudTranslateReverse {
  0% {
    transform: translateX(1vw) translateY(-5vh) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 0.145;
    transform: translateX(-10vw) translateY(7vh) rotate(-30deg);
  }
  80% {
    transform: translateX(-20vw) translateY(5vh) rotate(20deg);
  }
  to {
    transform: translateX(-20vw) translateY(-5vh);
    opacity: 0;
  }
}
@keyframes cloudTranslateReverse {
  0% {
    transform: translateX(1vw) translateY(-5vh) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 0.145;
    transform: translateX(-10vw) translateY(7vh) rotate(-30deg);
  }
  80% {
    transform: translateX(-20vw) translateY(5vh) rotate(20deg);
  }
  to {
    transform: translateX(-20vw) translateY(-5vh);
    opacity: 0;
  }
}
@-webkit-keyframes returnAnimationLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px) translateY(0);
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: 0.5;
  }
}
@keyframes returnAnimationLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px) translateY(0);
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: 0.5;
  }
}
@-webkit-keyframes returnAnimationRight {
  0% {
    opacity: 0;
    transform: translateX(100px) translateY(0);
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: 0.5;
  }
}
@keyframes returnAnimationRight {
  0% {
    opacity: 0;
    transform: translateX(100px) translateY(0);
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: 0.5;
  }
}
@-webkit-keyframes returnAnimationUp {
  0% {
    opacity: 0;
    transform: translateX(0) translateY(-30px);
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: 0.5;
  }
}
@keyframes returnAnimationUp {
  0% {
    opacity: 0;
    transform: translateX(0) translateY(-30px);
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: 0.5;
  }
}
@-webkit-keyframes returnAnimationDown {
  0% {
    opacity: 0;
    transform: translateX(0) translateY(30px);
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: 0.5;
  }
}
@keyframes returnAnimationDown {
  0% {
    opacity: 0;
    transform: translateX(0) translateY(30px);
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: 0.5;
  }
}
.floating-icons[_ngcontent-coy-c266] {
  position: relative;
  z-index: -1;
  width: 100%;
  display: flex;
  pointer-events: none;
}
.cloudCloud[_ngcontent-coy-c266] {
  position: absolute;
  opacity: 0;
  z-index: 1;
  width: 35px;
  pointer-events: none;
  transition: opacity 4s;
}
.animate[_ngcontent-coy-c266]   .cloudCloud[_ngcontent-coy-c266] {
  -webkit-animation: cloudTranslate 15s linear infinite;
          animation: cloudTranslate 15s linear infinite;
  -webkit-animation-direction: alternate, reverse, normal;
          animation-direction: alternate, reverse, normal;
}
.rewindIcons[_ngcontent-coy-c266]   .cloudCloud[_ngcontent-coy-c266] {
  opacity: 0 !important;
  transition: opacity 4s !important;
}
#icon-robot[_ngcontent-coy-c266] {
  top: 180px;
  left: -23px;
}
#icon-robot[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(-45deg) !important;
}
.animate[_ngcontent-coy-c266]   #icon-robot[_ngcontent-coy-c266] {
  -webkit-animation-name: cloudTranslateReverse;
          animation-name: cloudTranslateReverse;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-robot[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationLeft !important;
          animation: returnAnimationLeft !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-xls[_ngcontent-coy-c266] {
  top: -29px;
  right: 100px;
}
#icon-xls[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(15deg);
}
.animate[_ngcontent-coy-c266]   #icon-xls[_ngcontent-coy-c266] {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-xls[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationUp !important;
          animation: returnAnimationUp !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-lock[_ngcontent-coy-c266] {
  top: -28px;
  left: 30px;
}
#icon-lock[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(-27deg);
}
.animate[_ngcontent-coy-c266]   #icon-lock[_ngcontent-coy-c266] {
  -webkit-animation-name: cloudTranslateReverse;
          animation-name: cloudTranslateReverse;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-lock[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationUp !important;
          animation: returnAnimationUp !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-cloud[_ngcontent-coy-c266] {
  right: -25px;
  top: 0px;
}
#icon-cloud[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(45deg);
}
.animate[_ngcontent-coy-c266]   #icon-cloud[_ngcontent-coy-c266] {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  animation-direction: reverse;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-cloud[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationRight !important;
          animation: returnAnimationRight !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-database[_ngcontent-coy-c266] {
  top: 43px;
  left: -25px;
}
#icon-database[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(-26deg);
}
.animate[_ngcontent-coy-c266]   #icon-database[_ngcontent-coy-c266] {
  -webkit-animation-name: cloudTranslateReverse;
          animation-name: cloudTranslateReverse;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
  animation-direction: reverse;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-database[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationLeft !important;
          animation: returnAnimationLeft !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-email[_ngcontent-coy-c266] {
  top: 210px;
  right: -22px;
}
#icon-email[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(30deg);
}
.animate[_ngcontent-coy-c266]   #icon-email[_ngcontent-coy-c266] {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  -webkit-animation-duration: 24s;
          animation-duration: 24s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-email[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationRight !important;
          animation: returnAnimationRight !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-pdf[_ngcontent-coy-c266] {
  top: -136px;
  left: -26px;
}
#icon-pdf[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(-70deg);
}
.animate[_ngcontent-coy-c266]   #icon-pdf[_ngcontent-coy-c266] {
  -webkit-animation-name: cloudTranslateReverse;
          animation-name: cloudTranslateReverse;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-pdf[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationLeft !important;
          animation: returnAnimationLeft !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-pie[_ngcontent-coy-c266] {
  top: -23px;
  right: -23px;
}
#icon-pie[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(104deg);
}
.animate[_ngcontent-coy-c266]   #icon-pie[_ngcontent-coy-c266] {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-pie[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationRight !important;
          animation: returnAnimationRight !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-print[_ngcontent-coy-c266] {
  top: -5px;
  left: 25px;
}
#icon-print[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(200deg);
}
.animate[_ngcontent-coy-c266]   #icon-print[_ngcontent-coy-c266] {
  -webkit-animation-name: cloudTranslateReverse;
          animation-name: cloudTranslateReverse;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-print[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationDown !important;
          animation: returnAnimationDown !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-search[_ngcontent-coy-c266] {
  top: -10px;
  left: 170px;
}
#icon-search[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(190deg);
}
.animate[_ngcontent-coy-c266]   #icon-search[_ngcontent-coy-c266] {
  -webkit-animation-name: cloudTranslateReverse;
          animation-name: cloudTranslateReverse;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  -webkit-animation-duration: 24s;
          animation-duration: 24s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-search[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationDown !important;
          animation: returnAnimationDown !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}
#icon-video[_ngcontent-coy-c266] {
  top: -5px;
  right: 40px;
}
#icon-video[_ngcontent-coy-c266]   svg[_ngcontent-coy-c266] {
  transform: rotate(-8deg);
}
.animate[_ngcontent-coy-c266]   #icon-video[_ngcontent-coy-c266] {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
}
.iconReturnTo[_ngcontent-coy-c266]   #icon-video[_ngcontent-coy-c266] {
  -webkit-animation: returnAnimationDown !important;
          animation: returnAnimationDown !important;
  -webkit-animation-delay: 0ms !important;
          animation-delay: 0ms !important;
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
  -webkit-animation-direction: normal !important;
          animation-direction: normal !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important;
}</style><style>.login[_ngcontent-coy-c267] {
  padding: 20px;
  min-height: 320px !important;
  width: 100%;
}
.login[_ngcontent-coy-c267]:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: none !important;
  top: 0;
  right: -2px;
}
.form-alert[_ngcontent-coy-c267] {
  margin-top: -44px;
  margin-bottom: 20px;
}
.title[_ngcontent-coy-c267] {
  font-size: 1.5rem;
  margin: 0px;
}
.custom-input[_ngcontent-coy-c267] {
  color: #000 !important;
  width: 100% !important;
  border: none !important;
  margin: 5px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #9a9a9a !important;
  background: linear-gradient(to bottom, transparent 95%, #7BB026 95%) no-repeat !important;
  background-size: 0% 100% !important;
  transition: background-size 0.2s ease !important;
}
.form-body[_ngcontent-coy-c267] {
  padding: 40px 0px;
}
.otp[_ngcontent-coy-c267] {
  padding: 10px;
  margin-top: 15px;
}
.otp[_ngcontent-coy-c267]   input[_ngcontent-coy-c267] {
  text-align: center;
}
.link[_ngcontent-coy-c267] {
  cursor: pointer;
}
input[_ngcontent-coy-c267]::-ms-reveal, input[_ngcontent-coy-c267]::-ms-clear {
  display: none;
}
.warning[_ngcontent-coy-c267] {
  color: #FCA00C;
}</style><style>[_nghost-coy-c246]{display:flex;align-items:center}.nb-form-control-container[_ngcontent-coy-c246]{width:100%}</style><style>[_nghost-coy-c92]{display:inline-block}</style></head>
  <body class="nb-theme-light" style="--color-primary-100: #c2e3ff; --color-primary-200: #86c7ff; --color-primary-300: #49abff; --color-primary-hover: #0d8fff; --color-primary-hover-border: #0d8fff; --color-primary-400: #0d8fff; --button-filled-primary-focus-border-color: #006fcf; --button-filled-primary-focus-background-color: #006fcf; --color-primary-active-border: #006fcf; --color-primary-active: #006fcf; --color-primary-default-border: #006fcf; --color-primary-default: #006fcf; --button-outline-primary-hover-text-color: #006fcf; --button-outline-primary-hover-border-color: #006fcf; --button-outline-primary-border-color: #006fcf; --button-outline-primary-text-color: #006fcf; --button-outline-primary-background-color: rgba(0,111,207, 0.08); --button-outline-primary-hover-background-color: rgba(0,111,207, 0.16); --color-primary-500: #006fcf; --color-primary-600: #0059a6; --color-primary-700: #00437c; --color-primary-800: #002c53; --color-primary-900: #001629; --color-secondary-100: #c7cbee; --color-secondary-200: #8e96dd; --color-secondary-300: #5662cc; --color-secondary-400: #323ea6; --color-secondary-500: #21296e; --color-secondary-600: #1a2158; --color-secondary-700: #141942; --color-secondary-800: #0d102c; --color-secondary-900: #070816; --modal-tab-color: #494c49; --display-login-logo: none; --login-logo-text-display: none; --logo-container-height: 125px; --login-logo-text-image: url('https://viewer.ccm.tiltecx.com/api/cms/publicid/de59ab4b-2c1a-4e08-b4da-d23eabc37990/0') 
        center / 125px 125px no-repeat;">
    <ifs-root _nghost-coy-c306="" class="ng-tns-c306-0" ng-version="12.2.0"><nb-layout _ngcontent-coy-c306="" class="ng-tns-c306-0" _nghost-coy-c130="" style="display: inherit;"><div _ngcontent-coy-c130="" class="scrollable-container"><div _ngcontent-coy-c130="" class="layout"><!----><div _ngcontent-coy-c130="" class="layout-container"><div _ngcontent-coy-c130="" class="content"><div _ngcontent-coy-c130="" class="columns"><nb-layout-column _ngcontent-coy-c306="" class="ng-trigger ng-trigger-routeAnimation"><p _ngcontent-coy-c306="" class="version"> Version: 2.0.486</p><!----><router-outlet _ngcontent-coy-c306=""></router-outlet><ifs-login _nghost-coy-c268="" class="ng-tns-c268-1 ng-star-inserted" style=""><ifs-logged-out-view _ngcontent-coy-c268="" class="ng-tns-c268-1 ng-trigger ng-trigger-routeAnimation" _nghost-coy-c266=""><div _ngcontent-coy-c266="" class="content-container"><div _ngcontent-coy-c266="" class="content-area"><div _ngcontent-coy-c266="" class="login-wrapper"><!----><div _ngcontent-coy-c266="" class="logo-section"><!----><p _ngcontent-coy-c266="" class="logo-text"><svg _ngcontent-coy-c266="" width="850" height="110" viewBox="0 0 850 150" fill="none" xmlns="http://www.w3.org/2000/svg"><g _ngcontent-coy-c266="" clip-path="url(#clip0_1818_10)"><path _ngcontent-coy-c266="" d="M0 97V68.29H127.23V97H80.69V223.58H46.54V97H0Z" fill="#002837"></path><path _ngcontent-coy-c266="" d="M375.92 68.29V194.87H451.61V223.58H341.78V68.29H375.93H375.92Z" fill="#002837"></path><path _ngcontent-coy-c266="" d="M173.34 209.25L238.48 68.29L269.48 82.61L204.34 223.57L173.34 209.25Z" fill="#002837"></path><path _ngcontent-coy-c266="" d="M475.43 97V68.29H602.66V97H556.12V223.58H521.97V97H475.43Z" fill="#002837"></path><path _ngcontent-coy-c266="" d="M774.68 68.29V97H692.69V130.28H767.94V156.81H692.69V194.87H776.42V223.58H658.54V68.29H774.68Z" fill="#002837"></path><path _ngcontent-coy-c266="" d="M280.96 34.14C290.387 34.14 298.03 26.4975 298.03 17.07C298.03 7.6425 290.387 0 280.96 0C271.532 0 263.89 7.6425 263.89 17.07C263.89 26.4975 271.532 34.14 280.96 34.14Z" fill="#FF002D"></path></g><defs _ngcontent-coy-c266=""><clipPath _ngcontent-coy-c266="" id="clip0_1818_10"><rect _ngcontent-coy-c266="" width="776.42" height="223.58" fill="white"></rect></clipPath></defs></svg></p></div><ifs-login-form _ngcontent-coy-c268="" class="full-width" _nghost-coy-c267=""><form _ngcontent-coy-c267="" novalidate="" autocomplete="off" class="login ng-untouched ng-pristine ng-invalid"><div _ngcontent-coy-c267="" class="row"><div _ngcontent-coy-c267="" class="col-md-6"><p _ngcontent-coy-c267="" data-e2e="cardTitle" class="pull-left title"> Sign in </p></div><div _ngcontent-coy-c267="" class="col-md-6"><a _ngcontent-coy-c267="" data-e2e="registerButton" routerlink="/auth/register" class="pull-right text-basic" href="#/auth/register"> Create an account? </a></div></div><div _ngcontent-coy-c267="" class="form-body row"><div _ngcontent-coy-c267="" class="col-md-12"><nb-form-field _ngcontent-coy-c267="" _nghost-coy-c246="" class="nb-form-field-size-medium nb-transition"><!----><div _ngcontent-coy-c246="" class="nb-form-control-container"><input _ngcontent-coy-c267="" nbinput="" fullwidth="" data-e2e="username" type="text" name="username" formcontrolname="username" placeholder="Username/Email/Mobile" class="custom-input input-full-width size-medium status-basic shape-rectangle ng-untouched ng-pristine ng-invalid nb-transition"></div><!----></nb-form-field><!----><nb-form-field _ngcontent-coy-c267="" _nghost-coy-c246="" class="nb-form-field-size-medium nb-transition"><!----><div _ngcontent-coy-c246="" class="nb-form-control-container nb-form-field-control-with-suffix"><input _ngcontent-coy-c267="" nbinput="" fullwidth="" data-e2e="password" formcontrolname="password" role="presentation" name="password" placeholder="Password" autocomplete="off" class="custom-input input-full-width size-medium status-basic shape-rectangle ng-untouched ng-pristine ng-invalid nb-transition" type="password" style="-webkit-text-security: disc;"></div><div _ngcontent-coy-c246="" class="nb-form-field-addon nb-form-field-suffix-medium nb-form-field-addon-basic ng-star-inserted" style=""><button _ngcontent-coy-c267="" type="button" nbsuffix="" nbbutton="" ghost="" aria-disabled="false" tabindex="0" class="appearance-ghost size-medium shape-rectangle icon-start icon-end status-basic nb-transition"><nb-icon _ngcontent-coy-c267="" pack="oakmoon" _nghost-coy-c92="" aria-label="hide password"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.432,10.524C20.787,7.614,16.4,4.538,12,4.6,7.6,4.537,3.213,7.615.568,10.524a2.211,2.211,0,0,0,0,2.948C3.182,16.351,7.507,19.4,11.839,19.4h.308c4.347,0,8.671-3.049,11.288-5.929A2.21,2.21,0,0,0,23.432,10.524ZM7.4,12A4.6,4.6,0,1,1,12,16.6,4.6,4.6,0,0,1,7.4,12Z"></path><circle cx="12" cy="12" r="2"></circle></svg></nb-icon></button></div><!----></nb-form-field><!----></div><div _ngcontent-coy-c267="" class="col-md-12"><a _ngcontent-coy-c267="" routerlink="/auth/forgot-password" class="pull-right" href="#/auth/forgot-password"> Forgot password? </a></div><!----></div><div _ngcontent-coy-c267="" class="form-footer"><div _ngcontent-coy-c267="" class="row"><div _ngcontent-coy-c267="" class="col-md-12"><!----><button _ngcontent-coy-c267="" id="signIn" nbspinnerstatus="info" nbbutton="" fullwidth="" status="primary" class="mt-10 appearance-filled full-width size-medium shape-rectangle status-primary ng-star-inserted nb-transition" aria-disabled="false" tabindex="0" style=""> Sign In </button><!----><!----><!----></div></div></div></form></ifs-login-form><!----></div></div><div _ngcontent-coy-c266="" class="version-number"> v2.0.486 </div></div></ifs-logged-out-view></ifs-login><!----></nb-layout-column></div></div></div></div></div></nb-layout></ifs-root>
  <script src="runtime-es2020.f7ce12a3b18f2d3f8d7b.js" type="module"></script><script src="runtime-es5.f7ce12a3b18f2d3f8d7b.js" nomodule="" defer=""></script><script src="polyfills-es5.9233f7dd153b23a59b77.js" nomodule="" defer=""></script><script src="polyfills-es2020.48ab51fe9d4aea217676.js" type="module"></script><script src="scripts.85e0ab168a86d64b12a9.js" defer=""></script><script src="main-es2020.cde60bd79dc062dda120.js" type="module"></script><script src="main-es5.cde60bd79dc062dda120.js" nomodule="" defer=""></script>

</body></html>