/* Extracted from compass-html index.html <head> styles */
.main {
    transition: opacity 1s ease;
  }
  .body.is-animating .main {
    opacity: 0 !important;
  }
  .intro-wrap {
    opacity: 1;
  }
  .discover-popup-inner {
    /*opacity: 1;*/
  }
  .will-change-tf {
    will-change: transform;
  }
  .will-change-filter {
    will-change: filter;
  }
  .input-label {
    pointer-events: none;
  }
  .noise-bg:before {
    content: '';
    position: fixed;
    pointer-events: none;
    background-image: url(var(--compass-noise-url));
    top: -10rem;
    left: -10rem;
    width: calc(100% + 20rem);
    height: calc(100% + 20rem);
    opacity: 0.85;
  }
  @media only screen and (min-width: 991px) {
    .noise-bg:before {
      /*-webkit-animation: noise 1s steps(2) infinite;
      animation: noise 1s steps(2) infinite;*/
    }
  }
  @keyframes noise{0%{transform:translate3d(0,9rem,0)}10%{transform:translate3d(-1rem,-4rem,0)}20%{transform:translate3d(-8rem,2rem,0)}30%{transform:translate3d(9rem,-9rem,0)}40%{transform:translate3d(-2rem,7rem,0)}50%{transform:translate3d(-9rem,-4rem,0)}60%{transform:translate3d(2rem,6rem,0)}70%{transform:translate3d(7rem,-8rem,0)}80%{transform:translate3d(-9rem,1rem,0)}90%{transform:translate3d(6rem,-5rem,0)}to{transform:translate3d(-7rem,0,0)}}
  @media only screen and (min-width: 991px) {
  	.home-discor-item-body {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .home-discor-item-body.line-clamp-2 {
      -webkit-line-clamp: 2;
    }
    .home-discor-item-body.line-clamp-3 {
      -webkit-line-clamp: 3;
    }
    .home-discor-item-body.expand {
      -webkit-line-clamp: unset !important;
    }
  }