.grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cell-h-auto {
  grid-row: 1/-1;
}

.grid-gap-1 {
  gap: 5px;
}

.grid-gap-2 {
  gap: 10px;
}

.grid-gap-3 {
  gap: 15px;
}

.grid-gap-4 {
  gap: 20px;
}

.grid-gap-5 {
  gap: 25px;
}

.grid-gap-6 {
  gap: 30px;
}

.grid-gap-7 {
  gap: 35px;
}

.grid-gap-8 {
  gap: 40px;
}

.grid-gap-9 {
  gap: 45px;
}

.grid-gap-10 {
  gap: 50px;
}

.grid-gap-11 {
  gap: 55px;
}

.grid-gap-12 {
  gap: 60px;
}

.grid-cell-1-12 {
  grid-column: 1/13;
}

.grid-cell-1-11 {
  grid-column: 1/12;
}

.grid-cell-1-10 {
  grid-column: 1/11;
}

.grid-cell-1-9 {
  grid-column: 1/10;
}

.grid-cell-1-8 {
  grid-column: 1/9;
}

.grid-cell-1-7 {
  grid-column: 1/8;
}

.grid-cell-1-6 {
  grid-column: 1/7;
}

.grid-cell-1-5 {
  grid-column: 1/6;
}

.grid-cell-1-4 {
  grid-column: 1/5;
}

.grid-cell-1-3 {
  grid-column: 1/4;
}

.grid-cell-1-2 {
  grid-column: 1/3;
}

.grid-cell-1-1 {
  grid-column: 1/2;
}

.grid-cell-2-11 {
  grid-column: 2/13;
}

.grid-cell-2-10 {
  grid-column: 2/12;
}

.grid-cell-2-9 {
  grid-column: 2/11;
}

.grid-cell-2-8 {
  grid-column: 2/10;
}

.grid-cell-2-7 {
  grid-column: 2/9;
}

.grid-cell-2-6 {
  grid-column: 2/8;
}

.grid-cell-2-5 {
  grid-column: 2/7;
}

.grid-cell-2-4 {
  grid-column: 2/6;
}

.grid-cell-2-3 {
  grid-column: 2/5;
}

.grid-cell-2-2 {
  grid-column: 2/4;
}

.grid-cell-2-1 {
  grid-column: 2/3;
}

.grid-cell-3-10 {
  grid-column: 3/13;
}

.grid-cell-3-9 {
  grid-column: 3/12;
}

.grid-cell-3-8 {
  grid-column: 3/11;
}

.grid-cell-3-7 {
  grid-column: 3/10;
}

.grid-cell-3-6 {
  grid-column: 3/9;
}

.grid-cell-3-5 {
  grid-column: 3/8;
}

.grid-cell-3-4 {
  grid-column: 3/7;
}

.grid-cell-3-3 {
  grid-column: 3/6;
}

.grid-cell-3-2 {
  grid-column: 3/5;
}

.grid-cell-3-1 {
  grid-column: 3/4;
}

.grid-cell-4-9 {
  grid-column: 4/13;
}

.grid-cell-4-8 {
  grid-column: 4/12;
}

.grid-cell-4-7 {
  grid-column: 4/11;
}

.grid-cell-4-6 {
  grid-column: 4/10;
}

.grid-cell-4-5 {
  grid-column: 4/9;
}

.grid-cell-4-4 {
  grid-column: 4/8;
}

.grid-cell-4-3 {
  grid-column: 4/7;
}

.grid-cell-4-2 {
  grid-column: 4/6;
}

.grid-cell-4-1 {
  grid-column: 4/5;
}

.grid-cell-5-8 {
  grid-column: 5/13;
}

.grid-cell-5-7 {
  grid-column: 5/12;
}

.grid-cell-5-6 {
  grid-column: 5/11;
}

.grid-cell-5-5 {
  grid-column: 5/10;
}

.grid-cell-5-4 {
  grid-column: 5/9;
}

.grid-cell-5-3 {
  grid-column: 5/8;
}

.grid-cell-5-2 {
  grid-column: 5/7;
}

.grid-cell-5-1 {
  grid-column: 5/6;
}

.grid-cell-6-7 {
  grid-column: 6/13;
}

.grid-cell-6-6 {
  grid-column: 6/12;
}

.grid-cell-6-5 {
  grid-column: 6/11;
}

.grid-cell-6-4 {
  grid-column: 6/10;
}

.grid-cell-6-3 {
  grid-column: 6/9;
}

.grid-cell-6-2 {
  grid-column: 6/8;
}

.grid-cell-6-1 {
  grid-column: 6/7;
}

.grid-cell-7-6 {
  grid-column: 7/13;
}

.grid-cell-7-5 {
  grid-column: 7/12;
}

.grid-cell-7-4 {
  grid-column: 7/11;
}

.grid-cell-7-3 {
  grid-column: 7/10;
}

.grid-cell-7-2 {
  grid-column: 7/9;
}

.grid-cell-7-1 {
  grid-column: 7/8;
}

.grid-cell-8-5 {
  grid-column: 8/13;
}

.grid-cell-8-4 {
  grid-column: 8/12;
}

.grid-cell-8-3 {
  grid-column: 8/11;
}

.grid-cell-8-2 {
  grid-column: 8/10;
}

.grid-cell-8-1 {
  grid-column: 8/9;
}

.grid-cell-9-4 {
  grid-column: 9/13;
}

.grid-cell-9-3 {
  grid-column: 9/12;
}

.grid-cell-9-2 {
  grid-column: 9/11;
}

.grid-cell-9-1 {
  grid-column: 9/10;
}

.grid-cell-10-3 {
  grid-column: 10/13;
}

.grid-cell-10-2 {
  grid-column: 10/12;
}

.grid-cell-10-1 {
  grid-column: 10/11;
}

.grid-cell-11-2 {
  grid-column: 11/13;
}

.grid-cell-11-1 {
  grid-column: 11/12;
}

.grid-cell-12-1 {
  grid-column: 12/13;
}

@media (min-width: 480px) {
  .M--grid-cell-1-12 {
    grid-column: 1/13;
  }
  .M--grid-cell-1-11 {
    grid-column: 1/12;
  }
  .M--grid-cell-1-10 {
    grid-column: 1/11;
  }
  .M--grid-cell-1-9 {
    grid-column: 1/10;
  }
  .M--grid-cell-1-8 {
    grid-column: 1/9;
  }
  .M--grid-cell-1-7 {
    grid-column: 1/8;
  }
  .M--grid-cell-1-6 {
    grid-column: 1/7;
  }
  .M--grid-cell-1-5 {
    grid-column: 1/6;
  }
  .M--grid-cell-1-4 {
    grid-column: 1/5;
  }
  .M--grid-cell-1-3 {
    grid-column: 1/4;
  }
  .M--grid-cell-1-2 {
    grid-column: 1/3;
  }
  .M--grid-cell-1-1 {
    grid-column: 1/2;
  }
  .M--grid-cell-2-11 {
    grid-column: 2/13;
  }
  .M--grid-cell-2-10 {
    grid-column: 2/12;
  }
  .M--grid-cell-2-9 {
    grid-column: 2/11;
  }
  .M--grid-cell-2-8 {
    grid-column: 2/10;
  }
  .M--grid-cell-2-7 {
    grid-column: 2/9;
  }
  .M--grid-cell-2-6 {
    grid-column: 2/8;
  }
  .M--grid-cell-2-5 {
    grid-column: 2/7;
  }
  .M--grid-cell-2-4 {
    grid-column: 2/6;
  }
  .M--grid-cell-2-3 {
    grid-column: 2/5;
  }
  .M--grid-cell-2-2 {
    grid-column: 2/4;
  }
  .M--grid-cell-2-1 {
    grid-column: 2/3;
  }
  .M--grid-cell-3-10 {
    grid-column: 3/13;
  }
  .M--grid-cell-3-9 {
    grid-column: 3/12;
  }
  .M--grid-cell-3-8 {
    grid-column: 3/11;
  }
  .M--grid-cell-3-7 {
    grid-column: 3/10;
  }
  .M--grid-cell-3-6 {
    grid-column: 3/9;
  }
  .M--grid-cell-3-5 {
    grid-column: 3/8;
  }
  .M--grid-cell-3-4 {
    grid-column: 3/7;
  }
  .M--grid-cell-3-3 {
    grid-column: 3/6;
  }
  .M--grid-cell-3-2 {
    grid-column: 3/5;
  }
  .M--grid-cell-3-1 {
    grid-column: 3/4;
  }
  .M--grid-cell-4-9 {
    grid-column: 4/13;
  }
  .M--grid-cell-4-8 {
    grid-column: 4/12;
  }
  .M--grid-cell-4-7 {
    grid-column: 4/11;
  }
  .M--grid-cell-4-6 {
    grid-column: 4/10;
  }
  .M--grid-cell-4-5 {
    grid-column: 4/9;
  }
  .M--grid-cell-4-4 {
    grid-column: 4/8;
  }
  .M--grid-cell-4-3 {
    grid-column: 4/7;
  }
  .M--grid-cell-4-2 {
    grid-column: 4/6;
  }
  .M--grid-cell-4-1 {
    grid-column: 4/5;
  }
  .M--grid-cell-5-8 {
    grid-column: 5/13;
  }
  .M--grid-cell-5-7 {
    grid-column: 5/12;
  }
  .M--grid-cell-5-6 {
    grid-column: 5/11;
  }
  .M--grid-cell-5-5 {
    grid-column: 5/10;
  }
  .M--grid-cell-5-4 {
    grid-column: 5/9;
  }
  .M--grid-cell-5-3 {
    grid-column: 5/8;
  }
  .M--grid-cell-5-2 {
    grid-column: 5/7;
  }
  .M--grid-cell-5-1 {
    grid-column: 5/6;
  }
  .M--grid-cell-6-7 {
    grid-column: 6/13;
  }
  .M--grid-cell-6-6 {
    grid-column: 6/12;
  }
  .M--grid-cell-6-5 {
    grid-column: 6/11;
  }
  .M--grid-cell-6-4 {
    grid-column: 6/10;
  }
  .M--grid-cell-6-3 {
    grid-column: 6/9;
  }
  .M--grid-cell-6-2 {
    grid-column: 6/8;
  }
  .M--grid-cell-6-1 {
    grid-column: 6/7;
  }
  .M--grid-cell-7-6 {
    grid-column: 7/13;
  }
  .M--grid-cell-7-5 {
    grid-column: 7/12;
  }
  .M--grid-cell-7-4 {
    grid-column: 7/11;
  }
  .M--grid-cell-7-3 {
    grid-column: 7/10;
  }
  .M--grid-cell-7-2 {
    grid-column: 7/9;
  }
  .M--grid-cell-7-1 {
    grid-column: 7/8;
  }
  .M--grid-cell-8-5 {
    grid-column: 8/13;
  }
  .M--grid-cell-8-4 {
    grid-column: 8/12;
  }
  .M--grid-cell-8-3 {
    grid-column: 8/11;
  }
  .M--grid-cell-8-2 {
    grid-column: 8/10;
  }
  .M--grid-cell-8-1 {
    grid-column: 8/9;
  }
  .M--grid-cell-9-4 {
    grid-column: 9/13;
  }
  .M--grid-cell-9-3 {
    grid-column: 9/12;
  }
  .M--grid-cell-9-2 {
    grid-column: 9/11;
  }
  .M--grid-cell-9-1 {
    grid-column: 9/10;
  }
  .M--grid-cell-10-3 {
    grid-column: 10/13;
  }
  .M--grid-cell-10-2 {
    grid-column: 10/12;
  }
  .M--grid-cell-10-1 {
    grid-column: 10/11;
  }
  .M--grid-cell-11-2 {
    grid-column: 11/13;
  }
  .M--grid-cell-11-1 {
    grid-column: 11/12;
  }
  .M--grid-cell-12-1 {
    grid-column: 12/13;
  }
  .M--grid-cell-h-auto {
    grid-row: 1/-1;
  }
}
@media (min-width: 600px) {
  .L--grid-cell-1-12 {
    grid-column: 1/13;
  }
  .L--grid-cell-1-11 {
    grid-column: 1/12;
  }
  .L--grid-cell-1-10 {
    grid-column: 1/11;
  }
  .L--grid-cell-1-9 {
    grid-column: 1/10;
  }
  .L--grid-cell-1-8 {
    grid-column: 1/9;
  }
  .L--grid-cell-1-7 {
    grid-column: 1/8;
  }
  .L--grid-cell-1-6 {
    grid-column: 1/7;
  }
  .L--grid-cell-1-5 {
    grid-column: 1/6;
  }
  .L--grid-cell-1-4 {
    grid-column: 1/5;
  }
  .L--grid-cell-1-3 {
    grid-column: 1/4;
  }
  .L--grid-cell-1-2 {
    grid-column: 1/3;
  }
  .L--grid-cell-1-1 {
    grid-column: 1/2;
  }
  .L--grid-cell-2-11 {
    grid-column: 2/13;
  }
  .L--grid-cell-2-10 {
    grid-column: 2/12;
  }
  .L--grid-cell-2-9 {
    grid-column: 2/11;
  }
  .L--grid-cell-2-8 {
    grid-column: 2/10;
  }
  .L--grid-cell-2-7 {
    grid-column: 2/9;
  }
  .L--grid-cell-2-6 {
    grid-column: 2/8;
  }
  .L--grid-cell-2-5 {
    grid-column: 2/7;
  }
  .L--grid-cell-2-4 {
    grid-column: 2/6;
  }
  .L--grid-cell-2-3 {
    grid-column: 2/5;
  }
  .L--grid-cell-2-2 {
    grid-column: 2/4;
  }
  .L--grid-cell-2-1 {
    grid-column: 2/3;
  }
  .L--grid-cell-3-10 {
    grid-column: 3/13;
  }
  .L--grid-cell-3-9 {
    grid-column: 3/12;
  }
  .L--grid-cell-3-8 {
    grid-column: 3/11;
  }
  .L--grid-cell-3-7 {
    grid-column: 3/10;
  }
  .L--grid-cell-3-6 {
    grid-column: 3/9;
  }
  .L--grid-cell-3-5 {
    grid-column: 3/8;
  }
  .L--grid-cell-3-4 {
    grid-column: 3/7;
  }
  .L--grid-cell-3-3 {
    grid-column: 3/6;
  }
  .L--grid-cell-3-2 {
    grid-column: 3/5;
  }
  .L--grid-cell-3-1 {
    grid-column: 3/4;
  }
  .L--grid-cell-4-9 {
    grid-column: 4/13;
  }
  .L--grid-cell-4-8 {
    grid-column: 4/12;
  }
  .L--grid-cell-4-7 {
    grid-column: 4/11;
  }
  .L--grid-cell-4-6 {
    grid-column: 4/10;
  }
  .L--grid-cell-4-5 {
    grid-column: 4/9;
  }
  .L--grid-cell-4-4 {
    grid-column: 4/8;
  }
  .L--grid-cell-4-3 {
    grid-column: 4/7;
  }
  .L--grid-cell-4-2 {
    grid-column: 4/6;
  }
  .L--grid-cell-4-1 {
    grid-column: 4/5;
  }
  .L--grid-cell-5-8 {
    grid-column: 5/13;
  }
  .L--grid-cell-5-7 {
    grid-column: 5/12;
  }
  .L--grid-cell-5-6 {
    grid-column: 5/11;
  }
  .L--grid-cell-5-5 {
    grid-column: 5/10;
  }
  .L--grid-cell-5-4 {
    grid-column: 5/9;
  }
  .L--grid-cell-5-3 {
    grid-column: 5/8;
  }
  .L--grid-cell-5-2 {
    grid-column: 5/7;
  }
  .L--grid-cell-5-1 {
    grid-column: 5/6;
  }
  .L--grid-cell-6-7 {
    grid-column: 6/13;
  }
  .L--grid-cell-6-6 {
    grid-column: 6/12;
  }
  .L--grid-cell-6-5 {
    grid-column: 6/11;
  }
  .L--grid-cell-6-4 {
    grid-column: 6/10;
  }
  .L--grid-cell-6-3 {
    grid-column: 6/9;
  }
  .L--grid-cell-6-2 {
    grid-column: 6/8;
  }
  .L--grid-cell-6-1 {
    grid-column: 6/7;
  }
  .L--grid-cell-7-6 {
    grid-column: 7/13;
  }
  .L--grid-cell-7-5 {
    grid-column: 7/12;
  }
  .L--grid-cell-7-4 {
    grid-column: 7/11;
  }
  .L--grid-cell-7-3 {
    grid-column: 7/10;
  }
  .L--grid-cell-7-2 {
    grid-column: 7/9;
  }
  .L--grid-cell-7-1 {
    grid-column: 7/8;
  }
  .L--grid-cell-8-5 {
    grid-column: 8/13;
  }
  .L--grid-cell-8-4 {
    grid-column: 8/12;
  }
  .L--grid-cell-8-3 {
    grid-column: 8/11;
  }
  .L--grid-cell-8-2 {
    grid-column: 8/10;
  }
  .L--grid-cell-8-1 {
    grid-column: 8/9;
  }
  .L--grid-cell-9-4 {
    grid-column: 9/13;
  }
  .L--grid-cell-9-3 {
    grid-column: 9/12;
  }
  .L--grid-cell-9-2 {
    grid-column: 9/11;
  }
  .L--grid-cell-9-1 {
    grid-column: 9/10;
  }
  .L--grid-cell-10-3 {
    grid-column: 10/13;
  }
  .L--grid-cell-10-2 {
    grid-column: 10/12;
  }
  .L--grid-cell-10-1 {
    grid-column: 10/11;
  }
  .L--grid-cell-11-2 {
    grid-column: 11/13;
  }
  .L--grid-cell-11-1 {
    grid-column: 11/12;
  }
  .L--grid-cell-12-1 {
    grid-column: 12/13;
  }
  .L--grid-cell-h-auto {
    grid-row: 1/-1;
  }
}
@media (min-width: 600px) {
  .XL--grid-cell-1-12 {
    grid-column: 1/13;
  }
  .XL--grid-cell-1-11 {
    grid-column: 1/12;
  }
  .XL--grid-cell-1-10 {
    grid-column: 1/11;
  }
  .XL--grid-cell-1-9 {
    grid-column: 1/10;
  }
  .XL--grid-cell-1-8 {
    grid-column: 1/9;
  }
  .XL--grid-cell-1-7 {
    grid-column: 1/8;
  }
  .XL--grid-cell-1-6 {
    grid-column: 1/7;
  }
  .XL--grid-cell-1-5 {
    grid-column: 1/6;
  }
  .XL--grid-cell-1-4 {
    grid-column: 1/5;
  }
  .XL--grid-cell-1-3 {
    grid-column: 1/4;
  }
  .XL--grid-cell-1-2 {
    grid-column: 1/3;
  }
  .XL--grid-cell-1-1 {
    grid-column: 1/2;
  }
  .XL--grid-cell-2-11 {
    grid-column: 2/13;
  }
  .XL--grid-cell-2-10 {
    grid-column: 2/12;
  }
  .XL--grid-cell-2-9 {
    grid-column: 2/11;
  }
  .XL--grid-cell-2-8 {
    grid-column: 2/10;
  }
  .XL--grid-cell-2-7 {
    grid-column: 2/9;
  }
  .XL--grid-cell-2-6 {
    grid-column: 2/8;
  }
  .XL--grid-cell-2-5 {
    grid-column: 2/7;
  }
  .XL--grid-cell-2-4 {
    grid-column: 2/6;
  }
  .XL--grid-cell-2-3 {
    grid-column: 2/5;
  }
  .XL--grid-cell-2-2 {
    grid-column: 2/4;
  }
  .XL--grid-cell-2-1 {
    grid-column: 2/3;
  }
  .XL--grid-cell-3-10 {
    grid-column: 3/13;
  }
  .XL--grid-cell-3-9 {
    grid-column: 3/12;
  }
  .XL--grid-cell-3-8 {
    grid-column: 3/11;
  }
  .XL--grid-cell-3-7 {
    grid-column: 3/10;
  }
  .XL--grid-cell-3-6 {
    grid-column: 3/9;
  }
  .XL--grid-cell-3-5 {
    grid-column: 3/8;
  }
  .XL--grid-cell-3-4 {
    grid-column: 3/7;
  }
  .XL--grid-cell-3-3 {
    grid-column: 3/6;
  }
  .XL--grid-cell-3-2 {
    grid-column: 3/5;
  }
  .XL--grid-cell-3-1 {
    grid-column: 3/4;
  }
  .XL--grid-cell-4-9 {
    grid-column: 4/13;
  }
  .XL--grid-cell-4-8 {
    grid-column: 4/12;
  }
  .XL--grid-cell-4-7 {
    grid-column: 4/11;
  }
  .XL--grid-cell-4-6 {
    grid-column: 4/10;
  }
  .XL--grid-cell-4-5 {
    grid-column: 4/9;
  }
  .XL--grid-cell-4-4 {
    grid-column: 4/8;
  }
  .XL--grid-cell-4-3 {
    grid-column: 4/7;
  }
  .XL--grid-cell-4-2 {
    grid-column: 4/6;
  }
  .XL--grid-cell-4-1 {
    grid-column: 4/5;
  }
  .XL--grid-cell-5-8 {
    grid-column: 5/13;
  }
  .XL--grid-cell-5-7 {
    grid-column: 5/12;
  }
  .XL--grid-cell-5-6 {
    grid-column: 5/11;
  }
  .XL--grid-cell-5-5 {
    grid-column: 5/10;
  }
  .XL--grid-cell-5-4 {
    grid-column: 5/9;
  }
  .XL--grid-cell-5-3 {
    grid-column: 5/8;
  }
  .XL--grid-cell-5-2 {
    grid-column: 5/7;
  }
  .XL--grid-cell-5-1 {
    grid-column: 5/6;
  }
  .XL--grid-cell-6-7 {
    grid-column: 6/13;
  }
  .XL--grid-cell-6-6 {
    grid-column: 6/12;
  }
  .XL--grid-cell-6-5 {
    grid-column: 6/11;
  }
  .XL--grid-cell-6-4 {
    grid-column: 6/10;
  }
  .XL--grid-cell-6-3 {
    grid-column: 6/9;
  }
  .XL--grid-cell-6-2 {
    grid-column: 6/8;
  }
  .XL--grid-cell-6-1 {
    grid-column: 6/7;
  }
  .XL--grid-cell-7-6 {
    grid-column: 7/13;
  }
  .XL--grid-cell-7-5 {
    grid-column: 7/12;
  }
  .XL--grid-cell-7-4 {
    grid-column: 7/11;
  }
  .XL--grid-cell-7-3 {
    grid-column: 7/10;
  }
  .XL--grid-cell-7-2 {
    grid-column: 7/9;
  }
  .XL--grid-cell-7-1 {
    grid-column: 7/8;
  }
  .XL--grid-cell-8-5 {
    grid-column: 8/13;
  }
  .XL--grid-cell-8-4 {
    grid-column: 8/12;
  }
  .XL--grid-cell-8-3 {
    grid-column: 8/11;
  }
  .XL--grid-cell-8-2 {
    grid-column: 8/10;
  }
  .XL--grid-cell-8-1 {
    grid-column: 8/9;
  }
  .XL--grid-cell-9-4 {
    grid-column: 9/13;
  }
  .XL--grid-cell-9-3 {
    grid-column: 9/12;
  }
  .XL--grid-cell-9-2 {
    grid-column: 9/11;
  }
  .XL--grid-cell-9-1 {
    grid-column: 9/10;
  }
  .XL--grid-cell-10-3 {
    grid-column: 10/13;
  }
  .XL--grid-cell-10-2 {
    grid-column: 10/12;
  }
  .XL--grid-cell-10-1 {
    grid-column: 10/11;
  }
  .XL--grid-cell-11-2 {
    grid-column: 11/13;
  }
  .XL--grid-cell-11-1 {
    grid-column: 11/12;
  }
  .XL--grid-cell-12-1 {
    grid-column: 12/13;
  }
  .XL--grid-cell-h-auto {
    grid-row: 1/-1;
  }
}
@media (min-width: 990px) {
  .XXL--grid-cell-1-12 {
    grid-column: 1/13;
  }
  .XXL--grid-cell-1-11 {
    grid-column: 1/12;
  }
  .XXL--grid-cell-1-10 {
    grid-column: 1/11;
  }
  .XXL--grid-cell-1-9 {
    grid-column: 1/10;
  }
  .XXL--grid-cell-1-8 {
    grid-column: 1/9;
  }
  .XXL--grid-cell-1-7 {
    grid-column: 1/8;
  }
  .XXL--grid-cell-1-6 {
    grid-column: 1/7;
  }
  .XXL--grid-cell-1-5 {
    grid-column: 1/6;
  }
  .XXL--grid-cell-1-4 {
    grid-column: 1/5;
  }
  .XXL--grid-cell-1-3 {
    grid-column: 1/4;
  }
  .XXL--grid-cell-1-2 {
    grid-column: 1/3;
  }
  .XXL--grid-cell-1-1 {
    grid-column: 1/2;
  }
  .XXL--grid-cell-2-11 {
    grid-column: 2/13;
  }
  .XXL--grid-cell-2-10 {
    grid-column: 2/12;
  }
  .XXL--grid-cell-2-9 {
    grid-column: 2/11;
  }
  .XXL--grid-cell-2-8 {
    grid-column: 2/10;
  }
  .XXL--grid-cell-2-7 {
    grid-column: 2/9;
  }
  .XXL--grid-cell-2-6 {
    grid-column: 2/8;
  }
  .XXL--grid-cell-2-5 {
    grid-column: 2/7;
  }
  .XXL--grid-cell-2-4 {
    grid-column: 2/6;
  }
  .XXL--grid-cell-2-3 {
    grid-column: 2/5;
  }
  .XXL--grid-cell-2-2 {
    grid-column: 2/4;
  }
  .XXL--grid-cell-2-1 {
    grid-column: 2/3;
  }
  .XXL--grid-cell-3-10 {
    grid-column: 3/13;
  }
  .XXL--grid-cell-3-9 {
    grid-column: 3/12;
  }
  .XXL--grid-cell-3-8 {
    grid-column: 3/11;
  }
  .XXL--grid-cell-3-7 {
    grid-column: 3/10;
  }
  .XXL--grid-cell-3-6 {
    grid-column: 3/9;
  }
  .XXL--grid-cell-3-5 {
    grid-column: 3/8;
  }
  .XXL--grid-cell-3-4 {
    grid-column: 3/7;
  }
  .XXL--grid-cell-3-3 {
    grid-column: 3/6;
  }
  .XXL--grid-cell-3-2 {
    grid-column: 3/5;
  }
  .XXL--grid-cell-3-1 {
    grid-column: 3/4;
  }
  .XXL--grid-cell-4-9 {
    grid-column: 4/13;
  }
  .XXL--grid-cell-4-8 {
    grid-column: 4/12;
  }
  .XXL--grid-cell-4-7 {
    grid-column: 4/11;
  }
  .XXL--grid-cell-4-6 {
    grid-column: 4/10;
  }
  .XXL--grid-cell-4-5 {
    grid-column: 4/9;
  }
  .XXL--grid-cell-4-4 {
    grid-column: 4/8;
  }
  .XXL--grid-cell-4-3 {
    grid-column: 4/7;
  }
  .XXL--grid-cell-4-2 {
    grid-column: 4/6;
  }
  .XXL--grid-cell-4-1 {
    grid-column: 4/5;
  }
  .XXL--grid-cell-5-8 {
    grid-column: 5/13;
  }
  .XXL--grid-cell-5-7 {
    grid-column: 5/12;
  }
  .XXL--grid-cell-5-6 {
    grid-column: 5/11;
  }
  .XXL--grid-cell-5-5 {
    grid-column: 5/10;
  }
  .XXL--grid-cell-5-4 {
    grid-column: 5/9;
  }
  .XXL--grid-cell-5-3 {
    grid-column: 5/8;
  }
  .XXL--grid-cell-5-2 {
    grid-column: 5/7;
  }
  .XXL--grid-cell-5-1 {
    grid-column: 5/6;
  }
  .XXL--grid-cell-6-7 {
    grid-column: 6/13;
  }
  .XXL--grid-cell-6-6 {
    grid-column: 6/12;
  }
  .XXL--grid-cell-6-5 {
    grid-column: 6/11;
  }
  .XXL--grid-cell-6-4 {
    grid-column: 6/10;
  }
  .XXL--grid-cell-6-3 {
    grid-column: 6/9;
  }
  .XXL--grid-cell-6-2 {
    grid-column: 6/8;
  }
  .XXL--grid-cell-6-1 {
    grid-column: 6/7;
  }
  .XXL--grid-cell-7-6 {
    grid-column: 7/13;
  }
  .XXL--grid-cell-7-5 {
    grid-column: 7/12;
  }
  .XXL--grid-cell-7-4 {
    grid-column: 7/11;
  }
  .XXL--grid-cell-7-3 {
    grid-column: 7/10;
  }
  .XXL--grid-cell-7-2 {
    grid-column: 7/9;
  }
  .XXL--grid-cell-7-1 {
    grid-column: 7/8;
  }
  .XXL--grid-cell-8-5 {
    grid-column: 8/13;
  }
  .XXL--grid-cell-8-4 {
    grid-column: 8/12;
  }
  .XXL--grid-cell-8-3 {
    grid-column: 8/11;
  }
  .XXL--grid-cell-8-2 {
    grid-column: 8/10;
  }
  .XXL--grid-cell-8-1 {
    grid-column: 8/9;
  }
  .XXL--grid-cell-9-4 {
    grid-column: 9/13;
  }
  .XXL--grid-cell-9-3 {
    grid-column: 9/12;
  }
  .XXL--grid-cell-9-2 {
    grid-column: 9/11;
  }
  .XXL--grid-cell-9-1 {
    grid-column: 9/10;
  }
  .XXL--grid-cell-10-3 {
    grid-column: 10/13;
  }
  .XXL--grid-cell-10-2 {
    grid-column: 10/12;
  }
  .XXL--grid-cell-10-1 {
    grid-column: 10/11;
  }
  .XXL--grid-cell-11-2 {
    grid-column: 11/13;
  }
  .XXL--grid-cell-11-1 {
    grid-column: 11/12;
  }
  .XXL--grid-cell-12-1 {
    grid-column: 12/13;
  }
  .XXL--grid-cell-h-auto {
    grid-row: 1/-1;
  }
}
/* Theme variables
---------------------------------------------------------------------------- */
:root {
  --dp-wrapper-bgcolor: #ffffff;
  --dp-wrapper-border-radius: 10px;
  --dp-wrapper-box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
  --dp-header-margin: 10px;
  --dp-header-border: 1px solid #cad8ee;
  --dp-header-padding: 10px;
  --dp-header-bgcolor: #ffffff;
  --dp-dates-cell-padding: 10px;
  --dp-dates-label-margin: 5px;
  --dp-dates-label-margin-small: 2.5px;
  --dp-dates-value-border: 1px solid #4e7dc7;
  --dp-dates-value-font-weight: 700;
  --dp-dates-value-color: #4e7dc7;
  --dp-dates-field-border-radius: 5px;
  --dp-dates-field-border: 1px solid #c6c6c6;
  --dp-dates-field-padding: 5px 5px;
  --dp-dates-field-height: 35px;
  --dp-dates-field-font-size: 16px;
  --dp-footer-border: 1px solid #cad8ee;
  --dp-footer-padding: 10px;
  --dp-footer-action-color: #ffffff;
  --dp-footer-action-bg-color: #4e7dc7;
  --dp-footer-action-border-color: #4e7dc7;
  --dp-footer-action-hover-color: #ffffff;
  --dp-footer-action-hover-bg-color: #4e7dc7;
  --dp-footer-action-hover-border-color: #4e7dc7;
  --dp-nav-top: 10px;
  --dp-nav-btn-unit: 30px;
  --dp-nav-btn-icon-size: 30px;
  --dp-nav-btn-border-color: #4e7dc7;
  --dp-nav-btn-border: 1px solid var(--dp-nav-btn-border-color);
  --dp-nav-btn-border-radius: 30px;
  --dp-nav-btn-bg-color: #ffffff;
  --dp-days-of-week-margin: 15px;
  --dp-days-of-week-margin-hor: 5px;
  --dp-days-of-week-color: #787878;
  --dp-today-bg-color: #f4f4f4;
  --dp-month-name-font-size: 18px;
  --dp-month-name-font-weight: 700;
  --dp-month-name-letter-spacing: -0.1px;
  --dp-month-name-text-align: center;
  --dp-month-gap: 20px;
  --dp-days-unit-small: 40px;
  --dp-days-unit: 50px;
  --dp-days-disabled-color: #c6c6c6;
  --dp-selected-border-radius-small: var(--dp-days-unit-small);
  --dp-selected-border-radius: var(--dp-days-unit);
  --dp-selected-bg-color: #f7b500;
  --dp-selected-color: #000000;
  --dp-selected-font-weight: 700;
  --dp-selected-bg-from: linear-gradient(90deg, #ffffff 50%, #fff4da 50%);
  --dp-selected-bg-to: linear-gradient(90deg, #fff4da 50%, #ffffff 50%);
  --dp-selected-range-bg-color: #fff4da;
  --dp-selected-disabled-opacity: 0.5;
}

/* Global styles
---------------------------------------------------------------------------- */
.dp-calendar-container {
  container-type: inline-size;
}

/* Header styles
---------------------------------------------------------------------------- */
.dp-header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--dp-header-margin);
  border-bottom: var(--dp-header-border);
  padding-bottom: var(--dp-header-padding);
  background-color: var(--dp-header-bgcolor);
}

.dp-dates-cell {
  padding-left: var(--dp-dates-cell-padding);
  padding-right: var(--dp-dates-cell-padding);
  text-align: center;
  cursor: pointer;
}

.dp-dates-cell-33 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.dp-dates-cell-50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.dp-dates-label {
  display: block;
}

.dp-dates-field {
  display: block;
  width: 100%;
  font-size: var(--dp-dates-field-font-size);
  border-radius: var(--dp-dates-field-border-radius);
  border: var(--dp-dates-field-border);
  padding: var(--dp-dates-field-padding);
  height: var(--dp-dates-field-height);
}

.dp-dates-value {
  display: inline-block;
  font-size: var(--dp-dates-field-font-size);
  font-weight: var(--dp-dates-value-font-weight);
  color: var(--dp-dates-value-color);
}

.dp-days-of-week {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  margin-top: var(--dp-days-of-week-margin);
  color: var(--dp-days-of-week-color);
}

/* Footer styles
---------------------------------------------------------------------------- */
.dp-footer {
  display: flex;
  flex-wrap: wrap;
  position: sticky;
  bottom: 0;
  width: 100%;
  align-items: center;
  border-top: var(--dp-footer-border);
  padding-top: var(--dp-footer-padding);
  padding-bottom: var(--dp-footer-padding);
  background-color: #ffffff;
}

.dp-footer .dp-dates-cell {
  padding-top: var(--dp-footer-padding);
  padding-bottom: var(--dp-footer-padding);
  margin-bottom: var(--dp-footer-padding);
}

.dp-footer .dp-dates-label {
  color: var(--dp-days-of-week-color);
}

.dp-footer .dp-dates-value {
  color: initial;
}

.dp-footer-action,
.dp-footer-action:active,
.dp-footer-action:focus,
.dp-footer-action:visited {
  flex: 1;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  padding: 14px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: inherit;
  line-height: 20px;
  letter-spacing: 0.1px;
  text-decoration: none !important; /* previene qualsiasi interferenza con gli altri link */
  touch-action: manipulation; /* evitare lo zoom al doppio click */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dp-footer-action,
.dp-footer-action:active,
.dp-footer-action:focus,
.dp-footer-action:visited {
  color: var(--dp-footer-action-color);
  background-color: var(--dp-footer-action-bg-color);
  border-color: var(--dp-footer-action-border-color);
}

.dp-footer-action:hover {
  color: var(--dp-footer-action-hover-color);
  background-color: var(--dp-footer-action-hover-bg-color);
  border-color: var(--dp-footer-action-hover-border-color);
}

.dp-footer-action:disabled {
  opacity: 0.35;
  pointer-events: none;
}

.dp-footer-action-link {
  color: var(--dp-footer-action-bg-color);
  font-size: var(--dp-dates-field-font-size);
  background: transparent;
  font-weight: normal;
  border: none;
}

.dp-footer-action-link,
.dp-footer-action-link:active,
.dp-footer-action-link:focus,
.dp-footer-action-link:visited {
  color: var(--dp-footer-action-bg-color);
  font-size: var(--dp-dates-field-font-size);
  background: transparent;
  font-weight: normal;
  border: none;
}

.dp-footer-action-link:hover {
  color: var(--dp-footer-action-bg-color);
  font-size: var(--dp-dates-field-font-size);
  background: transparent;
  font-weight: normal;
  border: none;
}

.dp-footer-action-link:disabled {
  opacity: 0.35;
  pointer-events: none;
}

/* Days & Months styles
---------------------------------------------------------------------------- */
.dp-calendar-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.dp-month-name {
  font-size: var(--dp-month-name-font-size);
  font-weight: var(--dp-month-name-font-weight);
  letter-spacing: var(--dp-month-name-letter-spacing);
  text-align: var(--dp-month-name-text-align);
  line-height: var(--dp-days-unit);
}

.dp-days-row {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  margin-bottom: 5px;
}

[data-dp-month-days] .dp-days-row:last-child {
  margin-bottom: 0;
}

.dp-days-item {
  flex: 1;
  text-align: center;
  cursor: pointer;
}

.dp-days-item-empty {
  cursor: default;
}

.dp-days-value {
  display: inline-block;
  width: var(--dp-days-unit);
  line-height: var(--dp-days-unit);
  text-align: center;
}

.dp-days-disabled {
  color: var(--dp-days-disabled-color);
  cursor: not-allowed;
}

.dp-days-today {
  background-color: var(--dp-today-bg-color);
  border-radius: var(--dp-selected-border-radius);
}

.dp-selected {
  border-radius: var(--dp-selected-border-radius);
  background-color: var(--dp-selected-bg-color);
  color: var(--dp-selected-color);
  font-weight: var(--dp-selected-font-weight);
}

.dp-selected-from {
  background: var(--dp-selected-bg-from);
}

.dp-selected-to {
  background: var(--dp-selected-bg-to);
}

.dp-selected-to.dp-mark .dp-selected {
  position: relative;
  background: #ffffff;
}

.dp-selected-to.dp-mark .dp-selected:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--dp-selected-bg-color);
  border-radius: var(--dp-selected-border-radius);
}

.dp-selected-range {
  background-color: var(--dp-selected-range-bg-color);
}

.dp-days-disabled .dp-selected {
  opacity: var(--dp-selected-disabled-opacity);
}

.dp-disabled {
  visibility: hidden;
}

@media (max-width: 400px) {
  .dp-month-name {
    line-height: var(--dp-days-unit-small);
  }
  .dp-days-value {
    width: var(--dp-days-unit-small);
    line-height: var(--dp-days-unit-small);
  }
  .dp-selected {
    border-radius: var(--dp-selected-border-radius-small);
  }
}
/* Horizontal layout
---------------------------------------------------------------------------- */
.dp-calendar-wrapper-hor {
  transform: translateZ(0);
  position: absolute;
  z-index: 1000;
  width: calc(14 * var(--dp-days-unit-small) + var(--dp-month-gap) + 2 * var(--dp-header-margin));
  height: auto;
  padding: var(--dp-header-margin) var(--dp-header-margin) 0;
  background-color: var(--dp-wrapper-bgcolor);
  border-radius: var(--dp-wrapper-border-radius);
  box-shadow: var(--dp-wrapper-box-shadow);
}

.dp-calendar-container-hor {
  position: relative;
  width: calc(14 * var(--dp-days-unit-small) + var(--dp-month-gap));
  overflow: hidden;
}

.dp-calendar-container-hor .dp-days-of-week {
  margin-top: var(--dp-days-of-week-margin-hor);
}

.dp-calendar-container-hor .dp-days-value {
  width: var(--dp-days-unit-small);
  line-height: var(--dp-days-unit-small);
}

.dp-calendar-container-hor > .dp-calendar-container {
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: calc(var(--dp-month-gap) / -2);
  margin-right: calc(var(--dp-month-gap) / -2);
}

.dp-calendar-container-hor > .dp-calendar-container > [data-dp-month] {
  padding-left: calc(var(--dp-month-gap) / 2);
  padding-right: calc(var(--dp-month-gap) / 2);
}

.dp-calendar-container-hor .dp-header ~ nav {
  top: 73px;
}

.dp-calendar-container-hor nav {
  position: absolute;
  top: var(--dp-nav-top);
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.dp-calendar-container-hor nav button {
  position: relative;
  min-width: auto;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: var(--dp-nav-btn-border-radius);
  background-color: var(--dp-header-bgcolor);
  cursor: pointer;
}

.dp-calendar-container-hor nav button svg {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: var(--dp-nav-btn-icon-size);
  min-width: var(--dp-nav-btn-icon-size);
  height: var(--dp-nav-btn-icon-size);
  stroke-width: 2px;
  stroke: var(--dp-nav-btn-border-color);
}

.dp-calendar-container-hor .dp-footer span {
  margin-right: auto;
}

.dp-calendar-container-hor .dp-footer-action {
  flex: 0 0 25%;
  line-height: 15px;
}

/* For combined use with Poppy JS component - remove on Github project!
---------------------------------------------------------------------------- */
.dp-calendar-popup .poppy-modal-box__content {
  padding: 0 10px;
}

.dp-calendar-popup .dp-header {
  position: sticky;
  top: 40px;
  z-index: 1000;
}

.dp-calendar-popup .poppy-modal-box__footer--sticky {
  box-shadow: none;
  border-top: 1px solid #cad8ee !important;
}

@media (min-height: 900px) {
  .dp-calendar-popup .poppy-modal-box__content {
    max-height: 800px;
    overflow-y: scroll;
  }
  .dp-calendar-popup .dp-header {
    top: 0;
  }
}