@media screen and (min-width: 721px) and (max-width: 1000px) {
  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .devsite-main-content {
    padding: 0 32px;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .devsite-main-content {
    padding: 0 60px;
  }
}

/* Resets vertical spacing of rows */
.devsite-landing-row-item {
  max-width: 100%;
  position: relative;
}

.devsite-landing-row[background],
.devsite-landing-row.devsite-background {
  /* Override specific devsite values only */
  padding-bottom: 16px;
}

.devsite-landing-row[background] + .devsite-landing-row[background],
.devsite-landing-row.devsite-background + .devsite-landing-row.devsite-background {
  padding-top: 16px;
}

.devsite-landing-row,
.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
  padding-top: 16px;
}

.devsite-landing-row-item-no-image:not(:first-child),
.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .devsite-landing-row[background],
.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .devsite-landing-row.devsite-background,
.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item:not(:first-child),
.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child),
.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(even),
.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(even),
.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(even) {
  margin-top: 16px;
}

.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child) {
  margin-left: 0;
}

.dac-landing-row-narrow-background.devsite-landing-row[background],
.dac-landing-row-narrow-background.devsite-landing-row.devsite-background {
  margin-left: 0;
  margin-right: 0;
  padding: 24px;
}

.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .dac-landing-row-double-margin[background],
.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .dac-landing-row-double-margin.devsite-background {
  /* Not double on mobile */
  margin-bottom: 16px;
  margin-top: 16px;
}

.dac-gutter.devsite-landing-row.devsite-landing-row[background],
.dac-gutter.devsite-landing-row.devsite-background,
.devsite-landing-page-with-side-navs .dac-gutter.devsite-landing-row.devsite-landing-row[background],
.devsite-landing-page-with-side-navs .dac-gutter.devsite-landing-row.devsite-background {
  padding-bottom: 0;
}

.devsite-landing-row.dac-landing-row-bottom-padding[background],
.devsite-landing-row.dac-landing-row-bottom-padding.devsite-background {
  padding-bottom: 16px;
}

.dac-landing-row-item-large-vertical-spacing {
  padding-top: 32px;
}

.devsite-landing-row.devsite-landing-row-1-up .devsite-landing-row-item-description {
  margin-right: 0;
}

.devsite-landing-page-with-side-navs .devsite-landing-row[background],
.devsite-landing-page-with-side-navs .devsite-landing-row.devsite-background {
  padding: 24px;
}

.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):not(:first-child) .devsite-landing-row-header-text > h2 {
  margin-top: 0;
}

@media screen and (min-width: 721px) {
  .devsite-landing-row[background],
  .devsite-landing-row.devsite-background {
    /* Override specific devsite values only */
    padding-bottom: 32px;
  }

  .devsite-landing-row[background]:not(.devsite-landing-row-4-up) + .devsite-landing-row[background],
  .devsite-landing-row.devsite-background:not(.devsite-landing-row-4-up) + .devsite-landing-row.devsite-background {
    padding-top: 32px;
  }

  .devsite-landing-row,
  .devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-top: 32px;
  }

  .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child) {
    margin-left: 32px;
    margin-top: 0;
  }

  .devsite-landing-row-item-no-image:not(:first-child),
  .devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .devsite-landing-row[background],
  .devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .devsite-landing-row.devsite-background,
  .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
  .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item:not(:first-child),
  .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(even),
  .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(even),
  .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child) {
    margin-top: 32px;
  }

  .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
  .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
  .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child) {
    margin-top: 0;
  }

  .devsite-landing-row-item:first-child {
    padding-top: 0;
  }

  .dac-landing-row-narrow-background.devsite-landing-row[background],
  .dac-landing-row-narrow-background.devsite-landing-row.devsite-background {
    padding: 32px;
  }

  .devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .dac-landing-row-double-margin[background],
  .devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .dac-landing-row-double-margin.devsite-background {
    margin-bottom: 64px;
    margin-top: 64px;
  }

  .dac-landing-page .devsite-landing-row.dac-landing-row-bottom-padding[background],
  .devsite-landing-row.dac-landing-row-bottom-padding.devsite-background {
    padding-bottom: 64px;
  }

  .devsite-landing-page-with-side-navs .devsite-landing-row[background],
  .devsite-landing-page-with-side-navs .devsite-landing-row.devsite-background {
    padding: 32px;
  }
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
  .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image):not(:first-child),
  .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image):not(:first-child) {
    margin-top: 32px;
  }

  .devsite-landing-row[background].devsite-landing-row-4-up,
  .devsite-landing-row.devsite-background.devsite-landing-row-4-up,
  .devsite-landing-row[background]:not(.devsite-landing-row-4-up) + .devsite-landing-row[background].devsite-landing-row-4-up,
  .devsite-landing-row.devsite-background:not(.devsite-landing-row-4-up) + .devsite-landing-row.devsite-background.devsite-landing-row-4-up {
    padding-top: 0;
  }

  .devsite-landing-row.devsite-landing-row-4-up .devsite-landing-row-item,
  .devsite-landing-row.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
  .devsite-landing-row.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(even) {
    margin-top: 32px;
  }
}

@media screen and (max-width: 1000px) {
  .devsite-landing-row:not(.devsite-landing-row-4-up) .devsite-landing-row-item-no-image:not(:first-child) {
    margin-left: 32px;
  }

  .devsite-main-content .dac-gutter.devsite-landing-row .devsite-landing-row-item {
    margin-left: 0;
    margin-right: 0;
  }

  .devsite-landing-row-item.dac-landing-row-item-empty {
    background-size: cover;
  }

  .devsite-landing-row-item.dac-landing-row-item-empty .devsite-landing-row-item-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 720px) {
  .devsite-landing-row:not(.devsite-landing-row-4-up) .devsite-landing-row-item-no-image:not(:first-child) {
    margin-left: 0;
  }

  .devsite-landing-row-item.dac-landing-row-item-empty .devsite-landing-row-item-buttons {
    margin-top: 100px;
  }
}

@media screen and (min-width: 1401px) {
  .devsite-landing-row-item.dac-landing-row-item-empty {
    background-size: cover;
  }
}

@media screen and (min-width: 1001px) {
  .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
  .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
  .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child) {
    margin-top: 0;
  }

  .devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .dac-landing-row-double-margin[background],
  .devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .dac-landing-row-double-margin.devsite-background {
    margin-bottom: 120px;
    margin-top: 88px;
  }

  .devsite-landing-row.dac-landing-row-bottom-padding[background],
  .devsite-landing-row.dac-landing-row-bottom-padding.devsite-background {
    padding-bottom: 120px;
  }
}

.devsite-landing-row-item .devsite-landing-row-item-buttons-bottom {
  margin-right: 50%;
}

.devsite-landing-row-item .devsite-landing-row-item-buttons {
  margin: auto 0 0;
  padding: 2em 0 0;
}

.devsite-landing-row-item[background] .devsite-landing-row-item-description,
.devsite-landing-row-item.devsite-background .devsite-landing-row-item-description {
  margin: 0;
  padding: 0;
}

.devsite-landing-row-item-media {
  margin: 0;
}

.devsite-landing-row-item .devsite-landing-row-item-description:not(:empty),
.devsite-landing-row-item[background] .devsite-landing-row-item-description,
.devsite-landing-row-item.devsite-background .devsite-landing-row-item-description {
  padding: 24px;
}

@media screen and (min-width: 721px) {
  .devsite-landing-row-item .devsite-landing-row-item-description:not(:empty),
  .devsite-landing-row-item[background] .devsite-landing-row-item-description,
  .devsite-landing-row-item.devsite-background .devsite-landing-row-item-description {
    padding: 32px;
  }
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
  .devsite-landing-page-with-side-navs .devsite-landing-row-2-up .devsite-landing-row-item {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
  }

  .devsite-landing-page-with-side-navs .devsite-landing-row-2-up .devsite-landing-row-item:not(:first-child) {
    margin-left: 0;
    margin-top: 32px;
  }
}

.devsite-landing-page-with-side-navs .devsite-landing-row-1-up .devsite-landing-row-item:not(.dac-landing-row-item-icon-container-left):not(.dac-landing-row-item-description-bg-white):not(.dac-allow-padding) .devsite-landing-row-item-description:not(:empty) {
  padding: 0;
}

.devsite-landing-row-column:not(:first-child),
.devsite-landing-row-item:not(:first-child),
.devsite-landing-row-columns .devsite-landing-row-column:not(:first-child) {
  margin-left: 32px;
}

.devsite-landing-row-column > .devsite-landing-row-item {
  margin-left: 0;
}

.dac-landing-row.dac-landing-row-collapse {
  background-clip: content-box;
}

/* Group two or more columns together */
.dac-landing-row.dac-landing-row-collapse .devsite-landing-row-item,
.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item-image-left + .devsite-landing-row-item-description,
.devsite-landing-page-with-side-navs .dac-landing-row-collapse.devsite-landing-row-2-up .devsite-landing-row-item:not(:first-child) {
  margin: 0;
}

/* Typography and colors */
.devsite-article {
  color: #414141;
}

.devsite-article :link:not(.dac-button):not(.normal),
.devsite-article :visited:not(.dac-button):not(.normal),
.devsite-article [background='grey'] :link:not(.dac-button):not(.normal),
.devsite-article [background='grey'] :visited:not(.dac-button):not(.normal),
.devsite-article .devsite-background-grey :link:not(.dac-button):not(.normal),
.devsite-article .devsite-background-grey :visited:not(.dac-button):not(.normal) {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}

.devsite-article :link:not(.dac-button):hover,
.devsite-article :visited:not(.dac-button):hover,
.devsite-article [background='grey'] :link:not(.dac-button):hover,
.devsite-article [background='grey'] :visited:not(.dac-button):hover,
.devsite-article .devsite-background-grey :link:not(.dac-button):hover,
.devsite-article .devsite-background-grey :visited:not(.dac-button):hover {
  opacity: .4;
}

.devsite-article :link:not(.dac-button) > *:not(.material-icons):hover,
.devsite-article :visited:not(.dac-button) > *:not(.material-icons):hover,
.devsite-article [background='grey'] :link:not(.dac-button) > *:not(.material-icons):hover,
.devsite-article [background='grey'] :visited:not(.dac-button) > *:not(.material-icons):hover,
.devsite-article .devsite-background-grey :link:not(.dac-button) > *:not(.material-icons):hover,
.devsite-article .devsite-background-grey :visited:not(.dac-button) > *:not(.material-icons):hover {
  text-decoration: none;
}

.devsite-article .devsite-landing-row-item .devsite-landing-row-item-description > :link:not(.dac-button),
.devsite-article .devsite-landing-row-item .devsite-landing-row-item-description > :focus:not(.dac-button),
.devsite-article .devsite-landing-row-item .devsite-landing-row-item-description > :visited:not(.dac-button),
.devsite-article .devsite-landing-row-item .devsite-landing-row-item-description > h3 :link:not(.dac-button),
.devsite-article .devsite-landing-row-item .devsite-landing-row-item-description > h3 :focus:not(.dac-button),
.devsite-article .devsite-landing-row-item .devsite-landing-row-item-description > h3 :visited:not(.dac-button) {
  color: inherit;
  display: block;
  font-weight: inherit;
}

.devsite-article .devsite-landing-row-item:not(.dac-heading-linked) .devsite-landing-row-item-description > :link:not(.dac-button),
.devsite-article .devsite-landing-row-item:not(.dac-heading-linked) .devsite-landing-row-item-description > h3 :link:not(.dac-button) {
  opacity: 1;
}

.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-foreground) .devsite-landing-row-description,
.devsite-background-grey:not(.devsite-landing-row-cards),
.devsite-background-grey:not(.devsite-landing-row-cards) h3,
.devsite-background-cyan .devsite-landing-row-description,
.devsite-background-google-yellow .devsite-landing-row-description,
.devsite-background-grey .devsite-landing-row-description,
.devsite-background-light-green .devsite-landing-row-description,
.devsite-background-orange .devsite-landing-row-description,
.devsite-background-grey h2,
.devsite-article h1,
.devsite-article h2,
.devsite-landing-row-large-headings .devsite-landing-row-item-description h3,
.devsite-article h1 code,
.devsite-article h2 code,
.devsite-article h3 code,
.devsite-article h4 code,
.devsite-article h5 code,
.devsite-article h6 code,
.devsite-article .pre-style {
  color: inherit;
}

.devsite-article h1 code,
.devsite-article h2 code,
.devsite-article h3 code,
.devsite-article h4 code,
.devsite-article h5 code,
.devsite-article h6 code {
  background: transparent;
}

a:focus {
  text-decoration: none;
}

.dac-landing-row .devsite-landing-row-item-description,
.dac-landing-row-hero .devsite-landing-row-item-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dac-landing-row-item {
  background-clip: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  width: 100%;
}

/**
 * HERO
 */
.dac-landing-row-hero {
  color: #414141;
  margin: 36px 0;
  text-align: center;
}

.dac-landing-row-hero .devsite-landing-row-item-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 721px) {
  .dac-landing-row-hero {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-landing-row-hero {
    margin-bottom: 60px;
    margin-top: 60px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-landing-row-hero {
    margin-bottom: 84px;
    margin-top: 84px;
  }
}

.dac-landing-row-hero-screenshot {
  margin-top: 48px;
}

@media screen and (min-width: 721px) {
  .dac-landing-row-hero-screenshot {
    margin-top: 72px;
  }
}

.dac-landing-row-hero-screenshot img {
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, .6);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .6);
}

.dac-landing-row-hero-description {
  color: #263238;
  font: 300 18px/28px 'Roboto', sans-serif;
  margin: 1.5em auto;
  max-width: 750px;
}

/**
 * HEADING
 */
.devsite-landing-row-item h2,
.devsite-landing-row-item h3,
.dac-landing-row-hero h2 {
  color: inherit;
  font: 300 26px/28px 'Roboto', sans-serif;
  letter-spacing: -.5px;
}

.dac-heading-medium.devsite-landing-row-item h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.devsite-landing-row-item h2,
.dac-landing-row-hero h2,
.dac-heading-large.devsite-landing-row-item h3,
.dac-subtitle h3 {
  font-size: 32px;
  line-height: 38px;
}

.dac-heading-tiny.devsite-landing-row-item h3 {
  font: 400 22px/30px 'Roboto', sans-serif;
}

.dac-subtitle {
  margin-bottom: 16px;
  margin-top: 16px;
}

.dac-subtitle :first-child {
  margin-top: 0;
}

.dac-subtitle :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 721px) {
  .dac-subtitle {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}

@media screen and (min-width: 1001px) {
  .devsite-landing-row-item h3,
  .devsite-landing-row-item .dac-subtitle h3 {
    margin-bottom: 26px;
  }

  .devsite-landing-row-item h3 {
    font-size: 32px;
    line-height: 40px;
  }

  .devsite-landing-row-item h2,
  .dac-landing-row-hero h2,
  .dac-heading-large.devsite-landing-row-item h3,
  .dac-subtitle h3 {
    font-size: 38px;
    line-height: 44px;
  }

  .dac-heading-medium.devsite-landing-row-item h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .dac-subtitle {
    margin-bottom: 32px;
    margin-top: 48px;
  }

  .dac-subtitle p {
    font-size: 18px;
  }
}

@media screen and (min-width: 1201px) {
  /* Stays smaller */
  .dac-heading-small.devsite-landing-row-item h3 {
    font-size: 32px;
    line-height: 40px;
  }

  .devsite-landing-row-item h3 {
    font-size: 44px;
    line-height: 56px;
  }

  .devsite-landing-row-item h2,
  .dac-landing-row-hero h2,
  .dac-heading-large.devsite-landing-row-item h3,
  .dac-subtitle h3 {
    font-size: 56px;
    line-height: 64px;
  }

  .dac-subtitle {
    margin-bottom: 48px;
    margin-top: 88px;
  }
}

/**
 * CONTENT
 */
.devsite-landing-row-item-description-content {
  color: #414141;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font: 400 14px/22px 'Roboto', sans-serif;
  letter-spacing: 0;
}

.devsite-landing-row-item-description-content p {
  margin-bottom: 1em;
}

@media screen and (min-width: 721px) {
  .devsite-landing-row-item-description-content {
    font-size: 16px;
    line-height: 24px;
  }
}

.dac-landing-row-item.dac-landing-row-item-no-margin h3 {
  margin-bottom: 0;
}

/**
 * ILLUSTRATION
 */
.dac-landing-row-item-description-bg-white .devsite-landing-row-item-description {
  background-color: #fff;
}

.dac-landing-row-item-description-bg-transparent .devsite-landing-row-item-description {
  background-color: transparent;
}

/**
 *
 * Background illustrations
 *
 * Use long-hand syntax to allow composition with other classes, especially
 * devsite classes.
 *
 */
.dac-landing-row-bg-illustration-2::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/playbook-illustration-2.svg);
}

.dac-landing-row-bg-blob-1 {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-1.svg);
  background-position: 25% 100%;
  background-repeat: no-repeat;
  background-size: 750px auto;
}

.dac-landing-row-bg-blob-2 {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-2.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 500px auto;
}

.dac-landing-row-bg-blob-5 {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-5.svg);
  background-position: bottom left;
  background-repeat: no-repeat;
}

.dac-landing-row-bg-blob-6 {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-6-mobile.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 721px) {
  .dac-landing-row-bg-blob-6 {
    background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-6.svg);
    background-position: calc(60% + 340px) 130px;
    background-repeat: no-repeat;
    background-size: 750px;
  }
}

.dac-landing-row-bg-blob-7 {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-7.svg);
  background-position: calc(100% + 280px) calc(100% + 150px);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 721px) {
  .dac-landing-row-bg-blob-7 {
    background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-7.svg);
    background-position: calc(100% + 370px) calc(100% + 190px);
    background-size: 750px;
  }
}

@media screen and (min-width: 721px) {
  .dac-landing-row-bg-blob-1 {
    background-position: 85% 100%;
  }

  .dac-landing-row-bg-blob-4 {
    background-size: auto;
  }

  .dac-landing-row-bg-blob-4 .dac-media {
    min-height: 300px;
    /* Update when we get updated blob */
  }
}

@media screen and (min-width: 1001px) {
  .dac-landing-row-bg-blob-4 .dac-media {
    min-height: 400px;
    /* Update when we get updated blob */
  }
}

@media screen and (min-width: 1201px) {
  .dac-landing-row-bg-blob-4 .dac-media {
    min-height: 540px;
    /* Update when we get updated blob */
  }
}

/**
 *
 * Illustration block (in content)
 *
 */
.dac-illustration-block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px 0;
  text-align: center;
}

.dac-illustration-block img {
  display: inline-block;
  max-width: 100%;
}

@media screen and (min-width: 480px) {
  .dac-illustration-block img {
    max-width: 60%;
  }
}

@media screen and (min-width: 721px) {
  .dac-illustration-block img {
    max-width: 100%;
  }
}

.dac-illustration-block-edge img,
.dac-illustration-block-edge-left img,
.dac-illustration-block-edge-right img {
  width: 100%;
}

@media screen and (min-width: 721px) {
  .dac-illustration-block-edge {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }

  .dac-illustration-block-edge-left {
    margin-left: -32px !important;
  }

  .dac-illustration-block-edge-right {
    margin-right: -32px !important;
  }
}

/**
 *
 * Illustration background
 *
 */
.dac-illustration {
  position: relative;
}

.dac-illustration::after {
  background-position: top center;
  background-size: 600px auto;
  /* use fixed size to prevent scaling */
  content: '';
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  /* fill the remaining space */
  min-height: 300px;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  width: 100%;
}

.dac-illustration .devsite-landing-row-item-description {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  /* collapse to the content */
}

.dac-illustration-bleed-lb::after {
  margin-bottom: -24px;
  margin-left: -24px;
  width: calc(100% + 48px);
}

@media screen and (min-width: 1001px) {
  .dac-illustration-bleed-lb::after {
    margin-bottom: -32px;
    margin-left: -32px;
    width: calc(100% + 32px);
  }
}

.dac-illustration-keyline-1::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/keyline-illustration-1.svg);
}

.dac-illustration-keyline-2::after,
.dac-landing-row-bg-illustration-2::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/keyline-illustration-2.svg);
}

.dac-illustration-keyline-3::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/keyline-illustration-3.svg);
  background-size: 500px auto;
}

.dac-illustration-keyline-4::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/keyline-illustration-4.svg);
  background-size: 500px auto;
}

.dac-illustration-getting-started::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/getting-started-illustration.svg);
}

.dac-illustration-play-book::after {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/playbook-illustration-2.svg);
  background-position: top right;
  background-repeat: no-repeat;
}

.dac-illustration-chrome-os::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/chrome-os-illustration.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.dac-illustration-things::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/things-illustration.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.dac-illustration-tv::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/tv-illustration.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: calc(100% - 32px);
}

.dac-illustration-wear::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/wear-illustration.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.dac-illustration-auto::after {
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/auto-illustration.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

@media screen and (min-width: 1001px) {
  .dac-illustration-auto::after {
    background-position: left bottom;
    background-size: auto 90%;
  }
}

.dac-landing-row-illustration-design {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/design-illustration.svg);
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.dac-landing-row-illustration-kotlin {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/kotlin-blob-mobile.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 721px) {
  .dac-landing-row-illustration-kotlin {
    background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/kotlin-blob.svg);
    background-position: 160px 130%;
    background-size: auto;
  }
}

.dac-illustration-play-console::after {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/play-console-icon.svg), url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/play-hero-small.svg);
  background-position: center center, left bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 197px 197px, cover;
  min-height: 544px;
}

.dac-landing-row-bg-illustration-3 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.dac-landing-row-bg-illustration-3 .devsite-landing-row-item-description-content p {
  max-width: 100%;
}

.dac-landing-row-bg-illustration-3::after {
  background-clip: content-box;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/success-guide-illustration-1.svg);
  background-position: center left;
  background-repeat: no-repeat;
  height: 100%;
  margin-left: -1em;
  width: 100%;
}

.dac-landing-row-bg-blob-3::after {
  background-clip: content-box;
  background-color: #fff;
  background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-3-small.svg);
  background-origin: content-box;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  width: 100%;
}

@media screen and (min-width: 721px) {
  .dac-illustration-play-console {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .dac-play-page .dac-landing-row-bg-illustration-1 .devsite-landing-row-item-description,
  .dac-docs-overview-page .dac-landing-row-bg-illustration-2 .devsite-landing-row-item-description {
    width: 50%;
  }

  .dac-play-page .dac-illustration-play-console .devsite-landing-row-item-description,
  .dac-play-page .dac-illustration-play-console::after,
  .dac-play-console-page .dac-illustration-play-console .devsite-landing-row-item-description,
  .dac-play-console-page .dac-illustration-play-console::after {
    max-width: 50%;
  }

  .dac-illustration-play-console::after {
    background-clip: content-box;
    background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/play-console-icon.svg), url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/play-hero-large.svg);
    background-position: center center, left center;
    background-size: 297px 297px, cover;
  }

  .dac-docs-overview-page .dac-landing-row-bg-illustration-2::after {
    width: 50%;
  }
}

@media screen and (min-width: 1001px) {
  .dac-illustration-column {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .dac-illustration-column .devsite-landing-row-item-description {
    width: 50%;
  }

  .dac-illustration-column::after {
    height: 100%;
    width: 50%;
  }

  .dac-landing-row-bg-blob-3::after {
    background-image: url(https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/blob-illustration-3-large.svg);
    background-position: 0 0;
    padding-left: 30%;
  }

  .dac-docs-overview-page .dac-landing-row-bg-illustration-2::after {
    min-height: 500px;
  }
}

/**
 * VIDEO
 */
.dac-video-card .devsite-landing-row-item-description-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.dac-video-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  margin-top: auto;
}

.dac-video-author, .dac-video-author:link:not(.dac-button), .dac-video-author:visited:not(.dac-button) {
  color: #414141;
}

.dac-video-author-icon {
  height: 40px;
  margin: 4px 0;
  padding: 0;
  width: 40px;
}

.dac-video-author-source {
  padding-left: 16px;
}

.dac-video-card.devsite-landing-row-item h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

@media screen and (min-width: 721px) {
  .dac-video-card.devsite-landing-row-item h3 {
    font-size: 22px;
    line-height: 30px;
  }
}

/**
 * BACKGROUND COLOR
 */
/* Dark Text Backgrounds */
.dac-background-white .devsite-landing-row-item-description,
.dac-landing-row-item-description-bg-white .devsite-landing-row-item-description {
  /* Use long-hand so this can be used with other background classes */
  background-color: #fff;
}

.devsite-landing-row .pre-style {
  background-color: #f7f9fa;
}

.dac-landing-row-bg-grey,
.dac-feed .hentry {
  background-color: #f7f9fa;
}

.dac-landing-row-bg-white {
  background-color: #fff;
}

.dac-landing-row-bg-mint {
  background-color: #55ffb5;
}

.dac-landing-row-bg-yellow {
  background-color: #ffd600;
}

.dac-landing-row-bg-mint .button.dac-outline-button,
.dac-landing-row-bg-yellow .button.dac-outline-button {
  border-color: #414141;
  color: #414141;
}

.dac-landing-row-bg-mint .button.dac-outline-button:hover, .dac-landing-row-bg-mint .button.dac-outline-button:focus,
.dac-landing-row-bg-yellow .button.dac-outline-button:hover,
.dac-landing-row-bg-yellow .button.dac-outline-button:focus {
  background: #414141;
  border-color: #414141;
  color: #fff;
}

/* Light Text Backgrounds */
.dac-landing-row-bg-blue {
  background-color: #2196f3;
}

.dac-landing-row-bg-blue :link:not(.dac-button) {
  color: #fff;
}

.dac-landing-row-bg-slate {
  background-color: #455a64;
}

.dac-landing-row-bg-green,
.dac-landing-row-item-description-bg-green .devsite-landing-row-item-description {
  background-color: #4b7d2f;
}

.dac-landing-row-bg-slate,
.dac-landing-row-bg-slate .devsite-landing-row-item-description-content,
.dac-landing-row-bg-slate :link,
.dac-landing-row-bg-slate :visited,
.dac-landing-row-bg-slate h2,
.dac-landing-row-bg-slate h3,
.dac-landing-row-bg-slate h4,
.dac-landing-row-bg-slate p,
.dac-landing-row-bg-blue,
.dac-landing-row-bg-blue .devsite-landing-row-item-description-content,
.dac-landing-row-bg-blue :link,
.dac-landing-row-bg-blue :visited,
.dac-landing-row-bg-blue h2,
.dac-landing-row-bg-blue h3,
.dac-landing-row-bg-blue h4,
.dac-landing-row-bg-blue p,
.dac-landing-row-bg-green,
.dac-landing-row-bg-green .devsite-landing-row-item-description-content,
.dac-landing-row-bg-green :link,
.dac-landing-row-bg-green :visited,
.dac-landing-row-bg-green h2,
.dac-landing-row-bg-green h3,
.dac-landing-row-bg-green h4,
.dac-landing-row-bg-green p {
  color: #fff;
}

.dac-landing-row-bg-slate .button.dac-alt-flat-button, .dac-landing-row-bg-slate .button.dac-flat-button,
.dac-landing-row-bg-blue .button.dac-alt-flat-button,
.dac-landing-row-bg-blue .button.dac-flat-button,
.dac-landing-row-bg-green .button.dac-alt-flat-button,
.dac-landing-row-bg-green .button.dac-flat-button {
  color: #fff;
}

.dac-landing-row-bg-slate .button.dac-alt-flat-button:hover, .dac-landing-row-bg-slate .button.dac-alt-flat-button:focus, .dac-landing-row-bg-slate .button.dac-flat-button:hover, .dac-landing-row-bg-slate .button.dac-flat-button:focus,
.dac-landing-row-bg-blue .button.dac-alt-flat-button:hover,
.dac-landing-row-bg-blue .button.dac-alt-flat-button:focus,
.dac-landing-row-bg-blue .button.dac-flat-button:hover,
.dac-landing-row-bg-blue .button.dac-flat-button:focus,
.dac-landing-row-bg-green .button.dac-alt-flat-button:hover,
.dac-landing-row-bg-green .button.dac-alt-flat-button:focus,
.dac-landing-row-bg-green .button.dac-flat-button:hover,
.dac-landing-row-bg-green .button.dac-flat-button:focus {
  opacity: .4;
}

.dac-landing-row-bg-slate .button.dac-outline-button,
.dac-landing-row-bg-blue .button.dac-outline-button,
.dac-landing-row-bg-green .button.dac-outline-button {
  border-color: #fff;
  color: #fff;
}

.dac-landing-row-bg-slate .button.dac-outline-button:hover, .dac-landing-row-bg-slate .button.dac-outline-button:focus,
.dac-landing-row-bg-blue .button.dac-outline-button:hover,
.dac-landing-row-bg-blue .button.dac-outline-button:focus,
.dac-landing-row-bg-green .button.dac-outline-button:hover,
.dac-landing-row-bg-green .button.dac-outline-button:focus {
  background: #fff;
  border-color: #fff;
  color: #414141;
}

.dac-landing-row-item-height-medium {
  min-height: 250px;
}

@media screen and (min-width: 1001px) {
  .dac-landing-row-item-height-medium {
    min-height: 500px;
  }
}

.dac-landing-row-item-height-large {
  min-height: 250px;
}

@media screen and (min-width: 1001px) {
  .dac-landing-row-item-height-large {
    min-height: 750px;
  }
}

/**
 * GRID
 */
.dac-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/**
 * .dac-gutter uses padding instead of margin to distribute row-items horizontally
 * This will allow to use % to set the width of items.
 */
.dac-gutter .devsite-landing-row-item {
  background-clip: content-box;
}

.dac-gutter .devsite-landing-row-item,
.dac-gutter .devsite-landing-row-item:not(:first-child) {
  margin-left: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.dac-gutter .devsite-landing-row-group {
  margin-left: -16px;
  margin-right: -16px;
}

.dac-grow-1,
.devsite-landing-row-column > .dac-grow-1.devsite-landing-row-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* Only implement offset grid at larger breakpoints */
.dac-basis-9.devsite-landing-row-item {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-bottom: 18px;
}

@media screen and (min-width: 721px) {
  .dac-basis-9.devsite-landing-row-item {
    margin-bottom: 32px;
  }
  /**
   * Switch the order of the first / last columns.
   */
  .dac-column-switch.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:last-child) {
    margin-left: 32px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .dac-column-switch.dac-gutter.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:last-child) {
    margin-left: 0;
  }

  .dac-column-switch.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child) {
    margin-left: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media screen and (min-width: 1001px) {
  .dac-grow-column-4-8 .devsite-landing-row-column:first-child,
  .dac-grow-column-4-8.dac-column-switch .devsite-landing-row-column:last-child {
    -webkit-box-flex: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
  }

  .dac-grow-column-4-8 .devsite-landing-row-column:last-child,
  .dac-grow-column-4-8.dac-column-switch .devsite-landing-row-column:first-child {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8;
  }

  .dac-grow-column-9-3 .devsite-landing-row-item:first-child {
    -webkit-box-flex: 9;
    -ms-flex-positive: 9;
    flex-grow: 9;
  }

  .dac-grow-column-9-3 .devsite-landing-row-item:last-child {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
  }

  .dac-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .dac-grow-2 {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }

  .dac-grow-3 {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
  }

  .dac-grow-4 {
    -webkit-box-flex: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
  }

  .dac-grow-5 {
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
  }

  .dac-grow-6 {
    -webkit-box-flex: 6;
    -ms-flex-positive: 6;
    flex-grow: 6;
  }

  .dac-grow-7 {
    -webkit-box-flex: 7;
    -ms-flex-positive: 7;
    flex-grow: 7;
  }

  .dac-grow-8 {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8;
  }

  .dac-grow-9 {
    -webkit-box-flex: 9;
    -ms-flex-positive: 9;
    flex-grow: 9;
  }

  .dac-grow-10 {
    -webkit-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
  }

  .dac-grow-11 {
    -webkit-box-flex: 11;
    -ms-flex-positive: 11;
    flex-grow: 11;
  }

  .dac-grow-12 {
    -webkit-box-flex: 12;
    -ms-flex-positive: 12;
    flex-grow: 12;
  }
  /* | 9 unit | 3 unit | */
  .dac-basis-9.devsite-landing-row-item {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    margin-bottom: initial;
    max-width: 75%;
  }
  /**
   * Switch the order of the first / last items.
   */
  .dac-item-switch.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:last-child) {
    margin-left: 32px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .dac-item-switch.dac-gutter.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:last-child) {
    margin-left: 0;
  }

  .dac-item-switch.devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child) {
    margin-left: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media screen and (min-width: 1201px) {
  .dac-grow-lg-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .dac-grow-lg-2 {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }

  .dac-grow-lg-3 {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
  }

  .dac-grow-lg-4 {
    -webkit-box-flex: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
  }

  .dac-grow-lg-5 {
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
  }

  .dac-grow-lg-6 {
    -webkit-box-flex: 6;
    -ms-flex-positive: 6;
    flex-grow: 6;
  }

  .dac-grow-lg-7 {
    -webkit-box-flex: 7;
    -ms-flex-positive: 7;
    flex-grow: 7;
  }

  .dac-grow-lg-8 {
    -webkit-box-flex: 8;
    -ms-flex-positive: 8;
    flex-grow: 8;
  }

  .dac-grow-lg-9 {
    -webkit-box-flex: 9;
    -ms-flex-positive: 9;
    flex-grow: 9;
  }

  .dac-grow-lg-10 {
    -webkit-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
  }

  .dac-grow-lg-11 {
    -webkit-box-flex: 11;
    -ms-flex-positive: 11;
    flex-grow: 11;
  }

  .dac-grow-lg-12 {
    -webkit-box-flex: 12;
    -ms-flex-positive: 12;
    flex-grow: 12;
  }
}

/**
 * ICON
 */
.dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1001px) {
  .dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon > a:first-child,
.dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon > .devsite-landing-row-item-icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
}

@media screen and (min-width: 1001px) {
  .dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon > a:first-child,
  .dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon > .devsite-landing-row-item-icon-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
    height: auto;
  }
}

.dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon > a:first-child:hover {
  opacity: .8;
}

.dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon .devsite-landing-row-item-icon-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}

.dac-landing-row-item-icon-container-left.devsite-landing-row-item-with-icon .devsite-landing-row-item-icon {
  height: auto;
  margin: 0;
  width: 95px;
}

.dac-landing-row-item-icon-container-bg-red .devsite-landing-row-item-icon-container {
  background-color: #ff5252;
}

.dac-landing-row-item-icon-container-bg-green .devsite-landing-row-item-icon-container {
  background-color: #00e676;
}

.dac-landing-row-item-icon-container-bg-yellow .devsite-landing-row-item-icon-container {
  background-color: #ffd600;
}

/**
 * BUTTON
 */
.dac-gutter.devsite-landing-row .dac-landing-row-item-buttons-bottom.devsite-landing-row-item .devsite-landing-row-item-buttons {
  bottom: 24px;
  left: 40px;
  position: absolute;
}

@media screen and (min-width: 721px) {
  .dac-gutter.devsite-landing-row .dac-landing-row-item-buttons-bottom.devsite-landing-row-item .devsite-landing-row-item-buttons {
    left: 48px;
  }
}

.dac-gutter .dac-landing-row-item-buttons-bottom.devsite-landing-row-item .devsite-landing-row-item-buttons {
  bottom: 24px;
  left: 24px;
  position: absolute;
}

@media screen and (min-width: 721px) {
  .dac-gutter .dac-landing-row-item-buttons-bottom.devsite-landing-row-item .devsite-landing-row-item-buttons {
    left: 32px;
  }
}

.button.dac-button,
.dynamic-content-widget-paging button {
  background: #4b7d2f;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  font: 500 16px/22px 'Roboto', sans-serif;
  height: auto;
  letter-spacing: .5px;
  margin: 0;
  padding: 12px 24px 10px;
  text-transform: uppercase;
  -webkit-transition: background-color .2s, color .2s, -webkit-box-shadow .2s;
  transition: background-color .2s, color .2s, -webkit-box-shadow .2s;
  -o-transition: background-color .2s, box-shadow .2s, color .2s;
  transition: background-color .2s, box-shadow .2s, color .2s;
  transition: background-color .2s, box-shadow .2s, color .2s, -webkit-box-shadow .2s;
  white-space: normal;
}

.button.dac-button:disabled,
.dynamic-content-widget-paging button:disabled {
  color: #d7d7d7;
}

.button.dac-button:hover, .button.dac-button:focus,
.dynamic-content-widget-paging button:hover,
.dynamic-content-widget-paging button:focus {
  background: #2f4d1f;
}

.button.dac-button:active,
.dynamic-content-widget-paging button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.devsite-landing-row-item-buttons .button.dac-button + .button.dac-button {
  margin-left: 24px;
}

.button.dac-alt-button {
  background: #454c81;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.dac-alt-button:hover, .button.dac-alt-button:focus {
  background: #2c304d;
}

.button.dac-outline-button {
  background: transparent;
  border: 2px solid #4b7d2f;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #4b7d2f;
}

.button.dac-outline-button:hover, .button.dac-outline-button:focus {
  background: #4b7d2f;
  color: #fff;
}

.button.dac-outline-button:disabled {
  background: transparent;
  border-color: #d7d7d7;
  color: #d7d7d7;
}

.button.dac-flat-button, .button.dac-alt-flat-button {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  text-align: left;
}

.button.dac-flat-button:hover, .button.dac-flat-button:focus, .button.dac-alt-flat-button:hover, .button.dac-alt-flat-button:focus {
  background: transparent;
  opacity: .4;
}

@media screen and (min-width: 721px) {
  .button.dac-flat-button, .button.dac-alt-flat-button {
    font-size: 16px;
    line-height: 22px;
  }
}

.button.dac-flat-button {
  color: #414141;
}

.button.dac-alt-flat-button {
  color: #4b7d2f;
}

.dac-button-group {
  display: inline-block;
}

.dac-button-group .dac-button {
  margin-bottom: 16px;
  margin-right: 16px;
}

.dac-button-group .dac-button:last-child {
  margin-right: 0;
}

/**
 * LATEST NEWS FEED
 */
.dac-feed.feed .hentry {
  padding: 24px;
}

.dac-feed.feed .hentry :link {
  color: inherit;
}

.dac-feed.feed .hentry :visited {
  color: #7b1fa2;
}

.dac-feed.feed > article:not(:last-child) {
  margin-bottom: 16px;
}

@media screen and (min-width: 721px) {
  .dac-feed.feed .hentry {
    padding: 32px;
  }

  .dac-feed.feed > article:not(:last-child) {
    margin-bottom: 32px;
  }
}

.dac-feed.feed > article {
  margin: 0;
}

/* hide the author / date */
.dac-feed.feed .entry-content + div {
  display: none;
}

.dac-feed.feed header {
  /* dac-headline-4 */
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 12px;
}

.dac-feed.feed .entry-content {
  padding-bottom: 12px;
}

@media screen and (min-width: 721px) {
  .dac-feed.feed header {
    font-size: 22px;
    line-height: 30px;
  }
}

/* Simple feed (no illustration) */
.dac-simple-feed.feed header {
  color: #fff;
  font: 500 18px/28px 'Roboto', sans-serif;
  letter-spacing: 0;
  margin: 0;
}

.dac-simple-feed.feed .vcard.author,
.dac-simple-feed .published.updated {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
}

.dac-simple-feed.feed > article {
  margin: 16px 0;
}

@media screen and (min-width: 721px) {
  .dac-simple-feed.feed > article {
    margin: 32px 0;
  }
}

/**
 * CHEVRON
 */
.dac-chevron-right {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/landing/white-chevron-right.svg");
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

/**
 * PILL
 */
.dac-pill {
  background-color: #414141;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font: 500 14px/22px 'Roboto Mono', monospace;
  letter-spacing: 1.5px;
  padding: .125em 1em;
  text-transform: uppercase;
}

.dac-landing-row-bg-slate .dac-pill {
  background: #2196f3;
}

/**
 * EYEBROW
 */
.dac-eyebrow[data-eyebrow]::before {
  content: attr(data-eyebrow);
  display: block;
  font: 500 12px/22px 'Roboto Mono', monospace;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

@media screen and (min-width: 721px) {
  .dac-eyebrow[data-eyebrow]::before {
    font-size: 14px;
  }
}

.dac-eyebrow[data-eyebrow] .dac-pill {
  position: absolute;
  right: 0;
  top: -2px;
}

/**
 * MEDIA
 */
.dac-landing-row-media .devsite-landing-row-item-description-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dac-media {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 720px) {
  .dac-media {
    margin-top: 8px;
  }

  .devsite-landing-row:not(.devsite-landing-row-logos) .dac-full-width-media.devsite-landing-row-item {
    margin-top: 0;
  }

  .devsite-landing-row:not(.devsite-landing-row-logos) .dac-full-width-media.devsite-landing-row-item .devsite-landing-row-item-description {
    padding-top: 0;
  }
}

.dac-media-video {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dac-media-video-toolbar {
  height: auto;
  margin-left: 3%;
  width: 15%;
}

/**
 * LINK LIST
 */
.devsite-landing-row-item-list {
  margin-bottom: 0;
}

.dac-list-no-margin .devsite-landing-row-item-list {
  margin: 0;
}

.devsite-landing-row-item-list-item {
  color: inherit;
}

.devsite-landing-row-item-list-item h4 {
  font-weight: 500;
  -o-text-overflow: unset;
  text-overflow: unset;
}

.devsite-landing-row-item-list-item .material-icons {
  vertical-align: middle;
}

.devsite-landing-row-item-list-item :link .devsite-landing-row-item-list-item-description > *:first-child,
.devsite-landing-row-item-list-item :focus .devsite-landing-row-item-list-item-description > *:first-child {
  text-decoration: none;
}

.devsite-landing-row-item-list-item :link:not(.dac-button),
.devsite-landing-row-item-list-item :visited:not(.dac-button) {
  color: inherit;
  display: inline-block;
}

.dac-list-wrapped .devsite-landing-row-item-list {
  margin: 0;
}

@media screen and (min-width: 721px) {
  .devsite-landing-row-item-list-item {
    padding-right: 16px;
  }

  .devsite-landing-row-item-list-item h4 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-list-wrapped .devsite-landing-row-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .dac-list-wrapped-thirds .devsite-landing-row-item-list-item,
  .dac-list-wrapped .devsite-landing-row-item-list-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 0 0 24px;
    max-width: 50%;
  }

  .dac-list-wrapped-thirds .devsite-landing-row-item-list-item {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    max-width: 33%;
    padding-right: 16px;
  }
}

/**
 * LEARN MORE BUTTON
 */
/** Hide first LEARN MORE button on mobile */
.dac-full-width-content .devsite-landing-row-item-buttons {
  display: none;
}

/** Switch buttons above mobile resolutions */
@media screen and (min-width: 721px) {
  .dac-full-width-content .devsite-landing-row-item-buttons,
  .devsite-landing-page-with-side-navs .dac-full-width-media .devsite-landing-row-item-buttons {
    display: block;
  }

  .devsite-landing-page-with-side-navs .dac-full-width-content .devsite-landing-row-item-buttons,
  .dac-full-width-media .devsite-landing-row-item-buttons {
    display: none;
  }

  .dac-content-half .devsite-landing-row-item-description-content {
    max-width: 50%;
  }
}

@media screen and (min-width: 1001px) {
  .devsite-landing-page-with-side-navs .dac-full-width-content .devsite-landing-row-item-buttons {
    display: block;
  }

  .devsite-landing-page-with-side-navs .dac-full-width-media .devsite-landing-row-item-buttons {
    display: none;
  }
}

/*
* GUIDES
*/
.dac-guides-group {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-bottom: 1em;
}

.dac-guides-group h4 {
  font: 400 18px/28px Roboto, sans-serif;
  margin: 0;
}

.dac-guides-group a {
  color: inherit;
}

.dac-guides-flex-columns .dac-guides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
  .dac-guides-flex-columns .dac-guides-group {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 16px;
  }

  .dac-guides-flex-columns .dac-guides-group:nth-child(2n+1) {
    padding-left: 0;
  }

  .dac-guides-flex-columns .dac-guides-group:nth-child(2n) {
    padding-right: 0;
  }
}

@media screen and (min-width: 1201px) {
  .dac-guides-flex-columns .dac-guides-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    padding: 0 16px;
  }

  .dac-guides-flex-columns .dac-guides-group:nth-child(3n+1) {
    padding-left: 0;
  }

  .dac-guides-flex-columns .dac-guides-group:nth-child(3n) {
    padding-right: 0;
  }
}

/*
* SAMPLE FORMS
*/
.dac-samples-form select,
.dac-samples-form .button.dac-submit-button {
  margin: 8px 16px;
}

/**
 * PADDING
 */
.dac-padding-top.devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee), .dac-padding-top.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
  padding-top: 32px;
}

@media screen and (min-width: 721px) {
  .dac-padding-top.devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee), .dac-padding-top.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-top: 64px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-padding-top.devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee), .dac-padding-top.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-top: 80px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-padding-top.devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee), .dac-padding-top.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-top: 120px;
  }
}

.dac-padding-bottom.devsite-landing-row:not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee), .dac-padding-bottom.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
  padding-bottom: 32px;
}

@media screen and (min-width: 721px) {
  .dac-padding-bottom.devsite-landing-row:not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee), .dac-padding-bottom.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-bottom: 64px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-padding-bottom.devsite-landing-row:not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee), .dac-padding-bottom.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-padding-bottom.devsite-landing-row:not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee), .dac-padding-bottom.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-bottom: 120px;
  }
}

.dac-top-spacing:not(.dac-spaceless).devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
  padding-top: 64px;
}

@media screen and (min-width: 721px) {
  .dac-top-spacing:not(.dac-spaceless).devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-top: 120px;
  }
}

.devsite-landing-row:not(.dac-spaceless):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):not(.devsite-background):not([background]) + .dac-top-spacing.devsite-landing-row.devsite-background {
  margin-top: 0;
}

.dac-bottom-spacing.devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
  padding-bottom: 40px;
}

@media screen and (min-width: 721px) {
  .dac-bottom-spacing.devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-bottom: 88px;
  }
}

/**
 * BANNER
 */
.dac-banner {
  margin-bottom: 20px;
  text-align: center;
}

.dac-banner .devsite-landing-row-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dac-banner .devsite-landing-row-item-buttons {
  margin: 0;
}

.dac-banner .devsite-landing-row-item-image-left + .devsite-landing-row-item-description,
.dac-banner .devsite-landing-row-item-description {
  margin: 0;
  max-width: 750px;
}

.dac-banner h2 {
  font-size: 44px;
  line-height: 56px;
  padding-left: 48px;
}

@media screen and (min-width: 1001px) {
  .dac-banner h2 {
    font-size: 56px;
    line-height: 64px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-banner h2 {
    padding-left: 0;
  }
}

.dac-banner h3 {
  font-size: 36px;
  font-weight: 300;
  line-height: 48px;
}

@media screen and (min-width: 1001px) {
  .dac-banner h3 {
    font-size: 44px;
    line-height: 56px;
  }
}

.dac-banner .devsite-landing-row-item-description-content {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.dac-banner img {
  margin-bottom: 12px;
  width: 120px;
}

/**
 * SPLIT ROW
 */
.dac-split-row .devsite-landing-row-item-image {
  text-align: center;
}

.dac-split-row .devsite-landing-row-item-image img {
  height: 96px;
  width: auto;
}

.dac-split-row h3 {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

/**
 * SUB HERO
 */
.dac-sub-hero h1 {
  font-size: 36px;
  line-height: 48px;
}

.dac-sub-hero h2 {
  margin-top: 0;
}

@media screen and (min-width: 721px) {
  .dac-sub-hero {
    margin-top: 16px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-sub-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
  }

  .dac-sub-hero h1 {
    font-size: 44px;
    line-height: 56px;
  }
}

.dac-sub-hero-image {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  margin: 0 0 16px 16px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
}

.dac-sub-hero-image img {
  max-height: 150px;
}

@media screen and (min-width: 1001px) {
  .dac-sub-hero-image img {
    max-height: 310px;
  }
}

.dac-sub-hero-copy {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
}

.dac-sub-hero-description {
  margin-bottom: 48px;
}

/**
 * STACK
 */
.dac-stack-items .devsite-landing-row-group {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dac-stack-items-block {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.dac-stack-items-block:not(:first-child),
.devsite-landing-row:not(.devsite-landing-row-4-up) .dac-stack-items-block:not(:first-child) {
  margin-left: 0;
  margin-top: 32px;
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
  .devsite-main-content .devsite-landing-row:not(.devsite-landing-row-4-up) .dac-stack-items-block-sm {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .devsite-main-content .devsite-landing-row:not(.devsite-landing-row-4-up) .dac-stack-items-block-sm:last-child {
    margin-left: 0;
  }
}

@media screen and (min-width: 1001px) {
  .dac-stack-items-block .devsite-landing-row-item-description {
    margin-right: 0;
  }
}

/**
 * APP LIST
 */
.dac-app-list .devsite-landing-row-item-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  text-align: center;
}

.dac-app-list .devsite-landing-row-item-list-item-content {
  display: block;
}

.dac-app-list .devsite-landing-row-item-list-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% / 5);
  flex: 1 0 calc(100% / 5);
  margin: 8px 0;
  padding: 8px;
}

@media screen and (min-width: 721px) {
  .dac-app-list .devsite-landing-row-item-list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(100% / 7);
    flex: 1 0 calc(100% / 7);
  }
}

/**
 * PRETTY PRINT
 */
.dac-prettyprint.prettyprint::before {
  color: #818181;
  content: attr(data-lang);
  display: block;
  font-size: .8em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.dac-prettyprint .devsite-code-button-wrapper {
  margin-top: 0;
  top: 0;
}

.devsite-dark-code .dac-prettyprint.prettyprint::before {
  color: #fff;
}

/**
 * MARQUEE
 */
.dac-marquee {
  background-color: transparent;
  background-repeat: no-repeat;
}

.dac-marquee img {
  display: block;
  margin: 24px 0;
}

@media screen and (min-width: 721px) {
  .dac-marquee .devsite-landing-row-item {
    max-width: 50%;
    padding: 32px 0;
  }

  .dac-marquee img {
    display: none;
  }
}

/*
* PROFILE BLOB
*/
.dac-profile-blob {
  background-position: calc(100% + 100px) 100%;
  background-size: 500px auto;
}

@media screen and (min-width: 1001px) {
  .dac-profile-blob {
    background-size: 600px auto;
  }
}

/**
 * FEATURED CARDS
 */
.dac-featured-cards {
  margin-bottom: 32px;
}

.dac-featured-cards .devsite-landing-row-column {
  background: #f7f9fa;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px;
}

@media screen and (min-width: 721px) {
  .dac-featured-cards .devsite-landing-row-column {
    padding: 32px;
  }
}

.dac-featured-cards .devsite-landing-row-column h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.dac-featured-cards .devsite-landing-row-column img {
  display: block;
  margin: 32px auto 16px;
  max-width: 150px;
  width: 80%;
}

.dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(1) {
  margin-top: 0;
}

.dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(1) .devsite-landing-row-item-buttons {
  display: none;
}

.dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(2).devsite-landing-row-item {
  margin-top: 0;
}

.dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item .devsite-landing-row-item-description {
  padding: 0;
}

@media screen and (min-width: 721px) {
  .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(2) .devsite-landing-row-item-buttons {
    display: block;
  }
}

@media screen and (min-width: 1401px) {
  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(1) {
    width: 60%;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(1) .devsite-landing-row-item-buttons {
    display: block;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(2) {
    padding-left: 32px;
    width: 40%;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(2) .devsite-landing-row-item-buttons {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .devsite-landing-page-with-side-navs .dac-featured-cards .devsite-landing-row-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .devsite-landing-page-with-side-navs .dac-featured-cards .devsite-landing-row-column:nth-of-type(2) {
    margin-left: 0;
    margin-top: 16px;
  }
}

.devsite-landing-row-column > .dac-featured-card.devsite-landing-row-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.dac-featured-card h3 {
  font: 500 18px/20px Roboto, sans-serif;
}

@media screen and (min-width: 721px) {
  .dac-featured-card h3 {
    font: 500 22px/30px Roboto, sans-serif;
  }
}

.dac-featured-card h3:last-child {
  margin-bottom: 0;
}

/**
 * CARD FOOTER
 */
.dac-card-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px;
}

.dac-card-footer img {
  margin-bottom: 32px;
  max-width: 320px;
}

.dac-card-footer .dac-button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
}

@media screen and (min-width: 1001px) {
  .dac-card-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 85px;
    padding-bottom: 52px;
    padding-top: 52px;
  }

  .dac-card-footer img {
    margin: 0 10px;
    width: 50%;
  }
}

/**
 * RESOURCE WIDGET
 */
.dynamic-content-widget .dynamic-content-results {
  margin: 0;
}

@media screen and (min-width: 1001px) {
  .dynamic-content-widget .dynamic-card-wrapper {
    max-width: calc((100% - ((2 - 1) * 32px)) / 2);
  }

  .dynamic-content-widget .dynamic-card-wrapper:not(:first-of-type) + .dynamic-card-wrapper {
    margin-left: 0;
  }

  .dynamic-content-widget .dynamic-card-wrapper:not(:nth-of-type(2n)) + .dynamic-card-wrapper {
    margin-left: 32px;
  }
}

.dynamic-content-widget .dynamic-card-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 16px 0;
  padding: 0;
}

.dynamic-content-widget .dynamic-card {
  background: #f7f9fa;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dynamic-content-widget .dynamic-card h3 {
  border: none;
  color: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 721px) {
  .dynamic-content-widget .dynamic-card h3 {
    font-size: 22px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1001px) {
  .dynamic-content-widget .dynamic-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.dynamic-content-widget .dynamic-card[dynamic-card-type='blog'] .dynamic-card-author, .dynamic-content-widget .dynamic-card[dynamic-card-type='youtube'] .dynamic-card-author, .dynamic-content-widget .dynamic-card[dynamic-card-type='medium'] .dynamic-card-author {
  margin-left: 64px;
  padding-left: 8px;
}

@media screen and (min-width: 1001px) {
  .dynamic-content-widget .dynamic-card[dynamic-card-type='blog'] .dynamic-card-author, .dynamic-content-widget .dynamic-card[dynamic-card-type='youtube'] .dynamic-card-author, .dynamic-content-widget .dynamic-card[dynamic-card-type='medium'] .dynamic-card-author {
    margin-left: 72px;
  }
}

.dynamic-content-widget .dynamic-card[dynamic-card-type='blog'] .dynamic-card-author::before, .dynamic-content-widget .dynamic-card[dynamic-card-type='youtube'] .dynamic-card-author::before, .dynamic-content-widget .dynamic-card[dynamic-card-type='medium'] .dynamic-card-author::before {
  background-repeat: no-repeat;
  content: '';
  height: 40px;
  left: -40px;
  position: absolute;
  width: 40px;
}

.dynamic-content-widget .dynamic-card[dynamic-card-type='blog'] .dynamic-card-author::before {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/branding/icons/android-blog-round-icon.svg");
}

.dynamic-content-widget .dynamic-card[dynamic-card-type='youtube'] .dynamic-card-author::before {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/branding/icons/youtube-round-icon.svg");
}

.dynamic-content-widget .dynamic-card[dynamic-card-type='medium'] {
  background: rgba(0, 0, 0, .94);
  color: #fff;
}

.dynamic-content-widget .dynamic-card[dynamic-card-type='medium'] .dynamic-card-author::before {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/branding/icons/medium-round-icon.svg");
}

.dynamic-content-widget .dynamic-card-image-bg {
  padding: 0 0 56.25%;
}

.dynamic-content-widget .dynamic-card-image-bg:link:not(.dac-button):hover {
  opacity: 1;
}

.dynamic-content-widget .dynamic-card-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.dynamic-content-widget .dynamic-card-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 24px;
}

@media screen and (min-width: 721px) {
  .dynamic-content-widget .dynamic-card-content {
    padding: 32px;
  }
}

.dynamic-content-widget .dynamic-card-category {
  color: inherit;
  font: 500 12px/22px 'Roboto Mono', monospace;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

@media screen and (min-width: 721px) {
  .dynamic-content-widget .dynamic-card-category {
    font-size: 14px;
  }
}

.dynamic-content-widget .dynamic-card-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.3em;
  margin: 8px 0 24px;
  padding: 0 24px;
  position: relative;
}

@media screen and (min-width: 1001px) {
  .dynamic-content-widget .dynamic-card-author {
    margin-bottom: 32px;
    padding: 0 32px;
  }
}

.dynamic-content-widget .dynamic-card-author-name {
  margin: 0;
}

.dynamic-content-widget .dynamic-card-author-name + .dynamic-card-author-date {
  margin: 8px 0 0;
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dynamic-content-widget:not(.dac-resource-widget-no-img) .dynamic-card-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dynamic-content-widget:not(.dac-resource-widget-no-img) .dynamic-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dynamic-content-widget:not(.dac-resource-widget-no-img) .dynamic-card > * {
    max-width: 50%;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dynamic-content-widget:not(.dac-resource-widget-no-img) .dynamic-card-image-bg {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-bottom: calc(50% * .5625);
    width: 50%;
  }
}

@media screen and (min-width: 1001px) {
  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dynamic-card-wrapper {
    max-width: calc((100% - ((3 - 1) * 32px)) / 3);
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dynamic-card-wrapper:not(:first-of-type) + .dynamic-card-wrapper {
    margin-left: 0;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dynamic-card-wrapper:not(:nth-of-type(3n)) + .dynamic-card-wrapper {
    margin-left: 32px;
  }
}

.dac-resource-widget-stack.resource-widget.dynamic-content-widget .dynamic-content-results .dynamic-card-wrapper {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  max-width: 100%;
  margin-left: 0;
}

.dac-resource-widget-stack.resource-widget.dynamic-content-widget .dynamic-content-results .dynamic-card-wrapper:last-child {
  margin-bottom: 0;
}

.dac-resource-widget-no-img .dynamic-card-image-bg {
  display: none;
}

.dac-resource-widget-section .devsite-landing-row-item {
  display: block;
}

.dac-resource-widget-section .dac-resource-widget-more {
  margin: 32px 0 0;
  text-align: center;
}

/**
 * FEATURED CARDS
 */
.dac-featured-cards {
  margin-bottom: 32px;
}

.dac-featured-cards .devsite-landing-row-column {
  background: #f7f9fa;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px;
}

@media screen and (min-width: 721px) {
  .dac-featured-cards .devsite-landing-row-column {
    padding: 32px;
  }
}

.dac-featured-cards .devsite-landing-row-column h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.dac-featured-cards .devsite-landing-row-column img {
  display: block;
  margin: 32px auto 16px;
  max-width: 150px;
  width: 80%;
}

.dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(1) {
  margin-top: 0;
}

.dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(1) .devsite-landing-row-item-buttons {
  display: none;
}

.dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(2).devsite-landing-row-item {
  margin-top: 0;
}

.dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item .devsite-landing-row-item-description {
  padding: 0;
}

@media screen and (min-width: 721px) {
  .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(2) .devsite-landing-row-item-buttons {
    display: block;
  }
}

@media screen and (min-width: 1401px) {
  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(1) {
    width: 60%;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(1) .devsite-landing-row-item-buttons {
    display: block;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(2) {
    padding-left: 32px;
    width: 40%;
  }

  .devsite-landing-page:not(.devsite-landing-page-with-side-navs) .dac-featured-cards .devsite-landing-row-column .devsite-landing-row-item:nth-of-type(2) .devsite-landing-row-item-buttons {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .devsite-landing-page-with-side-navs .dac-featured-cards .devsite-landing-row-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .devsite-landing-page-with-side-navs .dac-featured-cards .devsite-landing-row-column:nth-of-type(2) {
    margin-left: 0;
    margin-top: 16px;
  }
}

.devsite-landing-row-column > .dac-featured-card.devsite-landing-row-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.dac-featured-card h3 {
  font: 500 18px/20px Roboto, sans-serif;
}

@media screen and (min-width: 721px) {
  .dac-featured-card h3 {
    font: 500 22px/30px Roboto, sans-serif;
  }
}

.dac-featured-card h3:last-child {
  margin-bottom: 0;
}

/**
 * SUBLANDING TITLE
 */
.dac-sublanding-title {
  margin: 54px 0 88px;
}

.dac-sublanding-title .devsite-landing-row-header {
  margin-bottom: 0;
}

.dac-sublanding-title .devsite-landing-row-description {
  font-weight: 300;
}

.dac-sublanding-title .devsite-landing-row-description,
.dac-sublanding-title .devsite-landing-row-item-buttons {
  margin: 0;
  padding-top: 40px;
}

.dac-sublanding-title h2 {
  font-size: 32px;
  line-height: 1.25em;
}

@media screen and (min-width: 1001px) {
  .dac-sublanding-title h2 {
    font-size: 44px;
  }
}

/**
 * BANNER CARD
 */
.dac-banner-card.devsite-landing-row {
  margin-top: 32px;
}

.dac-banner-card.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-marquee):not(.devsite-landing-row-cta) {
  padding-bottom: 0;
  padding-top: 0;
}

.dac-banner-card.devsite-landing-row img {
  display: block;
  margin-top: 32px;
}

@media screen and (min-width: 721px) {
  .dac-banner-card.devsite-landing-row img {
    display: none;
  }
}

.dac-banner-card.devsite-landing-row .dac-banner-card-bg-img-item {
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 0;
}

@media screen and (max-width: 720px) {
  .dac-banner-card.devsite-landing-row .dac-banner-card-bg-img-item {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .devsite-landing-page-with-side-navs .dac-banner-card img {
    display: block;
  }

  .devsite-landing-page-with-side-navs .dac-banner-card .dac-banner-card-bg-img-item {
    display: none;
  }
}

/**
 * QUOTE
 */
.dac-quote .devsite-landing-row-item-description .devsite-landing-row-item-description-content {
  display: block;
  padding: 24px;
}

.dac-quote .devsite-landing-row-item-description .devsite-landing-row-item-description-content p {
  font-weight: 300;
  line-height: 24px;
  margin: 0;
}

@media screen and (max-width: 720px) {
  .dac-quote .devsite-landing-row-item-description img {
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 721px) {
  .dac-quote .devsite-landing-row-item-description .devsite-landing-row-item-description-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .dac-quote .devsite-landing-row-item-description .devsite-landing-row-item-description-content img {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 32px;
  }

  .dac-quote .devsite-landing-row-item-description .devsite-landing-row-item-description-content p {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1000px) {
  .devsite-landing-page-with-side-navs .dac-quote .devsite-landing-row-item-description-content {
    display: block;
  }

  .devsite-landing-page-with-side-navs .dac-quote .devsite-landing-row-item-description-content img {
    margin-bottom: 32px;
  }
}

/**
 * COLOR
 */
.dac-slate {
  color: #455a64;
}

/**
 * SUCCESS STORY CARD
 */
.dac-success-story h4 {
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 16px;
}

.dac-success-story .devsite-landing-row-item-description-content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 721px) {
  .dac-success-story {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.dac-success-story .devsite-landing-row-item-image,
.dac-success-story .devsite-landing-row-item-media {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  padding: 24px 24px 0;
}

@media screen and (max-width: 720px) {
  .dac-success-story .devsite-landing-row-item-image,
  .dac-success-story .devsite-landing-row-item-media {
    width: 100%;
  }
}

@media screen and (min-width: 721px) {
  .dac-success-story .devsite-landing-row-item-image,
  .dac-success-story .devsite-landing-row-item-media {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 32px 32px 32px 0;
  }
}

.dac-success-story .devsite-landing-row-item-image {
  -ms-flex-item-align: center;
  align-self: center;
  background: transparent;
  text-align: right;
}

.devsite-landing-row .dac-success-story .devsite-landing-row-item-image {
  margin: 0;
}

.dac-success-story .devsite-landing-row-item-image a:link:not(.dac-button):hover {
  opacity: 1;
}

.dac-success-story .devsite-landing-row-item-image img {
  display: inline-block;
  width: 120px;
}

.dac-success-story.devsite-landing-row-item .devsite-landing-row-item-description {
  margin: 0;
}

@media screen and (min-width: 721px) {
  .dac-success-story.devsite-landing-row-item .devsite-landing-row-item-description {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
  }
}

.dac-success-story.devsite-landing-row-item .devsite-landing-row-item-description .devsite-landing-row-item-description-content {
  font-size: 14px;
}

/**
 * LOGO GRID
 */
.dac-logo-grid.devsite-landing-row.devsite-landing-row-1-up {
  margin-top: 0;
}

.dac-logo-grid .devsite-landing-row-item-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dac-logo-grid .devsite-landing-row-item-list .devsite-landing-row-item-list-item {
  margin: 10px 20px;
}

.dac-logo-grid .devsite-landing-row-item-list .devsite-landing-row-item-list-item a:hover {
  opacity: 1;
}

.dac-logo-grid .devsite-landing-row-item-list .devsite-landing-row-item-list-item img {
  max-width: 120px;
}

/*
Display helpers to hide elements based on the current breakpoint. Using
!important here means these utilities will always take priority over previously
defined styles.
*/
@media screen and (max-width: 720px) {
  .dac-hidden-xs-down {
    display: none !important;
  }
}

@media screen and (min-width: 721px) {
  .dac-hidden-xs-up {
    display: none !important;
  }
}

@media screen and (max-width: 1000px) {
  .dac-hidden-sm-down {
    display: none !important;
  }
}

@media screen and (min-width: 1001px) {
  .dac-hidden-sm-up {
    display: none !important;
  }
}

@media screen and (max-width: 1200px) {
  .dac-hidden-md-down {
    display: none !important;
  }
}

@media screen and (min-width: 1201px) {
  .dac-hidden-md-up {
    display: none !important;
  }
}

@media screen and (max-width: 1400px) {
  .dac-hidden-lg-down {
    display: none !important;
  }
}

@media screen and (min-width: 1401px) {
  .dac-hidden-lg-up {
    display: none !important;
  }
}

.dac-landing-row-content-third .devsite-landing-row-item-description-content {
  max-width: 33.3%;
}

/* Remove padding description block */
.dac-landing-row-item-no-padding .devsite-landing-row-item-description:not(:empty) {
  padding: 0;
}

.dac-landing-row-item-buttons-right .devsite-landing-row-item-buttons {
  text-align: right;
}

.dac-center {
  text-align: center;
  width: 100%;
}

.dac-heading-icon,
.dac-heading-icon-small,
.dac-heading-icon-tiny {
  display: block;
  margin-bottom: 24px;
}

.dac-heading-icon {
  height: 80px;
}

.dac-heading-icon.material-icons {
  font-size: 80px;
}

.dac-heading-icon-small {
  height: 62px;
}

.dac-heading-icon-small.material-icons {
  font-size: 62px;
}

.dac-heading-icon-tiny {
  height: 40px;
}

.dac-heading-icon-tiny.material-icons {
  font-size: 40px;
}

.dac-note {
  font-size: 12px;
  line-height: 22px;
}

.dac-action-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.dac-action-meta .button.dac-button {
  margin-top: 0;
}

.dac-no-wrap {
  white-space: nowrap;
}

.dac-dropshadow {
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .26);
  box-shadow: 0 0 16px rgba(0, 0, 0, .26);
  padding: 0;
}

.dac-full-height {
  height: 100%;
}

.dac-full-width {
  width: 100%;
}

.dac-auto-height {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.dac-flex-spread {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dac-columns-2 .devsite-landing-row-item-description-content {
  -webkit-column-gap: 32px;
  column-gap: 32px;
  -webkit-columns: 2;
  columns: 2;
}

.devsite-landing-row.dac-no-top-margin,
.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .devsite-landing-row.dac-no-top-margin,
.devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .devsite-landing-row.dac-no-top-margin.devsite-background {
  margin-top: 0;
}

/**
 * PAGE-SPECIFIC OVERRIDES
 */
/**
 * LANDING PAGES
 */
/*
* HOME PAGE
*/
@font-face {
  font-family: 'And Black';
  src: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/fonts/and_black.ttf") format("truetype"), url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/fonts/and_black.otf") format("opentype"), url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/fonts/and_black.woff") format("woff");
}

.dac-home-page .devsite-top-section,
.dac-home-page .devsite-header-billboard {
  background: #f7f9fa;
}

.dac-home-page .devsite-collapsible-section-wrapper {
  padding: 50px 0;
}

.dac-home-page .devsite-billboard-search.devsite-search-form {
  border: none;
  border-radius: 0;
  height: auto;
  margin-top: 0;
}

.dac-home-page .devsite-billboard-search input.devsite-search-field {
  background: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .26);
  box-shadow: 0 2px 3px rgba(0, 0, 0, .26);
  height: auto;
  padding: 18px 18px 15px 72px;
}

@media screen and (max-width: 720px) {
  .dac-home-page .devsite-billboard-search input.devsite-search-field {
    padding-left: 18px;
  }
}

.dac-home-page .devsite-billboard-search input.devsite-search-field:focus {
  padding-bottom: 15px;
}

.dac-home-page .devsite-billboard-search .devsite-search-image {
  top: 16px;
}

@media screen and (max-width: 720px) {
  .dac-home-page .devsite-billboard-search .devsite-search-image {
    display: none;
  }
}

.dac-home-page .dac-home-hero {
  position: relative;
}

.dac-home-page .dac-home-hero .framebox {
  bottom: 0;
  height: calc(40px + 100%) !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.dac-home-page .dac-home-hero-heading {
  color: #757575;
  font: 64px/72px 'And Black', sans-serif;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 720px) {
  .dac-home-page .dac-home-hero-heading {
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  .dac-home-page .dac-home-hero-heading {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}

.dac-home-page .dac-home-hero-heading p {
  margin: 0;
}

.dac-home-page .dac-word-rotator {
  color: #76bf5e;
  white-space: nowrap;
}

.dac-home-page .dac-word-rotator span {
  display: block;
  width: 100%;
}

@media screen and (min-width: 721px) {
  .dac-home-page .dac-marquee {
    background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/home/io-promo-banner.svg");
    background-position-x: calc(50% + 280px);
    background-position-y: -40px;
    background-size: auto 100%;
  }
}

@media screen and (min-width: 1001px) {
  .dac-home-page .dac-marquee {
    background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/home/io-promo-banner.svg");
    background-position-x: calc(50% + 390px);
    background-position-y: -90px;
    background-size: auto calc(100% + 90px);
  }
}

@media screen and (min-width: 721px) {
  .dac-home-page .dac-featured-cards {
    margin-bottom: 64px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-home-page .dac-featured-cards {
    margin-bottom: 112px;
  }
}

.dac-home-page .dac-new-to-android {
  padding-bottom: 0;
  padding-top: 32px;
}

@media screen and (min-width: 721px) {
  .dac-home-page .dac-new-to-android {
    padding-top: 64px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-home-page .dac-new-to-android {
    padding-top: 112px;
  }
}

.dac-home-page .dac-new-to-android .devsite-landing-row-item:nth-of-type(1) .devsite-landing-row-item-description .devsite-landing-row-item-description-content p {
  margin-bottom: 32px;
}

.dac-home-page .dac-new-to-android .devsite-landing-row-item:nth-of-type(1) .devsite-landing-row-item-description:not(:empty) {
  padding: 0;
}

.dac-home-page .dac-new-to-android .devsite-landing-row-item:nth-of-type(2) .devsite-landing-row-item-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dac-home-page .dac-new-to-android-guides.devsite-landing-row {
  padding-bottom: 32px;
}

@media screen and (min-width: 721px) {
  .dac-home-page .dac-new-to-android-guides.devsite-landing-row {
    padding-bottom: 64px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-home-page .dac-new-to-android-guides.devsite-landing-row {
    padding-bottom: 112px;
  }
}

.dac-home-page .dac-new-to-android-guides img {
  display: block;
  margin-bottom: 32px;
  width: 80px;
}

@media screen and (min-width: 721px) {
  .dac-home-page .dac-design-card .dac-button {
    margin-top: 80px;
  }
}

.dac-home-page .dac-design-card .dac-banner-card-bg-img-item {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/home/design-illustration.svg");
}

.dac-home-page .dac-platforms h3 {
  margin-bottom: 39px;
}

.dac-home-page .dac-platforms img {
  display: block;
  margin: 0 auto 39px;
  max-width: 312px;
}

.dac-home-page .dac-gservices {
  margin-top: 32px;
}

@media screen and (min-width: 721px) {
  .dac-home-page .dac-gservices .dac-button {
    margin-top: 200px;
  }
}

.dac-home-page .dac-gservices .dac-banner-card-bg-img-item {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/home/gservices-bg.svg");
}

.dac-home-page .dac-gservices p:nth-last-of-type(1) {
  margin: 0;
}

/**
 * SUB-LANDING PAGES
 */
/*
 * PLATFORMS SUBLANDING PAGES
 */
.dac-platforms-sublandings .devsite-landing-row {
  margin-top: 16px;
}

@media screen and (min-width: 721px) {
  .dac-platforms-sublandings .devsite-landing-row {
    margin-top: 32px;
  }
}

.dac-platforms-sublandings .devsite-landing-row.dac-resource-widget-section.devsite-landing-row-1-up {
  padding-top: 0;
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-column:first-child {
  -webkit-box-flex: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-column:last-child {
  -webkit-box-flex: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
}

@media screen and (min-width: 721px) {
  .dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-column:last-child {
    margin-top: 32px;
  }
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-item-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .dac-platforms-img {
  display: block;
  margin: 16px auto 0;
  width: 480px;
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group {
  display: block;
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group .devsite-landing-row-item {
  width: 100%;
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group .devsite-landing-row-item:not(:first-child) {
  margin-left: 0;
  margin-top: 16px;
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group .devsite-landing-row-column {
  width: 100%;
}

.dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group .devsite-landing-row-column:last-child {
  margin-left: 0;
}

@media screen and (min-width: 721px) {
  .dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group .devsite-landing-row-item:not(:first-child) {
    margin-left: 0;
    margin-top: 32px;
  }
}

@media screen and (min-width: 1401px) {
  .dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group .devsite-landing-row-item:not(:first-child) {
    margin-left: 32px;
    margin-top: 0;
  }

  .dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group .devsite-landing-row-column .devsite-landing-row-item:not(:first-child) {
    margin-left: 0;
    margin-top: 32px;
  }
}

@media screen and (min-width: 721px) {
  .dac-platforms-sublandings .dac-platforms-sublandings-basics.devsite-landing-row-3-up .devsite-landing-row-item:not(:first-child) {
    margin-left: 0;
    margin-top: 32px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-platforms-sublandings .dac-platforms-sublandings-basics.devsite-landing-row-3-up .devsite-landing-row-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dac-platforms-sublandings .dac-platforms-sublandings-basics.devsite-landing-row-3-up .devsite-landing-row-item:not(:first-child) {
    margin-top: 0;
  }
}

@media screen and (min-width: 1401px) {
  .dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dac-platforms-sublandings .dac-platforms-sublandings-basics .devsite-landing-row-group .devsite-landing-row-column:last-child {
    margin-left: 32px;
    margin-top: 0;
  }
}

@media screen and (min-width: 1201px) {
  .dac-platforms-sublandings .dac-banner-card.devsite-landing-row .dac-button {
    margin-top: 100px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-platforms-sublandings .dac-banner-card.devsite-landing-row .dac-banner-card-bg-img-item {
    background-position: left center;
    background-size: 800px;
  }
}

.dac-platforms-sublandings .dac-platforms-sublandings-about {
  max-width: 800px;
}

.dac-platforms-sublandings .dac-quote {
  margin: 0;
}

.dac-platforms-sublandings .devsite-landing-row-logos .devsite-landing-row-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dac-platforms-sublandings .devsite-landing-row-logos .devsite-landing-row-item .devsite-landing-row-item-image {
  text-align: center;
}

.dac-platforms-sublandings .devsite-landing-row-logos .devsite-landing-row-item .devsite-landing-row-item-image img {
  max-width: 175px;
}

.dac-platforms-sublandings .devsite-landing-row-logos .devsite-landing-row-item .devsite-landing-row-item-description {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.dac-platforms-sublandings .dac-featured-cards .devsite-landing-row-column img {
  max-width: 75px;
}

.dac-platforms-sublandings .dac-landing-row-no-margin.devsite-landing-row {
  margin: 0;
}

/*
 * AUTO PAGE
 */
.dac-auto-page .dac-banner-card .dac-banner-card-bg-img-item {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/auto/auto-design.svg");
}

/*
 * CHROME OS PAGE
 */
.dac-chrome-page .dac-banner-card .dac-banner-card-bg-img-item {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/chrome-os/chrome-design.svg");
}

@media screen and (min-width: 1201px) {
  .dac-chrome-page .dac-featured-cards {
    max-width: 50%;
  }
}

/*
 * TV PAGE
 */
.dac-tv-page .dac-banner-card .dac-banner-card-bg-img-item {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/tv/tv-design.svg");
}

/*
 * WEAR OS PAGE
 */
.dac-wear-page .dac-banner-card .dac-banner-card-bg-img-item {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/wear/wear-os-design.svg");
}

/*
 * THINGS PAGE
 */
.dac-platforms-sublandings .dac-banner-card.devsite-landing-row .dac-banner-card-bg-img-item.dac-banner-card-bg-img-contain {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/things/prototype-to-production.svg");
  background-size: 1000px;
}

.dac-things-page .devsite-background.devsite-landing-row-4-up {
  padding-top: 32px;
}

.dac-things-page .devsite-background .devsite-landing-row-group {
  display: block;
}

.dac-things-page .devsite-background .devsite-landing-row-group .devsite-landing-row-column {
  margin-left: 0;
  width: 100%;
}

@media screen and (min-width: 721px) {
  .dac-things-page .devsite-background .devsite-landing-row-group .devsite-landing-row-item:not(:first-child),
  .dac-things-page .devsite-background .devsite-landing-row-group .devsite-landing-row-column:not(:first-child) {
    margin-top: 16px;
  }
}

@media screen and (min-width: 1001px) {
  .dac-things-page .devsite-background .devsite-landing-row-group .devsite-landing-row-item:not(:first-child),
  .dac-things-page .devsite-background .devsite-landing-row-group .devsite-landing-row-column:not(:first-child) {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-things-page .devsite-background .devsite-landing-row-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dac-things-page .devsite-background .devsite-landing-row-group .devsite-landing-row-column {
    width: auto;
  }

  .dac-things-page .devsite-background .devsite-landing-row-group .devsite-landing-row-column:not(:first-child) {
    margin-left: 32px;
    margin-top: 0;
  }
}

/*
 * PLAY SUBLANDING PAGES
 */
.dac-play-sublandings .devsite-landing-row-item .devsite-landing-row-item-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-copy {
  display: block;
}

.dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-copy .devsite-landing-row-item-description h1 {
  font-size: 44px;
  line-height: 1.14em;
  margin-bottom: 32px;
}

@media screen and (min-width: 1001px) {
  .dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-copy .devsite-landing-row-item-description h1 {
    font-size: 56px;
  }
}

.dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-copy .devsite-landing-row-item-description p {
  margin: 0;
}

@media screen and (min-width: 1001px) {
  .dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-copy .devsite-landing-row-item-description {
    padding-top: 56px;
  }
}

.dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-copy .dac-icon {
  margin-bottom: 16px;
  width: 54px;
}

.dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-image {
  margin-left: 0;
}

.dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-image .devsite-landing-row-item-description {
  padding-bottom: 0;
}

@media screen and (min-width: 721px) {
  .dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-image .devsite-landing-row-item-description {
    padding: 32px 0 0;
  }
}

.dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-image .devsite-landing-row-item-description .devsite-landing-row-item-description-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-image .devsite-landing-row-item-description .devsite-landing-row-item-description-content img {
  width: 100%;
}

@media screen and (min-width: 1001px) {
  .dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-image .devsite-landing-row-item-description .devsite-landing-row-item-description-content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1001px) {
  .dac-play-sublandings .dac-sublandings-hero .dac-sublandings-hero-image .devsite-landing-row-item-description {
    padding-top: 48px;
  }
}

@media screen and (max-width: 1000px) {
  .dac-play-sublandings .dac-sublandings-hero .devsite-landing-row-group {
    display: block;
  }

  .dac-play-sublandings .dac-sublandings-hero .devsite-landing-row-group .devsite-landing-row-item {
    margin: 0;
    width: auto;
  }
}

.dac-play-sublandings .dac-sublandings-section-header {
  padding-bottom: 0;
}

.dac-play-sublandings .dac-sublandings-section-header .dac-sublandings-section-header-img img {
  margin: 0 auto;
  max-width: 500px;
}

@media screen and (max-width: 1400px) {
  .dac-play-sublandings .dac-sublandings-section-header .devsite-landing-row-group {
    display: block;
  }

  .dac-play-sublandings .dac-sublandings-section-header .devsite-landing-row-group .devsite-landing-row-item {
    margin: 0;
    width: auto;
  }
}

.dac-play-sublandings .dac-sublandings-section-header .devsite-landing-row-item:not(.dac-success-story) .devsite-landing-row-item-description {
  padding-top: 0;
}

.dac-play-sublandings .dac-banner-img {
  padding-bottom: 0;
}

.dac-play-sublandings .dac-banner-img .devsite-landing-row-item-description {
  background-repeat: no-repeat;
  background-size: cover;
  height: 288px;
}

.dac-play-sublandings .dac-cards-2-1-1,
.dac-play-sublandings .dac-cards-1-1-2 {
  padding-bottom: 0;
}

.dac-play-sublandings .dac-cards-2-1-1 .devsite-landing-row-item,
.dac-play-sublandings .dac-cards-1-1-2 .devsite-landing-row-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
  .dac-play-sublandings .dac-cards-1-1-2 .devsite-landing-row-item:nth-of-type(3) {
    -ms-flex-preferred-size: calc(100% - 32px);
    flex-basis: calc(100% - 32px);
    margin: 32px 0 0;
  }
}

@media screen and (min-width: 1201px) {
  .dac-play-sublandings .dac-cards-1-1-2 .devsite-landing-row-item:nth-of-type(3) {
    -ms-flex-preferred-size: calc(50% - 16px);
    flex-basis: calc(50% - 16px);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
  .dac-play-sublandings .dac-cards-2-1-1 .devsite-landing-row-item:nth-of-type(1) {
    -ms-flex-preferred-size: calc(100% - 32px);
    flex-basis: calc(100% - 32px);
    margin: 0 0 32px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-play-sublandings .dac-cards-2-1-1 .devsite-landing-row-item:nth-of-type(1) {
    -ms-flex-preferred-size: calc(50% - 16px);
    flex-basis: calc(50% - 16px);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
  .dac-play-sublandings .dac-cards-2-1-1 .devsite-landing-row-item:nth-of-type(2) {
    margin: 0;
  }
}

@media screen and (min-width: 721px) {
  .dac-play-sublandings .dac-bg-img-in-row.devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee),
  .dac-play-sublandings .dac-bg-img-in-column.devsite-landing-row:not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding-top: 0;
  }
}

.dac-play-sublandings .dac-bg-img-in-row .devsite-landing-row-group,
.dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group {
  background-repeat: no-repeat;
  background-size: 700px;
}

@media screen and (max-width: 720px) {
  .dac-play-sublandings .dac-bg-img-in-row .devsite-landing-row-group,
  .dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
  height: 300px;
}

@media screen and (max-width: 720px) {
  .dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) {
  background-color: #f7f9fa;
  margin-top: 0;
}

@media screen and (min-width: 721px) {
  .dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) {
    padding-top: 32px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) .devsite-landing-row-item {
    margin: 0;
    max-width: 47%;
  }

  .dac-play-sublandings .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) .devsite-landing-row-item:nth-of-type(3) {
    margin-top: 32px;
    max-width: 100%;
  }
}

@media screen and (min-width: 721px) {
  .dac-play-sublandings .dac-center .devsite-landing-row-item-description {
    padding: 0;
  }
}

.dac-play-sublandings .dac-cta .devsite-landing-row-item-description {
  padding: 0;
}

.dac-play-sublandings .dac-cta .devsite-landing-row-item-description h3 {
  margin-bottom: 0;
}

@media screen and (min-width: 721px) {
  .dac-play-sublandings .dac-cta .devsite-landing-row-item-buttons {
    padding-top: 64px;
  }
}

.dac-play-sublandings .dac-resources-heading .devsite-landing-row-item-description {
  padding: 0;
}

.dac-play-sublandings .dac-resources-heading h3 {
  margin-bottom: 0;
}

.dac-play-sublandings .dac-resources-row {
  padding-bottom: 0;
}

/**
 * PLAY CONSOLE PAGE
 */
.dac-play-console-page .dac-sublandings-hero .devsite-landing-row-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 32px 0 64px;
}

.dac-play-console-page .dac-sublandings-hero .devsite-landing-row-item .devsite-landing-row-item-media {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

@media screen and (max-width: 1000px) {
  .dac-play-console-page .dac-sublandings-hero .devsite-landing-row-item .devsite-landing-row-item-media {
    padding: 24px;
    width: 100%;
  }
}

@media screen and (min-width: 1001px) {
  .dac-play-console-page .dac-sublandings-hero .devsite-landing-row-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .dac-play-console-page .dac-sublandings-hero .devsite-landing-row-item .devsite-landing-row-item-media {
    margin-left: 32px;
    width: calc(50% - 16px);
  }
}

.dac-play-console-page .dac-banner-img .devsite-landing-row-item-description {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/distribute/focus-quality.svg");
}

.dac-play-console-page .dac-bg-img-in-row .devsite-landing-row-group {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/distribute/release-confidence.svg");
  background-position: right bottom;
}

.dac-play-console-page .dac-bg-img-in-row .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
  background-color: #fff;
}

@media screen and (min-width: 721px) {
  .dac-play-console-page .dac-bg-img-in-row .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
    padding-top: 32px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-play-console-page .dac-bg-img-in-row .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .dac-play-console-page .dac-bg-img-in-row .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) .devsite-landing-row-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-top: 0;
  }

  .dac-play-console-page .dac-bg-img-in-row .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) .devsite-landing-row-item + .devsite-landing-row-item {
    margin-left: 32px;
  }
}

.dac-play-console-page .dac-bg-img-in-row .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) {
  height: 300px;
}

.dac-play-console-page .dac-bg-img-in-column .devsite-landing-row-group {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/distribute/grow-business.svg");
  background-position: left bottom;
}

.dac-play-console-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
  height: 273px;
}

@media screen and (max-width: 720px) {
  .dac-play-console-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.dac-play-console-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) {
  background-color: #f7f9fa;
  margin-top: 0;
}

@media screen and (min-width: 721px) {
  .dac-play-console-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) {
    padding-top: 32px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-play-console-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .dac-play-console-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) .devsite-landing-row-item {
    margin: 0;
    max-width: 47%;
  }

  .dac-play-console-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) .devsite-landing-row-item:nth-of-type(3) {
    margin-top: 32px;
    max-width: 100%;
  }
}

/**
 * PLAY STORE PAGE
 */
@media screen and (min-width: 1201px) {
  .dac-play-store-page .dac-sublandings-hero .dac-sublandings-hero-copy .devsite-landing-row-item-description {
    padding-top: 80px;
  }
}

.dac-play-store-page .dac-sublandings-hero .dac-sublandings-hero-image {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.dac-play-store-page .dac-sublandings-hero img {
  max-width: 500px;
}

.dac-play-store-page .dac-banner-img .devsite-landing-row-item-description {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/distribute/get-discovered.svg");
}

.dac-play-store-page .dac-bg-img-in-column .devsite-landing-row-group {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/distribute/get-support.svg");
  background-position: right bottom;
}

.dac-play-store-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
  background-color: #f7f9fa;
  margin-top: 0;
}

@media screen and (min-width: 721px) {
  .dac-play-store-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
    padding-top: 32px;
  }
}

@media screen and (min-width: 1201px) {
  .dac-play-store-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .dac-play-store-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) .devsite-landing-row-item {
    margin: 0;
    max-width: 47%;
  }

  .dac-play-store-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(1) .devsite-landing-row-item:nth-of-type(1) {
    margin-bottom: 32px;
    max-width: 100%;
  }
}

.dac-play-store-page .dac-bg-img-in-column .devsite-landing-row-group .devsite-landing-row-column:nth-of-type(2) {
  height: 300px;
}

@media screen and (max-width: 1200px) {
  .dac-play-store-page .devsite-landing-row-item-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .dac-play-store-page .devsite-landing-row-item-list .devsite-landing-row-item-list-item {
    max-width: 100%;
  }
}

/**
 * PLAY BILLING & SERVICES PAGES
 */
@media screen and (min-width: 721px) {
  .dac-play-billing-page .dac-sublandings-hero .dac-sublandings-hero-copy .devsite-landing-row-item-description,
  .dac-play-services-page .dac-sublandings-hero .dac-sublandings-hero-copy .devsite-landing-row-item-description {
    padding-top: 100px;
  }

  .dac-play-billing-page .dac-sublandings-hero .dac-sublandings-hero-image,
  .dac-play-services-page .dac-sublandings-hero .dac-sublandings-hero-image {
    padding-bottom: 112px;
  }
}

.dac-play-billing-page .dac-sublandings-hero .dac-sublandings-hero-image img,
.dac-play-services-page .dac-sublandings-hero .dac-sublandings-hero-image img {
  max-width: 580px;
}

@media screen and (max-width: 720px) {
  .dac-play-billing-page .dac-sublandings-hero .dac-sublandings-hero-image img,
  .dac-play-services-page .dac-sublandings-hero .dac-sublandings-hero-image img {
    margin-bottom: 48px;
  }
}

/**
 * KOTLIN PAGE
 */
.dac-kotlin-page .dac-landing-row-item .devsite-landing-row-item-description-content {
  font-size: 14px;
}

.dac-kotlin-page .devsite-landing-row:not(.devsite-background):not([background]):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):not(:first-child) .devsite-landing-row-header-text > h2 {
  margin-top: 0;
}

.dac-kotlin-page .devsite-landing-row-item {
  padding-bottom: 16px;
}

.dac-kotlin-page .devsite-landing-row-item-no-image h3 {
  font: 400 20px/32px Roboto, sans-serif;
}

/*
* APP BUNDLE PAGE
*/
.dac-app-bundle-page .devsite-landing-row-header {
  text-align: center;
}

.dac-app-bundle-page .dac-pill {
  background-color: #ddd;
  color: #000;
}

.dac-app-bundle-page .dac-button {
  margin-top: 64px;
}

.dac-app-bundle-page .dac-landing-row-hero .dac-landing-row-hero-description {
  margin-top: 64px;
}

.dac-app-bundle-page .dac-smaller-app img {
  max-width: 100%;
}

.dac-app-bundle-page .dac-list-wrapped h3 {
  margin-bottom: 32px;
}

.dac-app-bundle-page .dac-featured-cards {
  margin-bottom: 0;
}

.dac-app-bundle-page .dac-logos {
  text-align: center;
}

.dac-app-bundle-page .dac-logos .devsite-landing-row-item-description {
  padding: 32px 0;
}

.dac-app-bundle-page .dac-logos h4 {
  font-size: 26px;
  margin: 0;
}

.dac-app-bundle-page .dac-logos img {
  margin: 0 auto;
  max-height: 80px;
  max-width: 80px;
}

.dac-app-bundle-page .dac-logos p {
  font-size: 18px;
  font-weight: 400;
  white-space: nowrap;
}

.dac-app-bundle-page .dac-logos.dac-bottom-logos .devsite-landing-row-group {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.dac-app-bundle-page .dac-logos.dac-bottom-logos .devsite-landing-row-group .devsite-landing-row-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
}

.dac-app-bundle-page .dac-get-started {
  background-image: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/app-bundle/app-bundle-blob.svg");
  background-position: left calc(50% + 300px) bottom -250px;
  background-repeat: no-repeat;
  background-size: 500px;
  margin-top: 64px;
}

.dac-app-bundle-page .dac-get-started .devsite-landing-row-item {
  padding: 0 32px 32px;
}

/**
 * JETPACK PAGE
 */
.dac-jetpack-page h1 {
  font-size: 44px;
  line-height: 1.1em;
}

@media screen and (min-width: 1201px) {
  .dac-jetpack-page h1 {
    font-size: 56px;
  }
}

.dac-jetpack-page h2 {
  font-size: 32px;
  line-height: 1.1em;
}

@media screen and (min-width: 1001px) {
  .dac-jetpack-page h2 {
    font-size: 44px;
  }
}

.dac-jetpack-page .dac-sub-hero {
  margin-top: 50px;
}

.dac-jetpack-page .dac-sub-hero .dac-sub-hero-image {
  margin: 0;
}

.dac-jetpack-page .dac-sub-hero .dac-sub-hero-image img {
  margin-bottom: 40px;
  max-width: 360px;
  width: 100%;
}

@media screen and (min-width: 1001px) {
  .dac-jetpack-page .dac-sub-hero .dac-sub-hero-image img {
    margin-left: 32px;
  }
}

.dac-jetpack-page .dac-sub-hero .dac-sub-hero-buttons {
  margin-top: 64px;
}

.dac-jetpack-page .dac-sub-hero .dac-sub-hero-buttons .dac-button {
  margin-bottom: 32px;
}

.dac-jetpack-page .dac-sub-hero .dac-sub-hero-buttons .dac-button:nth-of-type(1) {
  margin-right: 32px;
}

@media screen and (min-width: 1001px) {
  .dac-jetpack-page .dac-sub-hero .dac-sub-hero-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .dac-jetpack-page .dac-sub-hero .dac-sub-hero-buttons .dac-button {
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1400px) {
  .dac-jetpack-page .dac-sub-hero .dac-sub-hero-image {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }

  .dac-jetpack-page .dac-sub-hero .dac-sub-hero-copy {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
  }
}

.dac-jetpack-page .dac-features .devsite-landing-row-item-description {
  padding: 0 0 0 96px;
}

@media screen and (max-width: 1000px) {
  .dac-jetpack-page .dac-features .devsite-landing-row-item-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}

.dac-jetpack-page .dac-features img {
  height: auto;
  left: 0;
  max-width: 64px;
  position: absolute;
  top: 0;
}

.dac-jetpack-page .dac-features h3 {
  font-size: 22px;
  line-height: 1.4em;
}

.dac-jetpack-page .dac-banner-img {
  padding-bottom: 0;
}

.dac-jetpack-page .dac-banner-img .devsite-landing-row-item-description {
  background: url("https://search.webdepozit.sk/webarchiv/public/20180522020541/https://developer.android.com/static/images/jetpack/jetpack-banner.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
}

.dac-jetpack-page .devsite-article .dac-components .devsite-landing-row-header {
  margin-bottom: 60px;
}

.dac-jetpack-page .devsite-article .dac-components .devsite-landing-row-item-image {
  background: 0;
  max-width: 320px;
}

.dac-jetpack-page .devsite-article .dac-components .devsite-landing-row-item-description {
  padding: 0;
}

.dac-jetpack-page .devsite-article .dac-components .devsite-landing-row-item-description h3 {
  font-size: 32px;
  line-height: 1.2;
}

.dac-jetpack-page .devsite-article .dac-components .normal {
  color: inherit;
}

.dac-jetpack-page .devsite-article .dac-components ul {
  list-style: none;
  padding-left: 0;
}

.dac-jetpack-page .devsite-article .dac-components h4 {
  font-weight: 500;
}

.dac-jetpack-page .devsite-article .dac-components p {
  font-size: 16px;
}

.dac-jetpack-page .devsite-article .dac-components .dac-button {
  margin: 16px auto 16px 0;
}

@media screen and (min-width: 1001px) {
  .dac-jetpack-page.devsite-landing-page .dynamic-card-wrapper {
    max-width: calc((100% - ((4 - 1) * 32px)) / 4);
  }

  .dac-jetpack-page.devsite-landing-page .dynamic-card-wrapper:not(:first-of-type) + .dynamic-card-wrapper {
    margin-left: 0;
  }

  .dac-jetpack-page.devsite-landing-page .dynamic-card-wrapper:not(:nth-of-type(4n)) + .dynamic-card-wrapper {
    margin-left: 32px;
  }
}

.dac-jetpack-page .dac-success-story .devsite-landing-row-item-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
}

@media screen and (min-width: 721px) {
  .dac-jetpack-page .dac-success-story .devsite-landing-row-item-image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.dac-jetpack-page .dac-success-story .devsite-landing-row-item-image img {
  width: 128px;
}

.dac-jetpack-page .dac-cta .devsite-landing-row-item .devsite-landing-row-item-buttons {
  padding-bottom: 2em;
  padding-top: 0;
}

.dac-jetpack-page .dac-get-involved.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
  padding-bottom: 0;
}

.dac-jetpack-page .dac-get-involved .devsite-landing-row-header {
  margin-bottom: 0;
}

.dac-jetpack-page .devsite-landing-row-logos .devsite-landing-row-group {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.dac-jetpack-page .devsite-landing-row-logos .devsite-landing-row-group .devsite-landing-row-item-image img {
  max-height: 100px;
  max-width: 200px;
}

.dac-landing-row-item-device .devsite-landing-row-item-description-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 1201px) {
  .dac-landing-row-item-device .devsite-landing-row-item-description-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.dac-landing-row-item-device .dac-button {
  margin-right: 32px;
}

@media screen and (min-width: 1201px) {
  .dac-landing-row-item-device-info {
    margin-right: 32px;
  }
}

.dac-landing-row-item-device-info > h3 {
  margin-top: 8px;
}

.dac-landing-row-item-device-info table.responsive td,
.dac-landing-row-item-device-info table.responsive th {
  min-width: auto;
}

.dac-landing-row-item-device-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}

.dac-landing-row-item-device-image > img {
  max-width: 30%;
}

@media screen and (min-width: 1001px) {
  .dac-landing-row-item-device-image > img {
    max-width: 20%;
  }
}

@media screen and (min-width: 1201px) {
  .dac-landing-row-item-device-image > img {
    max-width: 100%;
  }
}






/*
     FILE ARCHIVED ON 2:05:41 May 22, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 19:56:36 Sep 2, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/