.Blocks {
  display: grid;
  gap: 30px;
  margin-bottom: 30px; }
  .Blocks.b4 {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    @media (max-width: 800px) {
      .Blocks.b4 {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 640px) {
      .Blocks.b4 {
        grid-template-columns: 1fr; } }
  .Blocks.b3 {
    grid-template-columns: 1fr 1fr 1fr; }
    @media (max-width: 720px) {
      .Blocks.b3 {
        grid-template-columns: 1fr; } }
  .Blocks.b2 {
    grid-template-areas: "left right";
    grid-template-columns: 1fr 1fr; }
    .Blocks.b2.rev > .a {
      grid-area: right; }
    .Blocks.b2.rev > .b {
      grid-area: left; }
    @media (max-width: 640px) {
      .Blocks.b2 {
        grid-template-areas: "left" "right";
        grid-template-columns: 1fr; }
        .Blocks.b2.rev {
          grid-template-areas: "right" "left"; } }

.AutoGallery {
  position: relative;
  width: 100%;
  height: auto;
  overflow-x: hidden; }
  .AutoGallery > .aLeft, .AutoGallery > .aRight {
    position: absolute;
    z-index: 2;
    display: none; }
  @media (max-width: 640px) {
    .AutoGallery > .aLeft, .AutoGallery > .aRight {
      display: block; }
    .AutoGallery > .Blocks {
      display: flex;
      flex-wrap: nowrap;
      transition: 0.3s ease; }
      .AutoGallery > .Blocks > div {
        width: 100%;
        min-width: 100%;
        max-width: 100%; }
      .AutoGallery > .Blocks.move {
        transition: none; } }

.Cascade {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px; }
  @media (max-width: 800px) {
    .Cascade {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 640px) {
    .Cascade {
      grid-template-columns: 1fr;
      grid-template-arias: "b" "a"; }
      .Cascade .a {
        grid-area: "a"; }
      .Cascade .b {
        grid-area: "b";
        margin-bottom: 24px; } }

/*# sourceMappingURL=blocks.css.map */