.blockly-landing {
  --description-width: 460px;
  --font-description: 400 18px/32px 'Google Sans';
  --font-heading: 700 48px/58px 'Google Sans';
  --font-hero-heading: 700 58px/68px 'Google Sans';
}

.blockly-hero {
  --align: center;
  --bg: url(/blockly/images/landing/hero.png) no-repeat top/contain;
  --height: 718px;
  --padding-bottom: 0;
}

.blockly-demo-row {
  --container-height: 372px;
  --demo-height: 412px;
  --demo-width: 100%;
  --paragraph-width: 890px;
}

.blockly-links {
  --font-jump-links: 500 18px/24px 'Google Sans';
  --padding-jump-links: 32px;
}

.blockly-tetris {
  --display: flex;
  --img-gap: 24px;
  --img-height: 21vw;
  --text-margin: 88px 172px 0 0;
  --text-max-width: 664px;
}

.blockly-why {
  --font-item-description: 400 16px/28px 'Google Sans';
  --font-item-heading: 700 24px 'Google Sans';
}

.blockly-puzzle {
  --align: end;
  --bg: url(/blockly/images/landing/yellow-puzzle.png) right no-repeat, url(/blockly/images/landing/csf.jpg) left no-repeat;
  --bg-color: #fef7e0;
  --height: 832px;
  --padding-inline: 80px;
}

.blockly-resources {
  --font-item-description: 400 16px/24px 'Google Sans';
}

.blockly-landing .no-padding {
  padding: 0;
}

.blockly-landing .show-on-mobile {
  display: none;
}

.blockly-rectangle {
  --font-quote: 400 32px/44px 'Google Sans';
  --font-quotee: 400 14px/24px 'Google Sans';
  --height: 588px;
  --margin-block: 32px;
  --padding-inline: 32px;
}

.blockly-rectangle-right {
  --bg: url(/blockly/images/landing/red-block.png) left no-repeat, url(/blockly/images/landing/quote-1.png) right/587px no-repeat;
  --margin-bottom: 112px;
}

.blockly-rectangle-left {
  --align: end;
  --bg: url(/blockly/images/landing/yellow-block.png) right no-repeat, url(/blockly/images/landing/quote-2.png) left/587px no-repeat;
  --margin-top: -60px;
}

.blockly-impact {
  --font-number: 700 92px/54px 'Google Sans';
  --font-text: 400 38px/54px 'Google Sans';
  --impact-grid: 112px 72px 20px / auto;
  --impact-margin-left: 40px;
}

.blockly-logo-card {
  --logo-height: 156px;
}

.blockly-subscribe {
  --bg: url(/blockly/images/landing/subscribe.png) no-repeat center;
}

.blockly-faq {
  --font-arrow: 36px;
}

.blockly-carousel li > div {
  border-radius: 8px;
  height: 100%;
  padding: 32px 40px;
}

.blockly-carousel {
  margin: auto;
  max-width: 1340px;
  padding-block: var(--blockly-carousel-padding-block);
  padding-inline: 8px;
}

.devsite-landing-row-cards .devsite-landing-row-item-no-media.blockly-resources-card-heading .no-link {
  font: 700 18px/32px 'Google Sans';
}

.blockly-demo-row .devsite-landing-row-inner {
  padding: 0;
}

.blockly-faq h2 {
  text-align: center;
}

.blockly-landing h2,
.blockly-heading-style h3,
.blockly-carousel h3 a {
  font: var(--font-heading);
}

.blockly-puzzle .devsite-landing-row-inner .devsite-landing-row-group .devsite-landing-row-item .devsite-landing-row-item-description .devsite-landing-row-item-body h3,
.blockly-left .devsite-landing-row-inner .devsite-landing-row-group .devsite-landing-row-item .devsite-landing-row-item-description .devsite-landing-row-item-body h3,
.blockly-right .devsite-landing-row-inner .devsite-landing-row-group .devsite-landing-row-item .devsite-landing-row-item-description .devsite-landing-row-item-body h3 {
  font: var(--font-heading);
}

.blockly-landing p,
.blockly-faq .expand-control h4 {
  font: var(--font-description);
}

.blockly-hero > div,
.blockly-puzzle > div,
.blockly-rectangle > div {
  align-items: center;
  display: flex;
}

.blockly-hero > div > div,
.blockly-puzzle > div > div,
.blockly-rectangle > div > div {
  width: 100%;
}

.blockly-landing .blockly-faq,
.blockly-why > div {
  margin: auto;
  max-width: 1248px;
}

.blockly-width-spacer {
  margin: auto;
  max-width: 1284px;
}

.blockly-width-max-spacer {
  margin: auto;
  max-width: 1240px;
}

.blockly-no-spacer {
  padding: 0;
}

.blockly-hero {
  background: #e8f0fe;
  height: var(--height);
}

.blockly-hero > div {
  align-items: var(--align);
  background: var(--bg);
  height: var(--height);
  padding-bottom: var(--padding-bottom);
}

.blockly-hero > div > div {
  max-width: 1200px;
}

.blockly-hero .devsite-landing-row-item-description {
  max-width: 460px;
}

.blockly-hero.devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-item-description h3 {
  font: var(--font-hero-heading);
}

.blockly-hero .highlight {
  color: #4285f4;
}

.blockly-hero .no-link:focus {
  .highlight {
    text-decoration: none;
  }
}

.blockly-demo-row .iframe-container {
  height: var(--container-height);
  margin: auto;
  max-width: 1220px;
  overflow: hidden;
}

.blockly-demo {
  height: var(--demo-height);
  position: relative;
  top: -70px;
  width: var(--demo-width);
}

.blockly-demo-row p {
  margin: 16px auto 32px;
  width: var(--paragraph-width);
}

.blockly-links {
  margin: auto;
  padding: 0;
}

.blockly-links .devsite-landing-row-html {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.blockly-links a {
  color: var(--tenant-primary-text-color);
  font: var(--font-jump-links);
  padding: var(--padding-jump-links);
}

.blockly-links a:hover,
.blockly-links a:focus {
  color: #1967d2;
}

.blockly-links .material-icons {
  font: 500 18px/24px 'Material Icons';
  margin-inline-start: 8px;
  vertical-align: text-bottom;
}

.blockly-tetris > div {
  max-width: 1600px;
}

.blockly-tetris .container {
  display: var(--display);
  flex-wrap: wrap;
  justify-content: end;
}

.blockly-tetris img {
  height: var(--img-height);
  margin-bottom: var(--img-gap);
  max-height: 328px;
}

.blockly-tetris .right-margin {
  margin-right: var(--img-gap);
}

.blockly-tetris .text {
  margin: 10vw 4vw 0 0;
  max-width: var(--text-max-width);
  text-align: left;
}

.blockly-why {
  background-color: #e6f4ea;
}

.blockly-why .devsite-landing-row-group {
  grid-gap: 80px;
}

.blockly-why .devsite-landing-row-item-icon-container  {
  height: 144px;
}

.blockly-why .devsite-landing-row-item-icon {
  aspect-ratio: unset;
  height: 144px;
  width: unset; /* Ensures correct icon width */
}

.blockly-why h3 {
  font: var(--font-item-heading);
}

.blockly-why .devsite-landing-row-item-body p {
  font: var(--font-item-description);
}

.blockly-resources .devsite-landing-row-item-description {
  border-radius: 10px;
}

.blockly-resources p {
  font: var(--font-item-description);
}

.blockly-puzzle .devsite-landing-row-item,
.blockly-rectangle .devsite-landing-row-item {
  display: flex;
}

.blockly-puzzle .devsite-landing-row-item-description,
.blockly-rectangle .devsite-landing-row-item-description {
  max-width: var(--description-width);
}

.blockly-puzzle {
  background: var(--bg-color);
  height: var(--height);
}

.blockly-puzzle > div {
  background: var(--bg);
  height: var(--height);
  max-width: 1520px;
}

.blockly-puzzle > div > div {
  padding-inline: var(--padding-inline);
}

.blockly-puzzle.devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-item {
  align-items: var(--align);
}

.blockly-rectangle {
  height: var(--height);
}

.blockly-rectangle > div {
  align-items: center;
  display: flex;
  height: var(--height);
  max-width: 1188px;
}

.blockly-rectangle > div > div {
  padding-inline: var(--padding-inline);
}

.blockly-rectangle .devsite-landing-row-inner .devsite-landing-row-group .devsite-landing-row-item.devsite-landing-row-item-no-media .devsite-landing-row-item-description .devsite-landing-row-item-body h3{
  color: #202124;
  font: var(--font-quote);
  margin-block: var(--margin-block);
  position: relative;
}

.blockly-rectangle-right h3:before {
  background: #ea4335;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  content: "\201C";
  font: 400 100px/72px 'Google Sans';
  position: absolute;
  top: -32px;
}

.blockly-rectangle-left h3:before {
  background: #fbbc04;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  content: "\201C";
  font: 400 100px/72px 'Google Sans';
  position: absolute;
  top: -32px;
}

.blockly-rectangle p {
  color: #5f6368;
  font: var(--font-quotee);
}

.blockly-rectangle-right {
  margin-bottom: var(--margin-bottom);
}

.blockly-rectangle-right > div {
  background: var(--bg);
}

.blockly-rectangle-right .devsite-landing-row-inner .devsite-landing-row-item {
  align-items: start;
}

.blockly-rectangle-left {
  margin-top: var(--margin-top);
}

.blockly-rectangle-left > div {
  background: var(--bg);
}

.blockly-rectangle-left .devsite-landing-row-inner .devsite-landing-row-item {
  align-items: var(--align);
}

[background] :focus>:not(.material-icons) {
  text-decoration: none;
}

 .blockly-flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.blockly-flex .blockly-impact-number {
  font: var(--font-number);
  line-height: 112px;
}

.blockly-flex .blockly-impact-text {
  font: var(--font-text);
  line-height: 32px;
  padding: 0 0 46px
}

.blockly-flex .item {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    margin: 0;
    padding-block-start: 28px;
    padding-inline-end: 0;
    padding-block-end: 32px;
    padding-inline-start: 40px;
}

.blockly-flex .item-1 {
  background-color: #fce8e5;
}

.blockly-flex .item-2 {
  background-color: #fef7e0;
}

.blockly-flex .item-3 {
  background-color: #e6f4ea;
}

.blockly-flex .item-1 h4 {
  color: #ea4335;
  margin: 0;
}

.blockly-flex .item-2 h4 {
  color: #ea8600;
  margin: 0;
}

.blockly-flex .item-3 h4 {
  color: #34a853;
  margin: 0;
}

.blockly-flex .blockly-flex-item {
  position: relative;
  width: 33%;
}

.blockly-flex .item::after {
  border-radius: 0 0 20px 20px;
  bottom: 0;
  content: '';
  display: block;
  height: 21px;
  left: 0;
  margin: 16px 0 0;
  position: absolute;
  width: 100%;
}

.blockly-flex .item-1.item::after {
  background-color: #ea4335;
}

.blockly-flex .item-2.item::after {
  background-color: #fcc934;
}

.blockly-flex .item-3.item::after {
  background-color: #34a853;
}

.blockly-logo-card {
  display: flex;
  height: var(--logo-height);
  justify-content: center;
}

.blockly-logo-card figure {
  display: flex;
  justify-content: center;
}

.blockly-logo-card img {
  height: auto;
  width: 160px;
}

.devsite-landing-row-item .blockly-logo-card {
  border: none;
}

.blockly-logos devsite-pagination button {
  margin-top: 36px;
}

.blockly-carousel {
  --blockly-carousel-padding-block: 64px;
}

/* [1] Forces link color to be primary text color instead of blue */
.blockly-carousel h3 a {
  color: var(--tenant-primary-text-color); /* [1] */
}

.blockly-carousel .devsite-landing-row-item-labels span {
  font: 400 14px 'Google Sans';
}


.blockly-carousel-image {
  border-radius: 17px;
}

.blockly-carousel-slide {
  --blockly-carousel-slide-flex-direction: row;
  --blockly-carousel-slide-gap: 70px;
}

.blockly-carousel-slide > div {
  --blockly-carousel-slide-display: grid;
  --border: 1px solid #dadce0;
}

.blockly-carousel-slide {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.blockly-carousel-slide > div {
  align-items: center;
  border: var(--border);
  display: var(--blockly-carousel-slide-display);
  flex-direction: var(--blockly-carousel-slide-flex-direction);
  gap: var(--blockly-carousel-slide-gap);
  grid: auto-flow / 2fr 3fr;
  width: 100%;
}

.blockly-carousel.devsite-landing-row-1-up .devsite-landing-row-item-media,
.blockly-carousel.devsite-landing-row-1-up .devsite-landing-row-item-description {
  grid-column: unset;
}

.blockly-subscribe {
  background: var(--bg);
}

.blockly-faq {
  padding-top: 0;
}

.blockly-faq .expand-control {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  -o-transition: color 0.2s linear;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -webkit-transition: color 0.2s linear;
  align-items: center;
  border-bottom: 1px solid #dadce0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  transition: color 0.2s linear;
}

.blockly-faq [aria-expanded='true'] {
  border-bottom: none;
}

.blockly-faq devsite-expandable:first-of-type {
  border-top: 1px solid #dadce0;
}

.blockly-faq .expand-control:focus {
  color: #174ea6 ;
  outline: none;
}

.blockly-faq .expand-control h4 {
  margin: 0;
  padding-block: 16px;
}

.blockly-faq devsite-expandable .collapser {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transition: transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  font-size: var(--font-arrow);
  transform: rotate(180deg);
  transition: -webkit-transform 0.2s linear, transform 0.2s linear;
}

.blockly-faq devsite-expandable[expanded] .collapser {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.blockly-faq__body {
  border-bottom: 1px solid #dadce0;
  margin-bottom: 0;
  padding-block: 16px;
}

.blockly-faq__body p:last-of-type {
  margin: 0;
}

.blockly-logos {
  font-family: 'Google Sans';
}

.devsite-landing-row h3.blockly-demo-row-subtitle {
  font: 500 24px 'Google Sans';
  margin-bottom: 16px;
}

.blockly-demo-row-list {
  padding-bottom: 16px;
}

.blockly-demo-row-bullet {
  margin: 8px 0;
}

/**
 *  Fix the orientation of background image(set by background css property)
 *  and text container for RTL specific locales.
 */
[dir='rtl'] .blockly-hero {
  transform: rotateY(180deg);
  user-select: none;
}

[dir='rtl'] .blockly-puzzle {
  transform: rotateY(180deg);
}

[dir='rtl'] .blockly-rectangle {
  transform: rotateY(180deg);
}

[dir='rtl'] .blockly-hero .devsite-landing-row-inner .devsite-landing-row-group {
  transform: rotateY(180deg);
}

[dir='rtl'] .blockly-puzzle .devsite-landing-row-inner .devsite-landing-row-group {
  transform: rotateY(180deg);
}

[dir='rtl'] .blockly-rectangle .devsite-landing-row-inner .devsite-landing-row-group {
  transform: rotateY(180deg);
}

[dir='rtl'] .blockly-rtl-tetris {
  transform: rotateY(180deg);
}

[dir='rtl'] .blockly-rtl-tetris-right {
  transform: rotateY(180deg);
}

[dir='rtl'] .blockly-tetris .right-margin {
  margin-left: var(--img-gap);
  margin-right: 0;
}

[dir='rtl'] .blockly-tetris .text {
  text-align: right;
  margin: 10vw 0 0 4vw;
}

@media screen and (max-width: 1520px) {
  .blockly-tetris {
    --img-gap: 1.2vw;
    --text-margin: 11vw;
  }

  [dir='rtl'] .blockly-tetris {
    --text-margin: 4vw 10vw 0 0;
  }
}

@media screen and (max-width: 1280px) {
  .blockly-hero {
    --align: end;
    --padding-bottom: 10vw;
  }

  .blockly-demo-row p {
    --paragraph-width: 100%;
    max-width: 600px;
  }

  .blockly-tetris {
    --img-height: 19.5vw;
    --text-margin: 4vw 10vw 0 0;
    --text-max-width: 440px;
  }

  .blockly-tetris .text {
    width: 60%;
  }

  .blockly-impact {
    --font-number: 700 72px/44px 'Google Sans';
    --font-text: 400 28px/44px 'Google Sans';
  }

  [dir='rtl'] .blockly-rtl-text {
    margin: 4vw 0 0 10vw;
  }
}

@media screen and (max-width: 840px) {
  .blockly-flex {
    flex-direction: column;
  }

  .blockly-flex .blockly-flex-item {
    width: 100%;
  }

  .blockly-demo-row {
    --container-height: 620px;
    --demo-height: 660px;
  }

  .blockly-tetris {
    --img-height: 19.5vw;
    --text-margin: 4vw 4vw 0 0;
    --text-max-width: 440px;
  }

  [dir='rtl']  .blockly-rtl-text {
      margin: 4vw 0 0 4vw;
      --text-max-width: 440px
    }

  .blockly-landing {
    --description-width: 320px;
  }

  .blockly-rectangle-right {
    padding-bottom: 48px;
  }

  .blockly-hero .devsite-landing-row-item[description-position] .devsite-landing-row-item-description {
    max-width: 460px;
  }

  .blockly-hero.devsite-landing-row[header-position] .devsite-landing-row-inner,
  .blockly-puzzle.devsite-landing-row[header-position] .devsite-landing-row-inner,
  .blockly-rectangle.devsite-landing-row[header-position] .devsite-landing-row-inner {
    display: flex;
  }

  .blockly-hero > div {
    align-items: end;
  }

  .blockly-puzzle .devsite-landing-row-item[description-position] .devsite-landing-row-item-description,
  .blockly-rectangle .devsite-landing-row-item[description-position] .devsite-landing-row-item-description {
    max-width: 320px;
  }
}

@media screen and (max-width: 600px) {
  .blockly-landing {
    --font-description: 400 16px/24px 'Google Sans';
    --font-heading: 400 24px/28px 'Google Sans';
    --font-hero-heading: 400 32px/38px 'Google Sans';
  }

  .blockly-hero {
    --bg: url(/blockly/images/landing/hero-mobile-1.png) no-repeat top right/360px, url(/blockly/images/landing/hero-mobile-2.png) no-repeat top right/360px;
    --height: 520px;
    --padding-bottom: 48px;
    text-align: center;
  }

  .blockly-carousel {
    overflow: hidden;
    padding: 0 20px;
  }

  .blockly-demo-row .devsite-landing-row-inner.blockly-demo-row-inner {
    padding: 16px;
  }

  .blockly-carousel-slide {
    --blockly-carousel-slide-gap: 0;
  }

  .blockly-carousel li > div {
    padding: 16px 0;
  }

  .blockly-demo-row {
    padding-top: 36px ;
  }

  .blockly-demo-row-inner {
    padding: 16px;
  }

  .blockly-demo {
    --demo-width: 110%;
    left: -5%;
  }

  .blockly-links {
    --font-jump-links: 500 16px/24px 'Google Sans';
    --padding-jump-links: 0 8px 32px;
  }

  .blockly-links .devsite-landing-row-inner {
    padding: 0;
  }

  .blockly-links a {
    margin-left: 8px;
    width: 100%;
  }

  .blockly-tetris {
    --display: block;
    --img-gap: 0;
    --img-height: 19vw;
  }

  .blockly-tetris .text {
    width: 100%;
  }

  .blockly-tetris .hide-on-mobile {
    display: none;
  }

  .blockly-why {
    --font-item-description: 400 14px/26px 'Google Sans';
    --font-item-heading: 400 18px/22px 'Google Sans';
  }

  .blockly-puzzle {
    --align: start;
    --bg: url(/blockly/images/landing/yellow-puzzle-mobile.png) top right/38vw no-repeat, url(/blockly/images/landing/csf.jpg) top left/88vw no-repeat;
    --bg-color: white;
    --height: calc(300px + 64vw);
    --padding-inline: 0;
    margin-bottom: 24px;
  }

  .blockly-puzzle .devsite-landing-row-inner {
    align-items: end;
  }

  .blockly-resources {
    --font-item-description: 400 14px/22px 'Google Sans';
  }

  .blockly-landing .no-padding {
    padding: 36px 0 12px;
  }

  .blockly-landing .show-on-mobile {
    display: block;
    margin: auto;
    min-width: 100%;
  }

  .devsite-landing-row-cards .devsite-landing-row-item-no-media.blockly-resources-card-heading .no-link {
    font: 400 18px/32px 'Google Sans';
  }

  .blockly-rectangle {
    --font-quote: 400 18px/28px 'Google Sans';
    --font-quotee: 400 14px/24px 'Google Sans';
    --height: 100vw;
    --padding-inline: 16px;
  }

  .blockly-rectangle-right {
    --bg: url(/blockly/images/landing/quote-color-1-mobile.png) no-repeat center/calc(100% - 32px);
    --margin-block: 32px 12px;
    --margin-bottom: 52px;
    margin-top: -60px;
    padding-bottom: 8px;
  }

  .blockly-rectangle-left {
    --align: start;
    --bg: url(/blockly/images/landing/quote-color-2-mobile.png) no-repeat center/calc(100% - 32px);
    --margin-block: 72px 12px;
    --margin-top: -16px;
  }

  .blockly-impact {
    --impact-grid: 72px 52px 0 / auto;
    --impact-margin-left: 28px;
  }

  .blockly-impact .devsite-landing-row-html .devsite-landing-row-inner,
  .blockly-logos .devsite-landing-row-html .devsite-landing-row-inner {
    padding: 0
  }

  .blockly-logos .devsite-landing-row-group {
    grid: auto-flow/repeat(2,1fr);
  }

  .blockly-logo-card {
    --logo-height: 92px;
  }

  .blockly-subscribe {
    --bg: url(/blockly/images/landing/subscribe-mobile.png) no-repeat center/contain;
    height: 280px;
    margin-block: 16px;
  }

  .blockly-subscribe .devsite-landing-row-inner {
    align-items: center;
    display: flex;
    height: 100%;
    margin: auto;
    max-width: 326px;
  }

  .blockly-faq {
    --font-arrow: 24px;
  }

  .blockly-faq h2 {
    margin: 0;
    text-align: left;
  }

  .blockly-demo-row.devsite-landing-row-header-centered .devsite-landing-row-header,
  .blockly-resources.devsite-landing-row-header-centered .devsite-landing-row-header,
  .blockly-why.devsite-landing-row-header-centered .devsite-landing-row-header,
  .blockly-impact.devsite-landing-row-header-centered .devsite-landing-row-header,
  .blockly-logos.devsite-landing-row-header-centered .devsite-landing-row-header {
    text-align: left;
  }

  .blockly-spacer-important {
    padding-block: 48px;
  }

  [dir='rtl'] .blockly-rtl-tetris-hide {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .blockly-subscribe.devsite-landing-row {
    padding: 120px 0;
  }
}

@media screen and (min-width: 600px) and (max-width: 840px) {
  .blockly-flex {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
  }

  .blockly-flex .blockly-flex-item {
    max-width: 40vw;
    width: 48%;
  }
}

@media screen and (min-width: 841px) {
  .blockly-left .devsite-landing-row-item-media-left {
    grid-column: 1/span 7;
  }

  .blockly-left.devsite-landing-row-50 .devsite-landing-row-item-media-left+.devsite-landing-row-item-description {
    grid-column: 9/span 8;
  }

  .blockly-right .devsite-landing-row-item-description {
    grid-column: 1/span 5;
  }

  .blockly-logos .devsite-landing-row-group {
    grid-gap: 36px;
  }

  .blockly-logos .devsite-landing-row-item:nth-last-child(2) {
    grid-column: 2 / 2;
  }

  .blockly-subscribe.devsite-landing-row {
      padding: 180px 0;
  }
}

@media screen and (max-width: 960px) {
  .blockly-carousel-slide {
    --blockly-carousel-slide-flex-direction: column-reverse;
    --blockly-carousel-slide-gap: 20px;
  }

  .blockly-carousel-slide > div {
    --blockly-carousel-slide-display: flex;
    --border: none;
  }
}

@media screen and (max-width: 1253px) {
  body.blockly-landing[ready][concierge] #gc-wrapper {
    margin-right: 0;
  }
}