@import '~@delon/theme/index';

:host {
  ::ng-deep {
    .layout {
      height: 100%;
    }

    .ant-layout-header {
      background: #ffffff;
      // box-shadow: 0px 5px 5px #d1d1d1;
    }

    nz-content {
      background     : url('../../../assets/images/login/login-bg.jpg') 100% 100% no-repeat;
      background-size: cover;
      overflow       : hidden;
    }

    passport-login {
      background: transparent;
    }

    .earth-box {
      background     : url('../../../assets/images/login/5-地球元素02.png') 100% 100% no-repeat;
      background-size: cover;
      overflow       : hidden;
    }

    .earth {
      animation        : eatthAnimation 60s linear infinite;
      -webkit-animation: eatthAnimation 60s linear infinite;
      max-width        : 100%;
      margin-top       : -50px;
      max-height       : calc(100% - 64px);
      border-radius    : 40%;
    }

    .earth:hover {
      animation-play-state        : paused;
      -webkit-animation-play-state: paused;
    }

    @keyframes eatthAnimation {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    @-webkit-keyframes eatthAnimation {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

  }
}

.title {
  font-size  : 18px;
  font-weight: 600;
  color      : #26282A;
}