.orange {
  color: #ff7a29;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v15-latin-300.eot");
  src: url("../fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300.woff") format("woff"), url("../fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v15-latin-regular.eot");
  src: url("../fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-regular.woff") format("woff"), url("../fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v15-latin-600.eot");
  src: url("../fonts/open-sans-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-600.woff") format("woff"), url("../fonts/open-sans-v15-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-600.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v15-latin-700.eot");
  src: url("../fonts/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-700.woff") format("woff"), url("../fonts/open-sans-v15-latin-700.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-700.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans-v15-latin-800.eot");
  src: url("../fonts/open-sans-v15-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-800.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-800.woff") format("woff"), url("../fonts/open-sans-v15-latin-800.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-800.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/open-sans-v15-latin-300italic.eot");
  src: url("../fonts/open-sans-v15-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-300italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-300italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-300italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v15-latin-italic.eot");
  src: url("../fonts/open-sans-v15-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v15-latin-600italic.eot");
  src: url("../fonts/open-sans-v15-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-600italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-600italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-600italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-600italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/open-sans-v15-latin-700italic.eot");
  src: url("../fonts/open-sans-v15-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-700italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-700italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-700italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-700italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/open-sans-v15-latin-800italic.eot");
  src: url("../fonts/open-sans-v15-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-800italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-800italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-800italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-800italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/source-sans-pro-v11-latin-200.eot");
  src: url("../fonts/source-sans-pro-v11-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-200.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-200.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-200.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-200.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/source-sans-pro-v11-latin-300.eot");
  src: url("../fonts/source-sans-pro-v11-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-300.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-300.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-300.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-300.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/source-sans-pro-v11-latin-regular.eot");
  src: url("../fonts/source-sans-pro-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-regular.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-regular.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-regular.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-regular.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/source-sans-pro-v11-latin-600.eot");
  src: url("../fonts/source-sans-pro-v11-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-600.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-600.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-600.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-600.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-sans-pro-v11-latin-700.eot");
  src: url("../fonts/source-sans-pro-v11-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-700.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-700.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-700.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-700.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/source-sans-pro-v11-latin-900.eot");
  src: url("../fonts/source-sans-pro-v11-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-900.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-900.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-900.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-900.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/source-sans-pro-v11-latin-200italic.eot");
  src: url("../fonts/source-sans-pro-v11-latin-200italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-200italic.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-200italic.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-200italic.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-200italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/source-sans-pro-v11-latin-300italic.eot");
  src: url("../fonts/source-sans-pro-v11-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-300italic.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-300italic.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-300italic.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-300italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/source-sans-pro-v11-latin-italic.eot");
  src: url("../fonts/source-sans-pro-v11-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-italic.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-italic.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-italic.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/source-sans-pro-v11-latin-600italic.eot");
  src: url("../fonts/source-sans-pro-v11-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-600italic.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-600italic.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-600italic.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-600italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/source-sans-pro-v11-latin-700italic.eot");
  src: url("../fonts/source-sans-pro-v11-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-700italic.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-700italic.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-700italic.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-700italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/source-sans-pro-v11-latin-900italic.eot");
  src: url("../fonts/source-sans-pro-v11-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v11-latin-900italic.woff2") format("woff2"), url("../fonts/source-sans-pro-v11-latin-900italic.woff") format("woff"), url("../fonts/source-sans-pro-v11-latin-900italic.ttf") format("truetype"), url("../fonts/source-sans-pro-v11-latin-900italic.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/source-code-pro-v23-latin-300.eot");
  src: url("../fonts/source-code-pro-v23-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/source-code-pro-v23-latin-300.woff2") format("woff2"), url("../fonts/source-code-pro-v23-latin-300.woff") format("woff"), url("../fonts/source-code-pro-v23-latin-300.ttf") format("truetype"), url("../fonts/source-code-pro-v23-latin-300.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/source-code-pro-v23-latin-regular.eot");
  src: url("../fonts/source-code-pro-v23-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-code-pro-v23-latin-regular.woff2") format("woff2"), url("../fonts/source-code-pro-v23-latin-regular.woff") format("woff"), url("../fonts/source-code-pro-v23-latin-regular.ttf") format("truetype"), url("../fonts/source-code-pro-v23-latin-regular.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/source-code-pro-v23-latin-600.eot");
  src: url("../fonts/source-code-pro-v23-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/source-code-pro-v23-latin-600.woff2") format("woff2"), url("../fonts/source-code-pro-v23-latin-600.woff") format("woff"), url("../fonts/source-code-pro-v23-latin-600.ttf") format("truetype"), url("../fonts/source-code-pro-v23-latin-600.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-code-pro-v23-latin-700.eot");
  src: url("../fonts/source-code-pro-v23-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/source-code-pro-v23-latin-700.woff2") format("woff2"), url("../fonts/source-code-pro-v23-latin-700.woff") format("woff"), url("../fonts/source-code-pro-v23-latin-700.ttf") format("truetype"), url("../fonts/source-code-pro-v23-latin-700.svg#OpenSans") format("svg");
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/source-code-pro-v23-latin-800.eot");
  src: url("../fonts/source-code-pro-v23-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/source-code-pro-v23-latin-800.woff2") format("woff2"), url("../fonts/source-code-pro-v23-latin-800.woff") format("woff"), url("../fonts/source-code-pro-v23-latin-800.ttf") format("truetype"), url("../fonts/source-code-pro-v23-latin-800.svg#OpenSans") format("svg");
}
.bold {
  font-weight: bold;
}
.semibold,
.semi {
  font-weight: 600;
}
.center {
  text-align: center;
}
.underline {
  text-decoration: underline;
}
html[id=whatsnew] section {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
html[id=whatsnew] section.header h1 {
  font-size: 5.6rem;
  font-weight: 600;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
}
html[id=whatsnew] section.whatsnew {
  max-width: 70rem;
  margin: auto;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  html[id=whatsnew] section.whatsnew {
    padding: calc(((24)/10)rem * 2);
    width: auto;
  }
}
@media only screen and (max-width: 520px) {
  html[id=whatsnew] section.whatsnew {
    padding: 24px;
    width: auto;
  }
}
html[id=whatsnew] section.whatsnew ul {
  margin-top: 2em;
}
html[id=whatsnew] section.whatsnew li {
  margin-top: 0.4em;
  font-size: 1.6rem;
  line-height: 1.8em;
}
html[id=whatsnew] section.whatsnew h3 {
  font-size: 3.2rem;
  font-weight: 600;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
}
html[id=whatsnew] section.whatsnew h4 {
  margin-top: 3em;
  font-weight: 600;
  margin-bottom: 0.8rem;
  font-size: 2rem;
  font-weight: 400;
  font-family: "Open Sans", "Lucida Grande", sans-serif;
}
html[id=whatsnew] section.whatsnew p {
  font-family: "Open Sans", "Lucida Grande", sans-serif;
}
html[id=whatsnew] section.whatsnew p.introduction {
  font-size: 1.9rem;
  line-height: 1.7em;
}
html[id=whatsnew] section.whatsnew div.teaser-image {
  text-align: center;
  margin-bottom: 3em;
}
html[id=whatsnew] section.whatsnew div.teaser-image img {
  height: auto;
  max-width: 100%;
}
html[id=whatsnew] section.see-in-action {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.2rem;
  -webkit-transition: opacity var(--animation-duration) linear var(--animation-delay), -webkit-transform var(--animation-duration) linear var(--animation-delay);
  transition: opacity var(--animation-duration) linear var(--animation-delay), -webkit-transform var(--animation-duration) linear var(--animation-delay);
  -o-transition: opacity var(--animation-duration) linear var(--animation-delay), transform var(--animation-duration) linear var(--animation-delay);
  transition: opacity var(--animation-duration) linear var(--animation-delay), transform var(--animation-duration) linear var(--animation-delay);
  transition: opacity var(--animation-duration) linear var(--animation-delay), transform var(--animation-duration) linear var(--animation-delay), -webkit-transform var(--animation-duration) linear var(--animation-delay);
}
@media only screen and (max-width: 767px) {
  html[id=whatsnew] section.see-in-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  html[id=whatsnew] section.see-in-action * {
    text-align: center;
  }
}
html[id=whatsnew] section.see-in-action > .texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 767px) {
  html[id=whatsnew] section.see-in-action > .texts {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 521px) {
  html[id=whatsnew] section.see-in-action > .texts {
    max-width: 66%;
  }
}
html[id=whatsnew] section.see-in-action > .texts h2 {
  font-size: 3.6rem;
  line-height: calc(3.6rem * 1.5);
  font-weight: 700 !important;
}
html[id=whatsnew] section.see-in-action > .texts p {
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "Open Sans", "Lucida Grande", sans-serif;
  padding: 0;
  margin: 0;
}
html[id=whatsnew] section.see-in-action > .texts p.footnote {
  font-size: 1.1rem;
  font-weight: 400;
  font-family: "Open Sans", "Lucida Grande", sans-serif;
  opacity: 0.5;
  line-height: 1.6rem;
  max-width: 90%;
  padding: 0;
  max-width: 60%;
  margin-top: 3.2rem;
}
@media only screen and (max-width: 767px) {
  html[id=whatsnew] section.see-in-action > .texts p.footnote {
    max-width: 100%;
    padding: 0 5%;
  }
}
html[id=whatsnew] section.see-in-action > .texts .interaction {
  margin-top: 3.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.6rem;
}
@media only screen and (max-width: 520px) {
  html[id=whatsnew] section.see-in-action > .texts .interaction {
    gap: 0.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  html[id=whatsnew] section.see-in-action > .texts .interaction * {
    width: 100%;
  }
}
html[id=whatsnew] section.see-in-action > .texts:before {
  display: block;
  content: '';
  background-color: rgba(255,255,255,0.35);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-clip-path: polygon(0% 0.8rem, 100% 0%, 100% 100%, 0% calc(100% - 0.8rem));
          clip-path: polygon(0% 0.8rem, 100% 0%, 100% 100%, 0% calc(100% - 0.8rem));
}
html[id=whatsnew] section.see-in-action > .texts:after {
  display: block;
  content: '';
  background-color: #fff;
  position: absolute;
  left: 0;
  top: calc(-4px);
  width: 100%;
  height: calc(100% + 4px * 2);
  z-index: -1;
  -webkit-clip-path: polygon(0% 1.6rem, 100% 0%, 100% 4px, 0% calc(1.6rem + 4px), 0% 1.6rem, 0% calc(100% - 1.6rem), 100% 100%, 100% calc(100% - 4px), 0% calc(100% - 1.6rem - 4px));
          clip-path: polygon(0% 1.6rem, 100% 0%, 100% 4px, 0% calc(1.6rem + 4px), 0% 1.6rem, 0% calc(100% - 1.6rem), 100% 100%, 100% calc(100% - 4px), 0% calc(100% - 1.6rem - 4px));
}
html[id=whatsnew] section.see-in-action > .image {
  position: relative;
  z-index: 1;
}
html[id=whatsnew] section.see-in-action > .image:before {
  display: block;
  content: '';
  background-image: url("../../Images/product-icons/littlesnitch_256.png");
  background-size: cover;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-filter: blur(24px);
          filter: blur(24px);
  opacity: 0.2;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  html[id=whatsnew] section.see-in-action > .image {
    max-width: 45%;
  }
}
html[id=whatsnew] section.see-in-action[data-animate=prepare] {
  opacity: 0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
}
html[id=whatsnew] section.see-in-action:not([data-animate]) > .image:before {
  -webkit-animation: slow-rotation 5s ease-in-out 0s infinite alternate both;
          animation: slow-rotation 5s ease-in-out 0s infinite alternate both;
}
@-webkit-keyframes slow-rotation {
  0% {
    opacity: 0.2;
    -webkit-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }
  15% {
    opacity: 0.5;
    -webkit-transform: scale(1.05) rotate(15deg);
            transform: scale(1.05) rotate(15deg);
  }
  50% {
    opacity: 0.2;
    -webkit-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }
  85% {
    opacity: 0.6;
    -webkit-transform: scale(1.02) rotate(-15deg);
            transform: scale(1.02) rotate(-15deg);
  }
  100% {
    opacity: 0.2;
    -webkit-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }
}
@keyframes slow-rotation {
  0% {
    opacity: 0.2;
    -webkit-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }
  15% {
    opacity: 0.5;
    -webkit-transform: scale(1.05) rotate(15deg);
            transform: scale(1.05) rotate(15deg);
  }
  50% {
    opacity: 0.2;
    -webkit-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }
  85% {
    opacity: 0.6;
    -webkit-transform: scale(1.02) rotate(-15deg);
            transform: scale(1.02) rotate(-15deg);
  }
  100% {
    opacity: 0.2;
    -webkit-transform: scale(1.15) rotate(0deg);
            transform: scale(1.15) rotate(0deg);
  }
}
html[id=whatsnew] footer {
  border-top: unset;
}