/** Shopify CDN: Minification failed

Line 7585:11 Unexpected "{"
Line 8170:23 Expected identifier but found whitespace
Line 8170:24 Unexpected "$"
Line 8170:26 Expected identifier but found "$"

**/
.gc {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 1rem;
  row-gap: 0.5rem;
}

.span-0 {
  grid-column: span 0;
}

.d-span-0 {
  grid-column: span 0;
}

.r-0 {
  grid-row: 0;
}

.col-count-0 {
  grid-template-columns: repeat(0, 1fr);
}

.d-0-0 {
  grid-column: 0/0;
}

.r-0-0 {
  grid-row: 0/0;
}

.d-0-1 {
  grid-column: 0/1;
}

.r-0-1 {
  grid-row: 0/1;
}

.d-0-2 {
  grid-column: 0/2;
}

.r-0-2 {
  grid-row: 0/2;
}

.d-0-3 {
  grid-column: 0/3;
}

.r-0-3 {
  grid-row: 0/3;
}

.d-0-4 {
  grid-column: 0/4;
}

.r-0-4 {
  grid-row: 0/4;
}

.d-0-5 {
  grid-column: 0/5;
}

.r-0-5 {
  grid-row: 0/5;
}

.d-0-6 {
  grid-column: 0/6;
}

.r-0-6 {
  grid-row: 0/6;
}

.d-0-7 {
  grid-column: 0/7;
}

.r-0-7 {
  grid-row: 0/7;
}

.d-0-8 {
  grid-column: 0/8;
}

.r-0-8 {
  grid-row: 0/8;
}

.d-0-9 {
  grid-column: 0/9;
}

.r-0-9 {
  grid-row: 0/9;
}

.d-0-10 {
  grid-column: 0/10;
}

.r-0-10 {
  grid-row: 0/10;
}

.d-0-11 {
  grid-column: 0/11;
}

.r-0-11 {
  grid-row: 0/11;
}

.d-0-12 {
  grid-column: 0/12;
}

.r-0-12 {
  grid-row: 0/12;
}

.d-0-13 {
  grid-column: 0/13;
}

.r-0-13 {
  grid-row: 0/13;
}

.span-1 {
  grid-column: span 1;
}

.d-span-1 {
  grid-column: span 1;
}

.r-1 {
  grid-row: 1;
}

.col-count-1 {
  grid-template-columns: repeat(1, 1fr);
}

.d-1-0 {
  grid-column: 1/0;
}

.r-1-0 {
  grid-row: 1/0;
}

.d-1-1 {
  grid-column: 1/1;
}

.r-1-1 {
  grid-row: 1/1;
}

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

.r-1-2 {
  grid-row: 1/2;
}

.d-1-3 {
  grid-column: 1/3;
}

.r-1-3 {
  grid-row: 1/3;
}

.d-1-4 {
  grid-column: 1/4;
}

.r-1-4 {
  grid-row: 1/4;
}

.d-1-5 {
  grid-column: 1/5;
}

.r-1-5 {
  grid-row: 1/5;
}

.d-1-6 {
  grid-column: 1/6;
}

.r-1-6 {
  grid-row: 1/6;
}

.d-1-7 {
  grid-column: 1/7;
}

.r-1-7 {
  grid-row: 1/7;
}

.d-1-8 {
  grid-column: 1/8;
}

.r-1-8 {
  grid-row: 1/8;
}

.d-1-9 {
  grid-column: 1/9;
}

.r-1-9 {
  grid-row: 1/9;
}

.d-1-10 {
  grid-column: 1/10;
}

.r-1-10 {
  grid-row: 1/10;
}

.d-1-11 {
  grid-column: 1/11;
}

.r-1-11 {
  grid-row: 1/11;
}

.d-1-12 {
  grid-column: 1/12;
}

.r-1-12 {
  grid-row: 1/12;
}

.d-1-13 {
  grid-column: 1/13;
}

.r-1-13 {
  grid-row: 1/13;
}

.span-2 {
  grid-column: span 2;
}

.d-span-2 {
  grid-column: span 2;
}

.r-2 {
  grid-row: 2;
}

.col-count-2 {
  grid-template-columns: repeat(2, 1fr);
}

.d-2-0 {
  grid-column: 2/0;
}

.r-2-0 {
  grid-row: 2/0;
}

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

.r-2-1 {
  grid-row: 2/1;
}

.d-2-2 {
  grid-column: 2/2;
}

.r-2-2 {
  grid-row: 2/2;
}

.d-2-3 {
  grid-column: 2/3;
}

.r-2-3 {
  grid-row: 2/3;
}

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

.r-2-4 {
  grid-row: 2/4;
}

.d-2-5 {
  grid-column: 2/5;
}

.r-2-5 {
  grid-row: 2/5;
}

.d-2-6 {
  grid-column: 2/6;
}

.r-2-6 {
  grid-row: 2/6;
}

.d-2-7 {
  grid-column: 2/7;
}

.r-2-7 {
  grid-row: 2/7;
}

.d-2-8 {
  grid-column: 2/8;
}

.r-2-8 {
  grid-row: 2/8;
}

.d-2-9 {
  grid-column: 2/9;
}

.r-2-9 {
  grid-row: 2/9;
}

.d-2-10 {
  grid-column: 2/10;
}

.r-2-10 {
  grid-row: 2/10;
}

.d-2-11 {
  grid-column: 2/11;
}

.r-2-11 {
  grid-row: 2/11;
}

.d-2-12 {
  grid-column: 2/12;
}

.r-2-12 {
  grid-row: 2/12;
}

.d-2-13 {
  grid-column: 2/13;
}

.r-2-13 {
  grid-row: 2/13;
}

.span-3 {
  grid-column: span 3;
}

.d-span-3 {
  grid-column: span 3;
}

.r-3 {
  grid-row: 3;
}

.col-count-3 {
  grid-template-columns: repeat(3, 1fr);
}

.d-3-0 {
  grid-column: 3/0;
}

.r-3-0 {
  grid-row: 3/0;
}

.d-3-1 {
  grid-column: 3/1;
}

.r-3-1 {
  grid-row: 3/1;
}

.d-3-2 {
  grid-column: 3/2;
}

.r-3-2 {
  grid-row: 3/2;
}

.d-3-3 {
  grid-column: 3/3;
}

.r-3-3 {
  grid-row: 3/3;
}

.d-3-4 {
  grid-column: 3/4;
}

.r-3-4 {
  grid-row: 3/4;
}

.d-3-5 {
  grid-column: 3/5;
}

.r-3-5 {
  grid-row: 3/5;
}

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

.r-3-6 {
  grid-row: 3/6;
}

.d-3-7 {
  grid-column: 3/7;
}

.r-3-7 {
  grid-row: 3/7;
}

.d-3-8 {
  grid-column: 3/8;
}

.r-3-8 {
  grid-row: 3/8;
}

.d-3-9 {
  grid-column: 3/9;
}

.r-3-9 {
  grid-row: 3/9;
}

.d-3-10 {
  grid-column: 3/10;
}

.r-3-10 {
  grid-row: 3/10;
}

.d-3-11 {
  grid-column: 3/11;
}

.r-3-11 {
  grid-row: 3/11;
}

.d-3-12 {
  grid-column: 3/12;
}

.r-3-12 {
  grid-row: 3/12;
}

.d-3-13 {
  grid-column: 3/13;
}

.r-3-13 {
  grid-row: 3/13;
}

.span-4 {
  grid-column: span 4;
}

.d-span-4 {
  grid-column: span 4;
}

.r-4 {
  grid-row: 4;
}

.col-count-4 {
  grid-template-columns: repeat(4, 1fr);
}

.d-4-0 {
  grid-column: 4/0;
}

.r-4-0 {
  grid-row: 4/0;
}

.d-4-1 {
  grid-column: 4/1;
}

.r-4-1 {
  grid-row: 4/1;
}

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

.r-4-2 {
  grid-row: 4/2;
}

.d-4-3 {
  grid-column: 4/3;
}

.r-4-3 {
  grid-row: 4/3;
}

.d-4-4 {
  grid-column: 4/4;
}

.r-4-4 {
  grid-row: 4/4;
}

.d-4-5 {
  grid-column: 4/5;
}

.r-4-5 {
  grid-row: 4/5;
}

.d-4-6 {
  grid-column: 4/6;
}

.r-4-6 {
  grid-row: 4/6;
}

.d-4-7 {
  grid-column: 4/7;
}

.r-4-7 {
  grid-row: 4/7;
}

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

.r-4-8 {
  grid-row: 4/8;
}

.d-4-9 {
  grid-column: 4/9;
}

.r-4-9 {
  grid-row: 4/9;
}

.d-4-10 {
  grid-column: 4/10;
}

.r-4-10 {
  grid-row: 4/10;
}

.d-4-11 {
  grid-column: 4/11;
}

.r-4-11 {
  grid-row: 4/11;
}

.d-4-12 {
  grid-column: 4/12;
}

.r-4-12 {
  grid-row: 4/12;
}

.d-4-13 {
  grid-column: 4/13;
}

.r-4-13 {
  grid-row: 4/13;
}

.span-5 {
  grid-column: span 5;
}

.d-span-5 {
  grid-column: span 5;
}

.r-5 {
  grid-row: 5;
}

.col-count-5 {
  grid-template-columns: repeat(5, 1fr);
}

.d-5-0 {
  grid-column: 5/0;
}

.r-5-0 {
  grid-row: 5/0;
}

.d-5-1 {
  grid-column: 5/1;
}

.r-5-1 {
  grid-row: 5/1;
}

.d-5-2 {
  grid-column: 5/2;
}

.r-5-2 {
  grid-row: 5/2;
}

.d-5-3 {
  grid-column: 5/3;
}

.r-5-3 {
  grid-row: 5/3;
}

.d-5-4 {
  grid-column: 5/4;
}

.r-5-4 {
  grid-row: 5/4;
}

.d-5-5 {
  grid-column: 5/5;
}

.r-5-5 {
  grid-row: 5/5;
}

.d-5-6 {
  grid-column: 5/6;
}

.r-5-6 {
  grid-row: 5/6;
}

.d-5-7 {
  grid-column: 5/7;
}

.r-5-7 {
  grid-row: 5/7;
}

.d-5-8 {
  grid-column: 5/8;
}

.r-5-8 {
  grid-row: 5/8;
}

.d-5-9 {
  grid-column: 5/9;
}

.r-5-9 {
  grid-row: 5/9;
}

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

.r-5-10 {
  grid-row: 5/10;
}

.d-5-11 {
  grid-column: 5/11;
}

.r-5-11 {
  grid-row: 5/11;
}

.d-5-12 {
  grid-column: 5/12;
}

.r-5-12 {
  grid-row: 5/12;
}

.d-5-13 {
  grid-column: 5/13;
}

.r-5-13 {
  grid-row: 5/13;
}

.span-6 {
  grid-column: span 6;
}

.d-span-6 {
  grid-column: span 6;
}

.r-6 {
  grid-row: 6;
}

.col-count-6 {
  grid-template-columns: repeat(6, 1fr);
}

.d-6-0 {
  grid-column: 6/0;
}

.r-6-0 {
  grid-row: 6/0;
}

.d-6-1 {
  grid-column: 6/1;
}

.r-6-1 {
  grid-row: 6/1;
}

.d-6-2 {
  grid-column: 6/2;
}

.r-6-2 {
  grid-row: 6/2;
}

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

.r-6-3 {
  grid-row: 6/3;
}

.d-6-4 {
  grid-column: 6/4;
}

.r-6-4 {
  grid-row: 6/4;
}

.d-6-5 {
  grid-column: 6/5;
}

.r-6-5 {
  grid-row: 6/5;
}

.d-6-6 {
  grid-column: 6/6;
}

.r-6-6 {
  grid-row: 6/6;
}

.d-6-7 {
  grid-column: 6/7;
}

.r-6-7 {
  grid-row: 6/7;
}

.d-6-8 {
  grid-column: 6/8;
}

.r-6-8 {
  grid-row: 6/8;
}

.d-6-9 {
  grid-column: 6/9;
}

.r-6-9 {
  grid-row: 6/9;
}

.d-6-10 {
  grid-column: 6/10;
}

.r-6-10 {
  grid-row: 6/10;
}

.d-6-11 {
  grid-column: 6/11;
}

.r-6-11 {
  grid-row: 6/11;
}

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

.r-6-12 {
  grid-row: 6/12;
}

.d-6-13 {
  grid-column: 6/13;
}

.r-6-13 {
  grid-row: 6/13;
}

.span-7 {
  grid-column: span 7;
}

.d-span-7 {
  grid-column: span 7;
}

.r-7 {
  grid-row: 7;
}

.col-count-7 {
  grid-template-columns: repeat(7, 1fr);
}

.d-7-0 {
  grid-column: 7/0;
}

.r-7-0 {
  grid-row: 7/0;
}

.d-7-1 {
  grid-column: 7/1;
}

.r-7-1 {
  grid-row: 7/1;
}

.d-7-2 {
  grid-column: 7/2;
}

.r-7-2 {
  grid-row: 7/2;
}

.d-7-3 {
  grid-column: 7/3;
}

.r-7-3 {
  grid-row: 7/3;
}

.d-7-4 {
  grid-column: 7/4;
}

.r-7-4 {
  grid-row: 7/4;
}

.d-7-5 {
  grid-column: 7/5;
}

.r-7-5 {
  grid-row: 7/5;
}

.d-7-6 {
  grid-column: 7/6;
}

.r-7-6 {
  grid-row: 7/6;
}

.d-7-7 {
  grid-column: 7/7;
}

.r-7-7 {
  grid-row: 7/7;
}

.d-7-8 {
  grid-column: 7/8;
}

.r-7-8 {
  grid-row: 7/8;
}

.d-7-9 {
  grid-column: 7/9;
}

.r-7-9 {
  grid-row: 7/9;
}

.d-7-10 {
  grid-column: 7/10;
}

.r-7-10 {
  grid-row: 7/10;
}

.d-7-11 {
  grid-column: 7/11;
}

.r-7-11 {
  grid-row: 7/11;
}

.d-7-12 {
  grid-column: 7/12;
}

.r-7-12 {
  grid-row: 7/12;
}

.d-7-13 {
  grid-column: 7/13;
}

.r-7-13 {
  grid-row: 7/13;
}

.span-8 {
  grid-column: span 8;
}

.d-span-8 {
  grid-column: span 8;
}

.r-8 {
  grid-row: 8;
}

.col-count-8 {
  grid-template-columns: repeat(8, 1fr);
}

.d-8-0 {
  grid-column: 8/0;
}

.r-8-0 {
  grid-row: 8/0;
}

.d-8-1 {
  grid-column: 8/1;
}

.r-8-1 {
  grid-row: 8/1;
}

.d-8-2 {
  grid-column: 8/2;
}

.r-8-2 {
  grid-row: 8/2;
}

.d-8-3 {
  grid-column: 8/3;
}

.r-8-3 {
  grid-row: 8/3;
}

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

.r-8-4 {
  grid-row: 8/4;
}

.d-8-5 {
  grid-column: 8/5;
}

.r-8-5 {
  grid-row: 8/5;
}

.d-8-6 {
  grid-column: 8/6;
}

.r-8-6 {
  grid-row: 8/6;
}

.d-8-7 {
  grid-column: 8/7;
}

.r-8-7 {
  grid-row: 8/7;
}

.d-8-8 {
  grid-column: 8/8;
}

.r-8-8 {
  grid-row: 8/8;
}

.d-8-9 {
  grid-column: 8/9;
}

.r-8-9 {
  grid-row: 8/9;
}

.d-8-10 {
  grid-column: 8/10;
}

.r-8-10 {
  grid-row: 8/10;
}

.d-8-11 {
  grid-column: 8/11;
}

.r-8-11 {
  grid-row: 8/11;
}

.d-8-12 {
  grid-column: 8/12;
}

.r-8-12 {
  grid-row: 8/12;
}

.d-8-13 {
  grid-column: 8/13;
}

.r-8-13 {
  grid-row: 8/13;
}

.span-9 {
  grid-column: span 9;
}

.d-span-9 {
  grid-column: span 9;
}

.r-9 {
  grid-row: 9;
}

.col-count-9 {
  grid-template-columns: repeat(9, 1fr);
}

.d-9-0 {
  grid-column: 9/0;
}

.r-9-0 {
  grid-row: 9/0;
}

.d-9-1 {
  grid-column: 9/1;
}

.r-9-1 {
  grid-row: 9/1;
}

.d-9-2 {
  grid-column: 9/2;
}

.r-9-2 {
  grid-row: 9/2;
}

.d-9-3 {
  grid-column: 9/3;
}

.r-9-3 {
  grid-row: 9/3;
}

.d-9-4 {
  grid-column: 9/4;
}

.r-9-4 {
  grid-row: 9/4;
}

.d-9-5 {
  grid-column: 9/5;
}

.r-9-5 {
  grid-row: 9/5;
}

.d-9-6 {
  grid-column: 9/6;
}

.r-9-6 {
  grid-row: 9/6;
}

.d-9-7 {
  grid-column: 9/7;
}

.r-9-7 {
  grid-row: 9/7;
}

.d-9-8 {
  grid-column: 9/8;
}

.r-9-8 {
  grid-row: 9/8;
}

.d-9-9 {
  grid-column: 9/9;
}

.r-9-9 {
  grid-row: 9/9;
}

.d-9-10 {
  grid-column: 9/10;
}

.r-9-10 {
  grid-row: 9/10;
}

.d-9-11 {
  grid-column: 9/11;
}

.r-9-11 {
  grid-row: 9/11;
}

.d-9-12 {
  grid-column: 9/12;
}

.r-9-12 {
  grid-row: 9/12;
}

.d-9-13 {
  grid-column: 9/13;
}

.r-9-13 {
  grid-row: 9/13;
}

.span-10 {
  grid-column: span 10;
}

.d-span-10 {
  grid-column: span 10;
}

.r-10 {
  grid-row: 10;
}

.col-count-10 {
  grid-template-columns: repeat(10, 1fr);
}

.d-10-0 {
  grid-column: 10/0;
}

.r-10-0 {
  grid-row: 10/0;
}

.d-10-1 {
  grid-column: 10/1;
}

.r-10-1 {
  grid-row: 10/1;
}

.d-10-2 {
  grid-column: 10/2;
}

.r-10-2 {
  grid-row: 10/2;
}

.d-10-3 {
  grid-column: 10/3;
}

.r-10-3 {
  grid-row: 10/3;
}

.d-10-4 {
  grid-column: 10/4;
}

.r-10-4 {
  grid-row: 10/4;
}

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

.r-10-5 {
  grid-row: 10/5;
}

.d-10-6 {
  grid-column: 10/6;
}

.r-10-6 {
  grid-row: 10/6;
}

.d-10-7 {
  grid-column: 10/7;
}

.r-10-7 {
  grid-row: 10/7;
}

.d-10-8 {
  grid-column: 10/8;
}

.r-10-8 {
  grid-row: 10/8;
}

.d-10-9 {
  grid-column: 10/9;
}

.r-10-9 {
  grid-row: 10/9;
}

.d-10-10 {
  grid-column: 10/10;
}

.r-10-10 {
  grid-row: 10/10;
}

.d-10-11 {
  grid-column: 10/11;
}

.r-10-11 {
  grid-row: 10/11;
}

.d-10-12 {
  grid-column: 10/12;
}

.r-10-12 {
  grid-row: 10/12;
}

.d-10-13 {
  grid-column: 10/13;
}

.r-10-13 {
  grid-row: 10/13;
}

.span-11 {
  grid-column: span 11;
}

.d-span-11 {
  grid-column: span 11;
}

.r-11 {
  grid-row: 11;
}

.col-count-11 {
  grid-template-columns: repeat(11, 1fr);
}

.d-11-0 {
  grid-column: 11/0;
}

.r-11-0 {
  grid-row: 11/0;
}

.d-11-1 {
  grid-column: 11/1;
}

.r-11-1 {
  grid-row: 11/1;
}

.d-11-2 {
  grid-column: 11/2;
}

.r-11-2 {
  grid-row: 11/2;
}

.d-11-3 {
  grid-column: 11/3;
}

.r-11-3 {
  grid-row: 11/3;
}

.d-11-4 {
  grid-column: 11/4;
}

.r-11-4 {
  grid-row: 11/4;
}

.d-11-5 {
  grid-column: 11/5;
}

.r-11-5 {
  grid-row: 11/5;
}

.d-11-6 {
  grid-column: 11/6;
}

.r-11-6 {
  grid-row: 11/6;
}

.d-11-7 {
  grid-column: 11/7;
}

.r-11-7 {
  grid-row: 11/7;
}

.d-11-8 {
  grid-column: 11/8;
}

.r-11-8 {
  grid-row: 11/8;
}

.d-11-9 {
  grid-column: 11/9;
}

.r-11-9 {
  grid-row: 11/9;
}

.d-11-10 {
  grid-column: 11/10;
}

.r-11-10 {
  grid-row: 11/10;
}

.d-11-11 {
  grid-column: 11/11;
}

.r-11-11 {
  grid-row: 11/11;
}

.d-11-12 {
  grid-column: 11/12;
}

.r-11-12 {
  grid-row: 11/12;
}

.d-11-13 {
  grid-column: 11/13;
}

.r-11-13 {
  grid-row: 11/13;
}

.span-12 {
  grid-column: span 12;
}

.d-span-12 {
  grid-column: span 12;
}

.r-12 {
  grid-row: 12;
}

.col-count-12 {
  grid-template-columns: repeat(12, 1fr);
}

.d-12-0 {
  grid-column: 12/0;
}

.r-12-0 {
  grid-row: 12/0;
}

.d-12-1 {
  grid-column: 12/1;
}

.r-12-1 {
  grid-row: 12/1;
}

.d-12-2 {
  grid-column: 12/2;
}

.r-12-2 {
  grid-row: 12/2;
}

.d-12-3 {
  grid-column: 12/3;
}

.r-12-3 {
  grid-row: 12/3;
}

.d-12-4 {
  grid-column: 12/4;
}

.r-12-4 {
  grid-row: 12/4;
}

.d-12-5 {
  grid-column: 12/5;
}

.r-12-5 {
  grid-row: 12/5;
}

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

.r-12-6 {
  grid-row: 12/6;
}

.d-12-7 {
  grid-column: 12/7;
}

.r-12-7 {
  grid-row: 12/7;
}

.d-12-8 {
  grid-column: 12/8;
}

.r-12-8 {
  grid-row: 12/8;
}

.d-12-9 {
  grid-column: 12/9;
}

.r-12-9 {
  grid-row: 12/9;
}

.d-12-10 {
  grid-column: 12/10;
}

.r-12-10 {
  grid-row: 12/10;
}

.d-12-11 {
  grid-column: 12/11;
}

.r-12-11 {
  grid-row: 12/11;
}

.d-12-12 {
  grid-column: 12/12;
}

.r-12-12 {
  grid-row: 12/12;
}

.d-12-13 {
  grid-column: 12/13;
}

.r-12-13 {
  grid-row: 12/13;
}

.span-13 {
  grid-column: span 13;
}

.d-span-13 {
  grid-column: span 13;
}

.r-13 {
  grid-row: 13;
}

.col-count-13 {
  grid-template-columns: repeat(13, 1fr);
}

.d-13-0 {
  grid-column: 13/0;
}

.r-13-0 {
  grid-row: 13/0;
}

.d-13-1 {
  grid-column: 13/1;
}

.r-13-1 {
  grid-row: 13/1;
}

.d-13-2 {
  grid-column: 13/2;
}

.r-13-2 {
  grid-row: 13/2;
}

.d-13-3 {
  grid-column: 13/3;
}

.r-13-3 {
  grid-row: 13/3;
}

.d-13-4 {
  grid-column: 13/4;
}

.r-13-4 {
  grid-row: 13/4;
}

.d-13-5 {
  grid-column: 13/5;
}

.r-13-5 {
  grid-row: 13/5;
}

.d-13-6 {
  grid-column: 13/6;
}

.r-13-6 {
  grid-row: 13/6;
}

.d-13-7 {
  grid-column: 13/7;
}

.r-13-7 {
  grid-row: 13/7;
}

.d-13-8 {
  grid-column: 13/8;
}

.r-13-8 {
  grid-row: 13/8;
}

.d-13-9 {
  grid-column: 13/9;
}

.r-13-9 {
  grid-row: 13/9;
}

.d-13-10 {
  grid-column: 13/10;
}

.r-13-10 {
  grid-row: 13/10;
}

.d-13-11 {
  grid-column: 13/11;
}

.r-13-11 {
  grid-row: 13/11;
}

.d-13-12 {
  grid-column: 13/12;
}

.r-13-12 {
  grid-row: 13/12;
}

.d-13-13 {
  grid-column: 13/13;
}

.r-13-13 {
  grid-row: 13/13;
}

@media (max-width: 1180px) {
  .t-span-0 {
    grid-column: span 0;
  }

  .t-r-0 {
    grid-row: 0;
  }

  .t-col-count-0 {
    grid-template-columns: repeat(0, 1fr);
  }

  .t-0-0 {
    grid-column: 0/0;
  }

  .t-0-1 {
    grid-column: 0/1;
  }

  .t-0-2 {
    grid-column: 0/2;
  }

  .t-0-3 {
    grid-column: 0/3;
  }

  .t-0-4 {
    grid-column: 0/4;
  }

  .t-0-5 {
    grid-column: 0/5;
  }

  .t-0-6 {
    grid-column: 0/6;
  }

  .t-0-7 {
    grid-column: 0/7;
  }

  .t-0-8 {
    grid-column: 0/8;
  }

  .t-0-9 {
    grid-column: 0/9;
  }

  .t-0-10 {
    grid-column: 0/10;
  }

  .t-0-11 {
    grid-column: 0/11;
  }

  .t-0-12 {
    grid-column: 0/12;
  }

  .t-0-13 {
    grid-column: 0/13;
  }

  .t-span-1 {
    grid-column: span 1;
  }

  .t-r-1 {
    grid-row: 1;
  }

  .t-col-count-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .t-1-0 {
    grid-column: 1/0;
  }

  .t-1-1 {
    grid-column: 1/1;
  }

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

  .t-1-3 {
    grid-column: 1/3;
  }

  .t-1-4 {
    grid-column: 1/4;
  }

  .t-1-5 {
    grid-column: 1/5;
  }

  .t-1-6 {
    grid-column: 1/6;
  }

  .t-1-7 {
    grid-column: 1/7;
  }

  .t-1-8 {
    grid-column: 1/8;
  }

  .t-1-9 {
    grid-column: 1/9;
  }

  .t-1-10 {
    grid-column: 1/10;
  }

  .t-1-11 {
    grid-column: 1/11;
  }

  .t-1-12 {
    grid-column: 1/12;
  }

  .t-1-13 {
    grid-column: 1/13;
  }

  .t-span-2 {
    grid-column: span 2;
  }

  .t-r-2 {
    grid-row: 2;
  }

  .t-col-count-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .t-2-0 {
    grid-column: 2/0;
  }

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

  .t-2-2 {
    grid-column: 2/2;
  }

  .t-2-3 {
    grid-column: 2/3;
  }

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

  .t-2-5 {
    grid-column: 2/5;
  }

  .t-2-6 {
    grid-column: 2/6;
  }

  .t-2-7 {
    grid-column: 2/7;
  }

  .t-2-8 {
    grid-column: 2/8;
  }

  .t-2-9 {
    grid-column: 2/9;
  }

  .t-2-10 {
    grid-column: 2/10;
  }

  .t-2-11 {
    grid-column: 2/11;
  }

  .t-2-12 {
    grid-column: 2/12;
  }

  .t-2-13 {
    grid-column: 2/13;
  }

  .t-span-3 {
    grid-column: span 3;
  }

  .t-r-3 {
    grid-row: 3;
  }

  .t-col-count-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .t-3-0 {
    grid-column: 3/0;
  }

  .t-3-1 {
    grid-column: 3/1;
  }

  .t-3-2 {
    grid-column: 3/2;
  }

  .t-3-3 {
    grid-column: 3/3;
  }

  .t-3-4 {
    grid-column: 3/4;
  }

  .t-3-5 {
    grid-column: 3/5;
  }

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

  .t-3-7 {
    grid-column: 3/7;
  }

  .t-3-8 {
    grid-column: 3/8;
  }

  .t-3-9 {
    grid-column: 3/9;
  }

  .t-3-10 {
    grid-column: 3/10;
  }

  .t-3-11 {
    grid-column: 3/11;
  }

  .t-3-12 {
    grid-column: 3/12;
  }

  .t-3-13 {
    grid-column: 3/13;
  }

  .t-span-4 {
    grid-column: span 4;
  }

  .t-r-4 {
    grid-row: 4;
  }

  .t-col-count-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .t-4-0 {
    grid-column: 4/0;
  }

  .t-4-1 {
    grid-column: 4/1;
  }

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

  .t-4-3 {
    grid-column: 4/3;
  }

  .t-4-4 {
    grid-column: 4/4;
  }

  .t-4-5 {
    grid-column: 4/5;
  }

  .t-4-6 {
    grid-column: 4/6;
  }

  .t-4-7 {
    grid-column: 4/7;
  }

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

  .t-4-9 {
    grid-column: 4/9;
  }

  .t-4-10 {
    grid-column: 4/10;
  }

  .t-4-11 {
    grid-column: 4/11;
  }

  .t-4-12 {
    grid-column: 4/12;
  }

  .t-4-13 {
    grid-column: 4/13;
  }

  .t-span-5 {
    grid-column: span 5;
  }

  .t-r-5 {
    grid-row: 5;
  }

  .t-col-count-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .t-5-0 {
    grid-column: 5/0;
  }

  .t-5-1 {
    grid-column: 5/1;
  }

  .t-5-2 {
    grid-column: 5/2;
  }

  .t-5-3 {
    grid-column: 5/3;
  }

  .t-5-4 {
    grid-column: 5/4;
  }

  .t-5-5 {
    grid-column: 5/5;
  }

  .t-5-6 {
    grid-column: 5/6;
  }

  .t-5-7 {
    grid-column: 5/7;
  }

  .t-5-8 {
    grid-column: 5/8;
  }

  .t-5-9 {
    grid-column: 5/9;
  }

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

  .t-5-11 {
    grid-column: 5/11;
  }

  .t-5-12 {
    grid-column: 5/12;
  }

  .t-5-13 {
    grid-column: 5/13;
  }

  .t-span-6 {
    grid-column: span 6;
  }

  .t-r-6 {
    grid-row: 6;
  }

  .t-col-count-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .t-6-0 {
    grid-column: 6/0;
  }

  .t-6-1 {
    grid-column: 6/1;
  }

  .t-6-2 {
    grid-column: 6/2;
  }

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

  .t-6-4 {
    grid-column: 6/4;
  }

  .t-6-5 {
    grid-column: 6/5;
  }

  .t-6-6 {
    grid-column: 6/6;
  }

  .t-6-7 {
    grid-column: 6/7;
  }

  .t-6-8 {
    grid-column: 6/8;
  }

  .t-6-9 {
    grid-column: 6/9;
  }

  .t-6-10 {
    grid-column: 6/10;
  }

  .t-6-11 {
    grid-column: 6/11;
  }

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

  .t-6-13 {
    grid-column: 6/13;
  }

  .t-span-7 {
    grid-column: span 7;
  }

  .t-r-7 {
    grid-row: 7;
  }

  .t-col-count-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .t-7-0 {
    grid-column: 7/0;
  }

  .t-7-1 {
    grid-column: 7/1;
  }

  .t-7-2 {
    grid-column: 7/2;
  }

  .t-7-3 {
    grid-column: 7/3;
  }

  .t-7-4 {
    grid-column: 7/4;
  }

  .t-7-5 {
    grid-column: 7/5;
  }

  .t-7-6 {
    grid-column: 7/6;
  }

  .t-7-7 {
    grid-column: 7/7;
  }

  .t-7-8 {
    grid-column: 7/8;
  }

  .t-7-9 {
    grid-column: 7/9;
  }

  .t-7-10 {
    grid-column: 7/10;
  }

  .t-7-11 {
    grid-column: 7/11;
  }

  .t-7-12 {
    grid-column: 7/12;
  }

  .t-7-13 {
    grid-column: 7/13;
  }

  .t-span-8 {
    grid-column: span 8;
  }

  .t-r-8 {
    grid-row: 8;
  }

  .t-col-count-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .t-8-0 {
    grid-column: 8/0;
  }

  .t-8-1 {
    grid-column: 8/1;
  }

  .t-8-2 {
    grid-column: 8/2;
  }

  .t-8-3 {
    grid-column: 8/3;
  }

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

  .t-8-5 {
    grid-column: 8/5;
  }

  .t-8-6 {
    grid-column: 8/6;
  }

  .t-8-7 {
    grid-column: 8/7;
  }

  .t-8-8 {
    grid-column: 8/8;
  }

  .t-8-9 {
    grid-column: 8/9;
  }

  .t-8-10 {
    grid-column: 8/10;
  }

  .t-8-11 {
    grid-column: 8/11;
  }

  .t-8-12 {
    grid-column: 8/12;
  }

  .t-8-13 {
    grid-column: 8/13;
  }

  .t-span-9 {
    grid-column: span 9;
  }

  .t-r-9 {
    grid-row: 9;
  }

  .t-col-count-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .t-9-0 {
    grid-column: 9/0;
  }

  .t-9-1 {
    grid-column: 9/1;
  }

  .t-9-2 {
    grid-column: 9/2;
  }

  .t-9-3 {
    grid-column: 9/3;
  }

  .t-9-4 {
    grid-column: 9/4;
  }

  .t-9-5 {
    grid-column: 9/5;
  }

  .t-9-6 {
    grid-column: 9/6;
  }

  .t-9-7 {
    grid-column: 9/7;
  }

  .t-9-8 {
    grid-column: 9/8;
  }

  .t-9-9 {
    grid-column: 9/9;
  }

  .t-9-10 {
    grid-column: 9/10;
  }

  .t-9-11 {
    grid-column: 9/11;
  }

  .t-9-12 {
    grid-column: 9/12;
  }

  .t-9-13 {
    grid-column: 9/13;
  }

  .t-span-10 {
    grid-column: span 10;
  }

  .t-r-10 {
    grid-row: 10;
  }

  .t-col-count-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .t-10-0 {
    grid-column: 10/0;
  }

  .t-10-1 {
    grid-column: 10/1;
  }

  .t-10-2 {
    grid-column: 10/2;
  }

  .t-10-3 {
    grid-column: 10/3;
  }

  .t-10-4 {
    grid-column: 10/4;
  }

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

  .t-10-6 {
    grid-column: 10/6;
  }

  .t-10-7 {
    grid-column: 10/7;
  }

  .t-10-8 {
    grid-column: 10/8;
  }

  .t-10-9 {
    grid-column: 10/9;
  }

  .t-10-10 {
    grid-column: 10/10;
  }

  .t-10-11 {
    grid-column: 10/11;
  }

  .t-10-12 {
    grid-column: 10/12;
  }

  .t-10-13 {
    grid-column: 10/13;
  }

  .t-span-11 {
    grid-column: span 11;
  }

  .t-r-11 {
    grid-row: 11;
  }

  .t-col-count-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .t-11-0 {
    grid-column: 11/0;
  }

  .t-11-1 {
    grid-column: 11/1;
  }

  .t-11-2 {
    grid-column: 11/2;
  }

  .t-11-3 {
    grid-column: 11/3;
  }

  .t-11-4 {
    grid-column: 11/4;
  }

  .t-11-5 {
    grid-column: 11/5;
  }

  .t-11-6 {
    grid-column: 11/6;
  }

  .t-11-7 {
    grid-column: 11/7;
  }

  .t-11-8 {
    grid-column: 11/8;
  }

  .t-11-9 {
    grid-column: 11/9;
  }

  .t-11-10 {
    grid-column: 11/10;
  }

  .t-11-11 {
    grid-column: 11/11;
  }

  .t-11-12 {
    grid-column: 11/12;
  }

  .t-11-13 {
    grid-column: 11/13;
  }

  .t-span-12 {
    grid-column: span 12;
  }

  .t-r-12 {
    grid-row: 12;
  }

  .t-col-count-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .t-12-0 {
    grid-column: 12/0;
  }

  .t-12-1 {
    grid-column: 12/1;
  }

  .t-12-2 {
    grid-column: 12/2;
  }

  .t-12-3 {
    grid-column: 12/3;
  }

  .t-12-4 {
    grid-column: 12/4;
  }

  .t-12-5 {
    grid-column: 12/5;
  }

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

  .t-12-7 {
    grid-column: 12/7;
  }

  .t-12-8 {
    grid-column: 12/8;
  }

  .t-12-9 {
    grid-column: 12/9;
  }

  .t-12-10 {
    grid-column: 12/10;
  }

  .t-12-11 {
    grid-column: 12/11;
  }

  .t-12-12 {
    grid-column: 12/12;
  }

  .t-12-13 {
    grid-column: 12/13;
  }

  .t-span-13 {
    grid-column: span 13;
  }

  .t-r-13 {
    grid-row: 13;
  }

  .t-col-count-13 {
    grid-template-columns: repeat(13, 1fr);
  }

  .t-13-0 {
    grid-column: 13/0;
  }

  .t-13-1 {
    grid-column: 13/1;
  }

  .t-13-2 {
    grid-column: 13/2;
  }

  .t-13-3 {
    grid-column: 13/3;
  }

  .t-13-4 {
    grid-column: 13/4;
  }

  .t-13-5 {
    grid-column: 13/5;
  }

  .t-13-6 {
    grid-column: 13/6;
  }

  .t-13-7 {
    grid-column: 13/7;
  }

  .t-13-8 {
    grid-column: 13/8;
  }

  .t-13-9 {
    grid-column: 13/9;
  }

  .t-13-10 {
    grid-column: 13/10;
  }

  .t-13-11 {
    grid-column: 13/11;
  }

  .t-13-12 {
    grid-column: 13/12;
  }

  .t-13-13 {
    grid-column: 13/13;
  }
}
@media (max-width: 750px) {
  .m-span-0 {
    grid-column: span 0;
  }

  .m-r-0 {
    grid-row: 0;
  }

  .m-col-count-0 {
    grid-template-columns: repeat(0, 1fr);
  }

  .m-0-0 {
    grid-column: 0/0;
  }

  .m-0-1 {
    grid-column: 0/1;
  }

  .m-0-2 {
    grid-column: 0/2;
  }

  .m-0-3 {
    grid-column: 0/3;
  }

  .m-0-4 {
    grid-column: 0/4;
  }

  .m-0-5 {
    grid-column: 0/5;
  }

  .m-0-6 {
    grid-column: 0/6;
  }

  .m-0-7 {
    grid-column: 0/7;
  }

  .m-0-8 {
    grid-column: 0/8;
  }

  .m-0-9 {
    grid-column: 0/9;
  }

  .m-0-10 {
    grid-column: 0/10;
  }

  .m-0-11 {
    grid-column: 0/11;
  }

  .m-0-12 {
    grid-column: 0/12;
  }

  .m-0-13 {
    grid-column: 0/13;
  }

  .m-span-1 {
    grid-column: span 1;
  }

  .m-r-1 {
    grid-row: 1;
  }

  .m-col-count-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .m-1-0 {
    grid-column: 1/0;
  }

  .m-1-1 {
    grid-column: 1/1;
  }

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

  .m-1-3 {
    grid-column: 1/3;
  }

  .m-1-4 {
    grid-column: 1/4;
  }

  .m-1-5 {
    grid-column: 1/5;
  }

  .m-1-6 {
    grid-column: 1/6;
  }

  .m-1-7 {
    grid-column: 1/7;
  }

  .m-1-8 {
    grid-column: 1/8;
  }

  .m-1-9 {
    grid-column: 1/9;
  }

  .m-1-10 {
    grid-column: 1/10;
  }

  .m-1-11 {
    grid-column: 1/11;
  }

  .m-1-12 {
    grid-column: 1/12;
  }

  .m-1-13 {
    grid-column: 1/13;
  }

  .m-span-2 {
    grid-column: span 2;
  }

  .m-r-2 {
    grid-row: 2;
  }

  .m-col-count-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .m-2-0 {
    grid-column: 2/0;
  }

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

  .m-2-2 {
    grid-column: 2/2;
  }

  .m-2-3 {
    grid-column: 2/3;
  }

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

  .m-2-5 {
    grid-column: 2/5;
  }

  .m-2-6 {
    grid-column: 2/6;
  }

  .m-2-7 {
    grid-column: 2/7;
  }

  .m-2-8 {
    grid-column: 2/8;
  }

  .m-2-9 {
    grid-column: 2/9;
  }

  .m-2-10 {
    grid-column: 2/10;
  }

  .m-2-11 {
    grid-column: 2/11;
  }

  .m-2-12 {
    grid-column: 2/12;
  }

  .m-2-13 {
    grid-column: 2/13;
  }

  .m-span-3 {
    grid-column: span 3;
  }

  .m-r-3 {
    grid-row: 3;
  }

  .m-col-count-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .m-3-0 {
    grid-column: 3/0;
  }

  .m-3-1 {
    grid-column: 3/1;
  }

  .m-3-2 {
    grid-column: 3/2;
  }

  .m-3-3 {
    grid-column: 3/3;
  }

  .m-3-4 {
    grid-column: 3/4;
  }

  .m-3-5 {
    grid-column: 3/5;
  }

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

  .m-3-7 {
    grid-column: 3/7;
  }

  .m-3-8 {
    grid-column: 3/8;
  }

  .m-3-9 {
    grid-column: 3/9;
  }

  .m-3-10 {
    grid-column: 3/10;
  }

  .m-3-11 {
    grid-column: 3/11;
  }

  .m-3-12 {
    grid-column: 3/12;
  }

  .m-3-13 {
    grid-column: 3/13;
  }

  .m-span-4 {
    grid-column: span 4;
  }

  .m-r-4 {
    grid-row: 4;
  }

  .m-col-count-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .m-4-0 {
    grid-column: 4/0;
  }

  .m-4-1 {
    grid-column: 4/1;
  }

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

  .m-4-3 {
    grid-column: 4/3;
  }

  .m-4-4 {
    grid-column: 4/4;
  }

  .m-4-5 {
    grid-column: 4/5;
  }

  .m-4-6 {
    grid-column: 4/6;
  }

  .m-4-7 {
    grid-column: 4/7;
  }

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

  .m-4-9 {
    grid-column: 4/9;
  }

  .m-4-10 {
    grid-column: 4/10;
  }

  .m-4-11 {
    grid-column: 4/11;
  }

  .m-4-12 {
    grid-column: 4/12;
  }

  .m-4-13 {
    grid-column: 4/13;
  }

  .m-span-5 {
    grid-column: span 5;
  }

  .m-r-5 {
    grid-row: 5;
  }

  .m-col-count-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .m-5-0 {
    grid-column: 5/0;
  }

  .m-5-1 {
    grid-column: 5/1;
  }

  .m-5-2 {
    grid-column: 5/2;
  }

  .m-5-3 {
    grid-column: 5/3;
  }

  .m-5-4 {
    grid-column: 5/4;
  }

  .m-5-5 {
    grid-column: 5/5;
  }

  .m-5-6 {
    grid-column: 5/6;
  }

  .m-5-7 {
    grid-column: 5/7;
  }

  .m-5-8 {
    grid-column: 5/8;
  }

  .m-5-9 {
    grid-column: 5/9;
  }

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

  .m-5-11 {
    grid-column: 5/11;
  }

  .m-5-12 {
    grid-column: 5/12;
  }

  .m-5-13 {
    grid-column: 5/13;
  }

  .m-span-6 {
    grid-column: span 6;
  }

  .m-r-6 {
    grid-row: 6;
  }

  .m-col-count-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .m-6-0 {
    grid-column: 6/0;
  }

  .m-6-1 {
    grid-column: 6/1;
  }

  .m-6-2 {
    grid-column: 6/2;
  }

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

  .m-6-4 {
    grid-column: 6/4;
  }

  .m-6-5 {
    grid-column: 6/5;
  }

  .m-6-6 {
    grid-column: 6/6;
  }

  .m-6-7 {
    grid-column: 6/7;
  }

  .m-6-8 {
    grid-column: 6/8;
  }

  .m-6-9 {
    grid-column: 6/9;
  }

  .m-6-10 {
    grid-column: 6/10;
  }

  .m-6-11 {
    grid-column: 6/11;
  }

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

  .m-6-13 {
    grid-column: 6/13;
  }

  .m-span-7 {
    grid-column: span 7;
  }

  .m-r-7 {
    grid-row: 7;
  }

  .m-col-count-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .m-7-0 {
    grid-column: 7/0;
  }

  .m-7-1 {
    grid-column: 7/1;
  }

  .m-7-2 {
    grid-column: 7/2;
  }

  .m-7-3 {
    grid-column: 7/3;
  }

  .m-7-4 {
    grid-column: 7/4;
  }

  .m-7-5 {
    grid-column: 7/5;
  }

  .m-7-6 {
    grid-column: 7/6;
  }

  .m-7-7 {
    grid-column: 7/7;
  }

  .m-7-8 {
    grid-column: 7/8;
  }

  .m-7-9 {
    grid-column: 7/9;
  }

  .m-7-10 {
    grid-column: 7/10;
  }

  .m-7-11 {
    grid-column: 7/11;
  }

  .m-7-12 {
    grid-column: 7/12;
  }

  .m-7-13 {
    grid-column: 7/13;
  }

  .m-span-8 {
    grid-column: span 8;
  }

  .m-r-8 {
    grid-row: 8;
  }

  .m-col-count-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .m-8-0 {
    grid-column: 8/0;
  }

  .m-8-1 {
    grid-column: 8/1;
  }

  .m-8-2 {
    grid-column: 8/2;
  }

  .m-8-3 {
    grid-column: 8/3;
  }

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

  .m-8-5 {
    grid-column: 8/5;
  }

  .m-8-6 {
    grid-column: 8/6;
  }

  .m-8-7 {
    grid-column: 8/7;
  }

  .m-8-8 {
    grid-column: 8/8;
  }

  .m-8-9 {
    grid-column: 8/9;
  }

  .m-8-10 {
    grid-column: 8/10;
  }

  .m-8-11 {
    grid-column: 8/11;
  }

  .m-8-12 {
    grid-column: 8/12;
  }

  .m-8-13 {
    grid-column: 8/13;
  }

  .m-span-9 {
    grid-column: span 9;
  }

  .m-r-9 {
    grid-row: 9;
  }

  .m-col-count-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .m-9-0 {
    grid-column: 9/0;
  }

  .m-9-1 {
    grid-column: 9/1;
  }

  .m-9-2 {
    grid-column: 9/2;
  }

  .m-9-3 {
    grid-column: 9/3;
  }

  .m-9-4 {
    grid-column: 9/4;
  }

  .m-9-5 {
    grid-column: 9/5;
  }

  .m-9-6 {
    grid-column: 9/6;
  }

  .m-9-7 {
    grid-column: 9/7;
  }

  .m-9-8 {
    grid-column: 9/8;
  }

  .m-9-9 {
    grid-column: 9/9;
  }

  .m-9-10 {
    grid-column: 9/10;
  }

  .m-9-11 {
    grid-column: 9/11;
  }

  .m-9-12 {
    grid-column: 9/12;
  }

  .m-9-13 {
    grid-column: 9/13;
  }

  .m-span-10 {
    grid-column: span 10;
  }

  .m-r-10 {
    grid-row: 10;
  }

  .m-col-count-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .m-10-0 {
    grid-column: 10/0;
  }

  .m-10-1 {
    grid-column: 10/1;
  }

  .m-10-2 {
    grid-column: 10/2;
  }

  .m-10-3 {
    grid-column: 10/3;
  }

  .m-10-4 {
    grid-column: 10/4;
  }

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

  .m-10-6 {
    grid-column: 10/6;
  }

  .m-10-7 {
    grid-column: 10/7;
  }

  .m-10-8 {
    grid-column: 10/8;
  }

  .m-10-9 {
    grid-column: 10/9;
  }

  .m-10-10 {
    grid-column: 10/10;
  }

  .m-10-11 {
    grid-column: 10/11;
  }

  .m-10-12 {
    grid-column: 10/12;
  }

  .m-10-13 {
    grid-column: 10/13;
  }

  .m-span-11 {
    grid-column: span 11;
  }

  .m-r-11 {
    grid-row: 11;
  }

  .m-col-count-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .m-11-0 {
    grid-column: 11/0;
  }

  .m-11-1 {
    grid-column: 11/1;
  }

  .m-11-2 {
    grid-column: 11/2;
  }

  .m-11-3 {
    grid-column: 11/3;
  }

  .m-11-4 {
    grid-column: 11/4;
  }

  .m-11-5 {
    grid-column: 11/5;
  }

  .m-11-6 {
    grid-column: 11/6;
  }

  .m-11-7 {
    grid-column: 11/7;
  }

  .m-11-8 {
    grid-column: 11/8;
  }

  .m-11-9 {
    grid-column: 11/9;
  }

  .m-11-10 {
    grid-column: 11/10;
  }

  .m-11-11 {
    grid-column: 11/11;
  }

  .m-11-12 {
    grid-column: 11/12;
  }

  .m-11-13 {
    grid-column: 11/13;
  }

  .m-span-12 {
    grid-column: span 12;
  }

  .m-r-12 {
    grid-row: 12;
  }

  .m-col-count-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .m-12-0 {
    grid-column: 12/0;
  }

  .m-12-1 {
    grid-column: 12/1;
  }

  .m-12-2 {
    grid-column: 12/2;
  }

  .m-12-3 {
    grid-column: 12/3;
  }

  .m-12-4 {
    grid-column: 12/4;
  }

  .m-12-5 {
    grid-column: 12/5;
  }

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

  .m-12-7 {
    grid-column: 12/7;
  }

  .m-12-8 {
    grid-column: 12/8;
  }

  .m-12-9 {
    grid-column: 12/9;
  }

  .m-12-10 {
    grid-column: 12/10;
  }

  .m-12-11 {
    grid-column: 12/11;
  }

  .m-12-12 {
    grid-column: 12/12;
  }

  .m-12-13 {
    grid-column: 12/13;
  }

  .m-span-13 {
    grid-column: span 13;
  }

  .m-r-13 {
    grid-row: 13;
  }

  .m-col-count-13 {
    grid-template-columns: repeat(13, 1fr);
  }

  .m-13-0 {
    grid-column: 13/0;
  }

  .m-13-1 {
    grid-column: 13/1;
  }

  .m-13-2 {
    grid-column: 13/2;
  }

  .m-13-3 {
    grid-column: 13/3;
  }

  .m-13-4 {
    grid-column: 13/4;
  }

  .m-13-5 {
    grid-column: 13/5;
  }

  .m-13-6 {
    grid-column: 13/6;
  }

  .m-13-7 {
    grid-column: 13/7;
  }

  .m-13-8 {
    grid-column: 13/8;
  }

  .m-13-9 {
    grid-column: 13/9;
  }

  .m-13-10 {
    grid-column: 13/10;
  }

  .m-13-11 {
    grid-column: 13/11;
  }

  .m-13-12 {
    grid-column: 13/12;
  }

  .m-13-13 {
    grid-column: 13/13;
  }

  .m-r-auto {
    grid-row: auto;
  }
}
.span-all {
  grid-column: 1/-1;
}

.r-all {
  grid-row: 0/20;
}

.next-row {
  grid-row: none;
}

.gc-r-min {
  grid-template-rows: min-content;
}

.gc-gap-2 {
  column-gap: 0.2rem;
}

.gc-2-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem;
}
@media (max-width: 750px) {
  .gc-2-col {
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 50%);
  }
}

.gc-3-col {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(3, 1fr);
}

.pd-top--header-height {
  padding-top: var(--header-height);
}

.mg-top--header-height {
  margin-top: var(--header-height);
}

.mg-left--site-margin {
  margin-left: 9rem;
}

.pd--0 {
  padding: 0;
}

.pd-x--0 {
  padding-left: 0;
  padding-right: 0;
}

.pd-y--0 {
  padding-top: 0;
  padding-bottom: 0;
}

.mg--0 {
  margin: 0;
}

.mg-x--0 {
  margin-left: 0;
  margin-right: 0;
}

.mg-y--0 {
  margin-top: 0;
  margin-bottom: 0;
}

.gap--0 {
  gap: 0;
}

.row-gap--0 {
  row-gap: 0;
}

.pd-top--0 {
  padding-top: 0;
}

.mg-top--0 {
  margin-top: 0;
}

.pd-left--0 {
  padding-left: 0;
}

.mg-left--0 {
  margin-left: 0;
}

.pd-right--0 {
  padding-right: 0;
}

.mg-right--0 {
  margin-right: 0;
}

.pd-bottom--0 {
  padding-bottom: 0;
}

.mg-bottom--0 {
  margin-bottom: 0;
}

.pd--xs {
  padding: 0.5rem;
}

.pd-x--xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.pd-y--xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.mg--xs {
  margin: 0.5rem;
}

.mg-x--xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mg-y--xs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.gap--xs {
  gap: 0.5rem;
}

.row-gap--xs {
  row-gap: 0.5rem;
}

.pd-top--xs {
  padding-top: 0.5rem;
}

.mg-top--xs {
  margin-top: 0.5rem;
}

.pd-left--xs {
  padding-left: 0.5rem;
}

.mg-left--xs {
  margin-left: 0.5rem;
}

.pd-right--xs {
  padding-right: 0.5rem;
}

.mg-right--xs {
  margin-right: 0.5rem;
}

.pd-bottom--xs {
  padding-bottom: 0.5rem;
}

.mg-bottom--xs {
  margin-bottom: 0.5rem;
}

.pd--xsx {
  padding: 1rem;
}

.pd-x--xsx {
  padding-left: 1rem;
  padding-right: 1rem;
}

.pd-y--xsx {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mg--xsx {
  margin: 1rem;
}

.mg-x--xsx {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mg-y--xsx {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.gap--xsx {
  gap: 1rem;
}

.row-gap--xsx {
  row-gap: 1rem;
}

.pd-top--xsx {
  padding-top: 1rem;
}

.mg-top--xsx {
  margin-top: 1rem;
}

.pd-left--xsx {
  padding-left: 1rem;
}

.mg-left--xsx {
  margin-left: 1rem;
}

.pd-right--xsx {
  padding-right: 1rem;
}

.mg-right--xsx {
  margin-right: 1rem;
}

.pd-bottom--xsx {
  padding-bottom: 1rem;
}

.mg-bottom--xsx {
  margin-bottom: 1rem;
}

.pd--s {
  padding: 2rem;
}

.pd-x--s {
  padding-left: 2rem;
  padding-right: 2rem;
}

.pd-y--s {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mg--s {
  margin: 2rem;
}

.mg-x--s {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mg-y--s {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.gap--s {
  gap: 2rem;
}

.row-gap--s {
  row-gap: 2rem;
}

.pd-top--s {
  padding-top: 2rem;
}

.mg-top--s {
  margin-top: 2rem;
}

.pd-left--s {
  padding-left: 2rem;
}

.mg-left--s {
  margin-left: 2rem;
}

.pd-right--s {
  padding-right: 2rem;
}

.mg-right--s {
  margin-right: 2rem;
}

.pd-bottom--s {
  padding-bottom: 2rem;
}

.mg-bottom--s {
  margin-bottom: 2rem;
}

.pd--sx {
  padding: 4rem;
}

.pd-x--sx {
  padding-left: 4rem;
  padding-right: 4rem;
}

.pd-y--sx {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.mg--sx {
  margin: 4rem;
}

.mg-x--sx {
  margin-left: 4rem;
  margin-right: 4rem;
}

.mg-y--sx {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.gap--sx {
  gap: 4rem;
}

.row-gap--sx {
  row-gap: 4rem;
}

.pd-top--sx {
  padding-top: 4rem;
}

.mg-top--sx {
  margin-top: 4rem;
}

.pd-left--sx {
  padding-left: 4rem;
}

.mg-left--sx {
  margin-left: 4rem;
}

.pd-right--sx {
  padding-right: 4rem;
}

.mg-right--sx {
  margin-right: 4rem;
}

.pd-bottom--sx {
  padding-bottom: 4rem;
}

.mg-bottom--sx {
  margin-bottom: 4rem;
}

.pd--m {
  padding: 6rem;
}

.pd-x--m {
  padding-left: 6rem;
  padding-right: 6rem;
}

.pd-y--m {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.mg--m {
  margin: 6rem;
}

.mg-x--m {
  margin-left: 6rem;
  margin-right: 6rem;
}

.mg-y--m {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.gap--m {
  gap: 6rem;
}

.row-gap--m {
  row-gap: 6rem;
}

.pd-top--m {
  padding-top: 6rem;
}

.mg-top--m {
  margin-top: 6rem;
}

.pd-left--m {
  padding-left: 6rem;
}

.mg-left--m {
  margin-left: 6rem;
}

.pd-right--m {
  padding-right: 6rem;
}

.mg-right--m {
  margin-right: 6rem;
}

.pd-bottom--m {
  padding-bottom: 6rem;
}

.mg-bottom--m {
  margin-bottom: 6rem;
}

.pd--mx {
  padding: 10rem;
}

.pd-x--mx {
  padding-left: 10rem;
  padding-right: 10rem;
}

.pd-y--mx {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.mg--mx {
  margin: 10rem;
}

.mg-x--mx {
  margin-left: 10rem;
  margin-right: 10rem;
}

.mg-y--mx {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.gap--mx {
  gap: 10rem;
}

.row-gap--mx {
  row-gap: 10rem;
}

.pd-top--mx {
  padding-top: 10rem;
}

.mg-top--mx {
  margin-top: 10rem;
}

.pd-left--mx {
  padding-left: 10rem;
}

.mg-left--mx {
  margin-left: 10rem;
}

.pd-right--mx {
  padding-right: 10rem;
}

.mg-right--mx {
  margin-right: 10rem;
}

.pd-bottom--mx {
  padding-bottom: 10rem;
}

.mg-bottom--mx {
  margin-bottom: 10rem;
}

.pd--l {
  padding: 7.5rem;
}

.pd-x--l {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}

.pd-y--l {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.mg--l {
  margin: 7.5rem;
}

.mg-x--l {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}

.mg-y--l {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.gap--l {
  gap: 7.5rem;
}

.row-gap--l {
  row-gap: 7.5rem;
}

.pd-top--l {
  padding-top: 7.5rem;
}

.mg-top--l {
  margin-top: 7.5rem;
}

.pd-left--l {
  padding-left: 7.5rem;
}

.mg-left--l {
  margin-left: 7.5rem;
}

.pd-right--l {
  padding-right: 7.5rem;
}

.mg-right--l {
  margin-right: 7.5rem;
}

.pd-bottom--l {
  padding-bottom: 7.5rem;
}

.mg-bottom--l {
  margin-bottom: 7.5rem;
}

.pd--xl {
  padding: 12rem;
}

.pd-x--xl {
  padding-left: 12rem;
  padding-right: 12rem;
}

.pd-y--xl {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.mg--xl {
  margin: 12rem;
}

.mg-x--xl {
  margin-left: 12rem;
  margin-right: 12rem;
}

.mg-y--xl {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.gap--xl {
  gap: 12rem;
}

.row-gap--xl {
  row-gap: 12rem;
}

.pd-top--xl {
  padding-top: 12rem;
}

.mg-top--xl {
  margin-top: 12rem;
}

.pd-left--xl {
  padding-left: 12rem;
}

.mg-left--xl {
  margin-left: 12rem;
}

.pd-right--xl {
  padding-right: 12rem;
}

.mg-right--xl {
  margin-right: 12rem;
}

.pd-bottom--xl {
  padding-bottom: 12rem;
}

.mg-bottom--xl {
  margin-bottom: 12rem;
}

.pd--xxl {
  padding: 12rem;
}

.pd-x--xxl {
  padding-left: 12rem;
  padding-right: 12rem;
}

.pd-y--xxl {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.mg--xxl {
  margin: 12rem;
}

.mg-x--xxl {
  margin-left: 12rem;
  margin-right: 12rem;
}

.mg-y--xxl {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.gap--xxl {
  gap: 12rem;
}

.row-gap--xxl {
  row-gap: 12rem;
}

.pd-top--xxl {
  padding-top: 12rem;
}

.mg-top--xxl {
  margin-top: 12rem;
}

.pd-left--xxl {
  padding-left: 12rem;
}

.mg-left--xxl {
  margin-left: 12rem;
}

.pd-right--xxl {
  padding-right: 12rem;
}

.mg-right--xxl {
  margin-right: 12rem;
}

.pd-bottom--xxl {
  padding-bottom: 12rem;
}

.mg-bottom--xxl {
  margin-bottom: 12rem;
}

@media (max-width: 1180px) {
  .t-pd--0 {
    padding: 0;
  }

  .t-pd-x--0 {
    padding-left: 0;
    padding-right: 0;
  }

  .t-pd-y--0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .t-mg--0 {
    margin: 0;
  }

  .t-mg-x--0 {
    margin-left: 0;
    margin-right: 0;
  }

  .t-mg-y--0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .t-gap--0 {
    gap: 0;
  }

  .t-row-gap--0 {
    row-gap: 0;
  }

  .t-pd-top--0 {
    padding-top: 0;
  }

  .t-mg-top--0 {
    margin-top: 0;
  }

  .t-pd-left--0 {
    padding-left: 0;
  }

  .t-mg-left--0 {
    margin-left: 0;
  }

  .t-pd-right--0 {
    padding-right: 0;
  }

  .t-mg-right--0 {
    margin-right: 0;
  }

  .t-pd-bottom--0 {
    padding-bottom: 0;
  }

  .t-mg-bottom--0 {
    margin-bottom: 0;
  }

  .t-pd--xs {
    padding: 0.5rem;
  }

  .t-pd-x--xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .t-pd-y--xs {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .t-mg--xs {
    margin: 0.5rem;
  }

  .t-mg-x--xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .t-mg-y--xs {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .t-gap--xs {
    gap: 0.5rem;
  }

  .t-row-gap--xs {
    row-gap: 0.5rem;
  }

  .t-pd-top--xs {
    padding-top: 0.5rem;
  }

  .t-mg-top--xs {
    margin-top: 0.5rem;
  }

  .t-pd-left--xs {
    padding-left: 0.5rem;
  }

  .t-mg-left--xs {
    margin-left: 0.5rem;
  }

  .t-pd-right--xs {
    padding-right: 0.5rem;
  }

  .t-mg-right--xs {
    margin-right: 0.5rem;
  }

  .t-pd-bottom--xs {
    padding-bottom: 0.5rem;
  }

  .t-mg-bottom--xs {
    margin-bottom: 0.5rem;
  }

  .t-pd--xsx {
    padding: 1rem;
  }

  .t-pd-x--xsx {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .t-pd-y--xsx {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .t-mg--xsx {
    margin: 1rem;
  }

  .t-mg-x--xsx {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .t-mg-y--xsx {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .t-gap--xsx {
    gap: 1rem;
  }

  .t-row-gap--xsx {
    row-gap: 1rem;
  }

  .t-pd-top--xsx {
    padding-top: 1rem;
  }

  .t-mg-top--xsx {
    margin-top: 1rem;
  }

  .t-pd-left--xsx {
    padding-left: 1rem;
  }

  .t-mg-left--xsx {
    margin-left: 1rem;
  }

  .t-pd-right--xsx {
    padding-right: 1rem;
  }

  .t-mg-right--xsx {
    margin-right: 1rem;
  }

  .t-pd-bottom--xsx {
    padding-bottom: 1rem;
  }

  .t-mg-bottom--xsx {
    margin-bottom: 1rem;
  }

  .t-pd--s {
    padding: 2rem;
  }

  .t-pd-x--s {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .t-pd-y--s {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .t-mg--s {
    margin: 2rem;
  }

  .t-mg-x--s {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .t-mg-y--s {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .t-gap--s {
    gap: 2rem;
  }

  .t-row-gap--s {
    row-gap: 2rem;
  }

  .t-pd-top--s {
    padding-top: 2rem;
  }

  .t-mg-top--s {
    margin-top: 2rem;
  }

  .t-pd-left--s {
    padding-left: 2rem;
  }

  .t-mg-left--s {
    margin-left: 2rem;
  }

  .t-pd-right--s {
    padding-right: 2rem;
  }

  .t-mg-right--s {
    margin-right: 2rem;
  }

  .t-pd-bottom--s {
    padding-bottom: 2rem;
  }

  .t-mg-bottom--s {
    margin-bottom: 2rem;
  }

  .t-pd--sx {
    padding: 4rem;
  }

  .t-pd-x--sx {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .t-pd-y--sx {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .t-mg--sx {
    margin: 4rem;
  }

  .t-mg-x--sx {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .t-mg-y--sx {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .t-gap--sx {
    gap: 4rem;
  }

  .t-row-gap--sx {
    row-gap: 4rem;
  }

  .t-pd-top--sx {
    padding-top: 4rem;
  }

  .t-mg-top--sx {
    margin-top: 4rem;
  }

  .t-pd-left--sx {
    padding-left: 4rem;
  }

  .t-mg-left--sx {
    margin-left: 4rem;
  }

  .t-pd-right--sx {
    padding-right: 4rem;
  }

  .t-mg-right--sx {
    margin-right: 4rem;
  }

  .t-pd-bottom--sx {
    padding-bottom: 4rem;
  }

  .t-mg-bottom--sx {
    margin-bottom: 4rem;
  }

  .t-pd--m {
    padding: 6rem;
  }

  .t-pd-x--m {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .t-pd-y--m {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .t-mg--m {
    margin: 6rem;
  }

  .t-mg-x--m {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .t-mg-y--m {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .t-gap--m {
    gap: 6rem;
  }

  .t-row-gap--m {
    row-gap: 6rem;
  }

  .t-pd-top--m {
    padding-top: 6rem;
  }

  .t-mg-top--m {
    margin-top: 6rem;
  }

  .t-pd-left--m {
    padding-left: 6rem;
  }

  .t-mg-left--m {
    margin-left: 6rem;
  }

  .t-pd-right--m {
    padding-right: 6rem;
  }

  .t-mg-right--m {
    margin-right: 6rem;
  }

  .t-pd-bottom--m {
    padding-bottom: 6rem;
  }

  .t-mg-bottom--m {
    margin-bottom: 6rem;
  }

  .t-pd--mx {
    padding: 10rem;
  }

  .t-pd-x--mx {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .t-pd-y--mx {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .t-mg--mx {
    margin: 10rem;
  }

  .t-mg-x--mx {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .t-mg-y--mx {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .t-gap--mx {
    gap: 10rem;
  }

  .t-row-gap--mx {
    row-gap: 10rem;
  }

  .t-pd-top--mx {
    padding-top: 10rem;
  }

  .t-mg-top--mx {
    margin-top: 10rem;
  }

  .t-pd-left--mx {
    padding-left: 10rem;
  }

  .t-mg-left--mx {
    margin-left: 10rem;
  }

  .t-pd-right--mx {
    padding-right: 10rem;
  }

  .t-mg-right--mx {
    margin-right: 10rem;
  }

  .t-pd-bottom--mx {
    padding-bottom: 10rem;
  }

  .t-mg-bottom--mx {
    margin-bottom: 10rem;
  }

  .t-pd--l {
    padding: 7.5rem;
  }

  .t-pd-x--l {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }

  .t-pd-y--l {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .t-mg--l {
    margin: 7.5rem;
  }

  .t-mg-x--l {
    margin-left: 7.5rem;
    margin-right: 7.5rem;
  }

  .t-mg-y--l {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
  }

  .t-gap--l {
    gap: 7.5rem;
  }

  .t-row-gap--l {
    row-gap: 7.5rem;
  }

  .t-pd-top--l {
    padding-top: 7.5rem;
  }

  .t-mg-top--l {
    margin-top: 7.5rem;
  }

  .t-pd-left--l {
    padding-left: 7.5rem;
  }

  .t-mg-left--l {
    margin-left: 7.5rem;
  }

  .t-pd-right--l {
    padding-right: 7.5rem;
  }

  .t-mg-right--l {
    margin-right: 7.5rem;
  }

  .t-pd-bottom--l {
    padding-bottom: 7.5rem;
  }

  .t-mg-bottom--l {
    margin-bottom: 7.5rem;
  }

  .t-pd--xl {
    padding: 12rem;
  }

  .t-pd-x--xl {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .t-pd-y--xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .t-mg--xl {
    margin: 12rem;
  }

  .t-mg-x--xl {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .t-mg-y--xl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .t-gap--xl {
    gap: 12rem;
  }

  .t-row-gap--xl {
    row-gap: 12rem;
  }

  .t-pd-top--xl {
    padding-top: 12rem;
  }

  .t-mg-top--xl {
    margin-top: 12rem;
  }

  .t-pd-left--xl {
    padding-left: 12rem;
  }

  .t-mg-left--xl {
    margin-left: 12rem;
  }

  .t-pd-right--xl {
    padding-right: 12rem;
  }

  .t-mg-right--xl {
    margin-right: 12rem;
  }

  .t-pd-bottom--xl {
    padding-bottom: 12rem;
  }

  .t-mg-bottom--xl {
    margin-bottom: 12rem;
  }

  .t-pd--xxl {
    padding: 12rem;
  }

  .t-pd-x--xxl {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .t-pd-y--xxl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .t-mg--xxl {
    margin: 12rem;
  }

  .t-mg-x--xxl {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .t-mg-y--xxl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .t-gap--xxl {
    gap: 12rem;
  }

  .t-row-gap--xxl {
    row-gap: 12rem;
  }

  .t-pd-top--xxl {
    padding-top: 12rem;
  }

  .t-mg-top--xxl {
    margin-top: 12rem;
  }

  .t-pd-left--xxl {
    padding-left: 12rem;
  }

  .t-mg-left--xxl {
    margin-left: 12rem;
  }

  .t-pd-right--xxl {
    padding-right: 12rem;
  }

  .t-mg-right--xxl {
    margin-right: 12rem;
  }

  .t-pd-bottom--xxl {
    padding-bottom: 12rem;
  }

  .t-mg-bottom--xxl {
    margin-bottom: 12rem;
  }
}
@media (max-width: 750px) {
  .m-pd--0 {
    padding: 0;
  }

  .m-pd-x--0 {
    padding-left: 0;
    padding-right: 0;
  }

  .m-pd-y--0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .m-mg--0 {
    margin: 0;
  }

  .m-mg-x--0 {
    margin-left: 0;
    margin-right: 0;
  }

  .m-mg-y--0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .m-gap--0 {
    gap: 0;
  }

  .m-row-gap--0 {
    row-gap: 0;
  }

  .m-pd-top--0 {
    padding-top: 0;
  }

  .m-mg-top--0 {
    margin-top: 0;
  }

  .m-pd-left--0 {
    padding-left: 0;
  }

  .m-mg-left--0 {
    margin-left: 0;
  }

  .m-pd-right--0 {
    padding-right: 0;
  }

  .m-mg-right--0 {
    margin-right: 0;
  }

  .m-pd-bottom--0 {
    padding-bottom: 0;
  }

  .m-mg-bottom--0 {
    margin-bottom: 0;
  }

  .m-pd--xs {
    padding: 0.5rem;
  }

  .m-pd-x--xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .m-pd-y--xs {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .m-mg--xs {
    margin: 0.5rem;
  }

  .m-mg-x--xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .m-mg-y--xs {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .m-gap--xs {
    gap: 0.5rem;
  }

  .m-row-gap--xs {
    row-gap: 0.5rem;
  }

  .m-pd-top--xs {
    padding-top: 0.5rem;
  }

  .m-mg-top--xs {
    margin-top: 0.5rem;
  }

  .m-pd-left--xs {
    padding-left: 0.5rem;
  }

  .m-mg-left--xs {
    margin-left: 0.5rem;
  }

  .m-pd-right--xs {
    padding-right: 0.5rem;
  }

  .m-mg-right--xs {
    margin-right: 0.5rem;
  }

  .m-pd-bottom--xs {
    padding-bottom: 0.5rem;
  }

  .m-mg-bottom--xs {
    margin-bottom: 0.5rem;
  }

  .m-pd--xsx {
    padding: 1rem;
  }

  .m-pd-x--xsx {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .m-pd-y--xsx {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .m-mg--xsx {
    margin: 1rem;
  }

  .m-mg-x--xsx {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .m-mg-y--xsx {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .m-gap--xsx {
    gap: 1rem;
  }

  .m-row-gap--xsx {
    row-gap: 1rem;
  }

  .m-pd-top--xsx {
    padding-top: 1rem;
  }

  .m-mg-top--xsx {
    margin-top: 1rem;
  }

  .m-pd-left--xsx {
    padding-left: 1rem;
  }

  .m-mg-left--xsx {
    margin-left: 1rem;
  }

  .m-pd-right--xsx {
    padding-right: 1rem;
  }

  .m-mg-right--xsx {
    margin-right: 1rem;
  }

  .m-pd-bottom--xsx {
    padding-bottom: 1rem;
  }

  .m-mg-bottom--xsx {
    margin-bottom: 1rem;
  }

  .m-pd--s {
    padding: 2rem;
  }

  .m-pd-x--s {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .m-pd-y--s {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .m-mg--s {
    margin: 2rem;
  }

  .m-mg-x--s {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .m-mg-y--s {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .m-gap--s {
    gap: 2rem;
  }

  .m-row-gap--s {
    row-gap: 2rem;
  }

  .m-pd-top--s {
    padding-top: 2rem;
  }

  .m-mg-top--s {
    margin-top: 2rem;
  }

  .m-pd-left--s {
    padding-left: 2rem;
  }

  .m-mg-left--s {
    margin-left: 2rem;
  }

  .m-pd-right--s {
    padding-right: 2rem;
  }

  .m-mg-right--s {
    margin-right: 2rem;
  }

  .m-pd-bottom--s {
    padding-bottom: 2rem;
  }

  .m-mg-bottom--s {
    margin-bottom: 2rem;
  }

  .m-pd--sx {
    padding: 4rem;
  }

  .m-pd-x--sx {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .m-pd-y--sx {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .m-mg--sx {
    margin: 4rem;
  }

  .m-mg-x--sx {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .m-mg-y--sx {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .m-gap--sx {
    gap: 4rem;
  }

  .m-row-gap--sx {
    row-gap: 4rem;
  }

  .m-pd-top--sx {
    padding-top: 4rem;
  }

  .m-mg-top--sx {
    margin-top: 4rem;
  }

  .m-pd-left--sx {
    padding-left: 4rem;
  }

  .m-mg-left--sx {
    margin-left: 4rem;
  }

  .m-pd-right--sx {
    padding-right: 4rem;
  }

  .m-mg-right--sx {
    margin-right: 4rem;
  }

  .m-pd-bottom--sx {
    padding-bottom: 4rem;
  }

  .m-mg-bottom--sx {
    margin-bottom: 4rem;
  }

  .m-pd--m {
    padding: 6rem;
  }

  .m-pd-x--m {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .m-pd-y--m {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .m-mg--m {
    margin: 6rem;
  }

  .m-mg-x--m {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .m-mg-y--m {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .m-gap--m {
    gap: 6rem;
  }

  .m-row-gap--m {
    row-gap: 6rem;
  }

  .m-pd-top--m {
    padding-top: 6rem;
  }

  .m-mg-top--m {
    margin-top: 6rem;
  }

  .m-pd-left--m {
    padding-left: 6rem;
  }

  .m-mg-left--m {
    margin-left: 6rem;
  }

  .m-pd-right--m {
    padding-right: 6rem;
  }

  .m-mg-right--m {
    margin-right: 6rem;
  }

  .m-pd-bottom--m {
    padding-bottom: 6rem;
  }

  .m-mg-bottom--m {
    margin-bottom: 6rem;
  }

  .m-pd--mx {
    padding: 10rem;
  }

  .m-pd-x--mx {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .m-pd-y--mx {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .m-mg--mx {
    margin: 10rem;
  }

  .m-mg-x--mx {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .m-mg-y--mx {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .m-gap--mx {
    gap: 10rem;
  }

  .m-row-gap--mx {
    row-gap: 10rem;
  }

  .m-pd-top--mx {
    padding-top: 10rem;
  }

  .m-mg-top--mx {
    margin-top: 10rem;
  }

  .m-pd-left--mx {
    padding-left: 10rem;
  }

  .m-mg-left--mx {
    margin-left: 10rem;
  }

  .m-pd-right--mx {
    padding-right: 10rem;
  }

  .m-mg-right--mx {
    margin-right: 10rem;
  }

  .m-pd-bottom--mx {
    padding-bottom: 10rem;
  }

  .m-mg-bottom--mx {
    margin-bottom: 10rem;
  }

  .m-pd--l {
    padding: 7.5rem;
  }

  .m-pd-x--l {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }

  .m-pd-y--l {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .m-mg--l {
    margin: 7.5rem;
  }

  .m-mg-x--l {
    margin-left: 7.5rem;
    margin-right: 7.5rem;
  }

  .m-mg-y--l {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
  }

  .m-gap--l {
    gap: 7.5rem;
  }

  .m-row-gap--l {
    row-gap: 7.5rem;
  }

  .m-pd-top--l {
    padding-top: 7.5rem;
  }

  .m-mg-top--l {
    margin-top: 7.5rem;
  }

  .m-pd-left--l {
    padding-left: 7.5rem;
  }

  .m-mg-left--l {
    margin-left: 7.5rem;
  }

  .m-pd-right--l {
    padding-right: 7.5rem;
  }

  .m-mg-right--l {
    margin-right: 7.5rem;
  }

  .m-pd-bottom--l {
    padding-bottom: 7.5rem;
  }

  .m-mg-bottom--l {
    margin-bottom: 7.5rem;
  }

  .m-pd--xl {
    padding: 12rem;
  }

  .m-pd-x--xl {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .m-pd-y--xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .m-mg--xl {
    margin: 12rem;
  }

  .m-mg-x--xl {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .m-mg-y--xl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .m-gap--xl {
    gap: 12rem;
  }

  .m-row-gap--xl {
    row-gap: 12rem;
  }

  .m-pd-top--xl {
    padding-top: 12rem;
  }

  .m-mg-top--xl {
    margin-top: 12rem;
  }

  .m-pd-left--xl {
    padding-left: 12rem;
  }

  .m-mg-left--xl {
    margin-left: 12rem;
  }

  .m-pd-right--xl {
    padding-right: 12rem;
  }

  .m-mg-right--xl {
    margin-right: 12rem;
  }

  .m-pd-bottom--xl {
    padding-bottom: 12rem;
  }

  .m-mg-bottom--xl {
    margin-bottom: 12rem;
  }

  .m-pd--xxl {
    padding: 12rem;
  }

  .m-pd-x--xxl {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .m-pd-y--xxl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .m-mg--xxl {
    margin: 12rem;
  }

  .m-mg-x--xxl {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .m-mg-y--xxl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .m-gap--xxl {
    gap: 12rem;
  }

  .m-row-gap--xxl {
    row-gap: 12rem;
  }

  .m-pd-top--xxl {
    padding-top: 12rem;
  }

  .m-mg-top--xxl {
    margin-top: 12rem;
  }

  .m-pd-left--xxl {
    padding-left: 12rem;
  }

  .m-mg-left--xxl {
    margin-left: 12rem;
  }

  .m-pd-right--xxl {
    padding-right: 12rem;
  }

  .m-mg-right--xxl {
    margin-right: 12rem;
  }

  .m-pd-bottom--xxl {
    padding-bottom: 12rem;
  }

  .m-mg-bottom--xxl {
    margin-bottom: 12rem;
  }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ul {
  list-style: none;
  display: inline-block;
}

ul li {
  text-align: left;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

li::marker {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html, body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=button] {
  cursor: pointer;
  background: none;
}

textarea {
  padding: 0.5rem;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-r {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.flex-to-top {
  align-items: flex-start;
}

.flex-to-bottom {
  align-items: flex-end;
}

.flex-middle {
  align-items: center;
}

.flex-to-left {
  justify-content: flex-start;
}

.flex-to-right {
  justify-content: flex-end;
}

.flex-center {
  justify-content: center;
}

.flex-s-around {
  justify-content: space-around;
}

.flex-s-between {
  justify-content: space-between;
}

.flex-s-evenly {
  justify-content: space-evenly;
}

@media (max-width: 750px) {
  .m-flex-column {
    flex-direction: column;
  }

  .m-flex-column-r {
    flex-direction: column-reverse;
  }

  .m-flex-r {
    flex-direction: row;
  }

  .m-flex-center {
    justify-content: center;
  }

  .m-flex-middle {
    align-items: center;
  }

  .m-gap-10 {
    gap: 1rem;
  }

  .m-flex-to-left {
    justify-content: flex-start;
  }

  .m-flex-to-top {
    align-items: flex-start;
  }

  .m-flex-to-bottom {
    align-items: flex-end;
  }
}
.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-r {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.flex-to-top {
  align-items: flex-start;
}

.flex-to-bottom {
  align-items: flex-end;
}

.flex-middle {
  align-items: center;
}

.flex-to-left {
  justify-content: flex-start;
}

.flex-to-right {
  justify-content: flex-end;
}

.flex-center {
  justify-content: center;
}

.flex-s-around {
  justify-content: space-around;
}

.flex-s-between {
  justify-content: space-between;
}

.flex-s-evenly {
  justify-content: space-evenly;
}

@media (max-width: 750px) {
  .m-flex-column {
    flex-direction: column;
  }

  .m-flex-column-r {
    flex-direction: column-reverse;
  }

  .m-flex-r {
    flex-direction: row;
  }

  .m-flex-center {
    justify-content: center;
  }

  .m-flex-middle {
    align-items: center;
  }

  .m-gap-10 {
    gap: 1rem;
  }

  .m-flex-to-left {
    justify-content: flex-start;
  }

  .m-flex-to-top {
    align-items: flex-start;
  }

  .m-flex-to-bottom {
    align-items: flex-end;
  }
}
.ratio-1-1 {
  position: relative;
  width: 100%;
}
.ratio-1-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.ratio-1-1 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-1-1 > .content.top {
  top: 0;
}
.ratio-1-1 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-1-1.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-1-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-1-1.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-2-3 {
  position: relative;
  width: 100%;
}
.ratio-2-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150%;
}
.ratio-2-3 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-2-3 > .content.top {
  top: 0;
}
.ratio-2-3 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-2-3.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-2-3.m-ratio-auto:before {
    display: none;
  }
  .ratio-2-3.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-2-1 {
  position: relative;
  width: 100%;
}
.ratio-2-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
.ratio-2-1 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-2-1 > .content.top {
  top: 0;
}
.ratio-2-1 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-2-1.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-2-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-2-1.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-4-1 {
  position: relative;
  width: 100%;
}
.ratio-4-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 25%;
}
.ratio-4-1 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-4-1 > .content.top {
  top: 0;
}
.ratio-4-1 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-4-1.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-4-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-4-1.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-1-4 {
  position: relative;
  width: 100%;
}
.ratio-1-4:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 400%;
}
.ratio-1-4 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-1-4 > .content.top {
  top: 0;
}
.ratio-1-4 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-1-4.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-1-4.m-ratio-auto:before {
    display: none;
  }
  .ratio-1-4.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-3-2 {
  position: relative;
  width: 100%;
}
.ratio-3-2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}
.ratio-3-2 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-3-2 > .content.top {
  top: 0;
}
.ratio-3-2 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-3-2.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-3-2.m-ratio-auto:before {
    display: none;
  }
  .ratio-3-2.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-3-1 {
  position: relative;
  width: 100%;
}
.ratio-3-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.3333333333%;
}
.ratio-3-1 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-3-1 > .content.top {
  top: 0;
}
.ratio-3-1 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-3-1.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-3-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-3-1.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-4-3 {
  position: relative;
  width: 100%;
}
.ratio-4-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.ratio-4-3 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-4-3 > .content.top {
  top: 0;
}
.ratio-4-3 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-4-3.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-4-3.m-ratio-auto:before {
    display: none;
  }
  .ratio-4-3.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-3-4 {
  position: relative;
  width: 100%;
}
.ratio-3-4:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}
.ratio-3-4 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-3-4 > .content.top {
  top: 0;
}
.ratio-3-4 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-3-4.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-3-4.m-ratio-auto:before {
    display: none;
  }
  .ratio-3-4.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-4-5 {
  position: relative;
  width: 100%;
}
.ratio-4-5:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 125%;
}
.ratio-4-5 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-4-5 > .content.top {
  top: 0;
}
.ratio-4-5 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-4-5.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-4-5.m-ratio-auto:before {
    display: none;
  }
  .ratio-4-5.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-8-5 {
  position: relative;
  width: 100%;
}
.ratio-8-5:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%;
}
.ratio-8-5 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-8-5 > .content.top {
  top: 0;
}
.ratio-8-5 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-8-5.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-8-5.m-ratio-auto:before {
    display: none;
  }
  .ratio-8-5.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-16-9 {
  position: relative;
  width: 100%;
}
.ratio-16-9:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.ratio-16-9 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-16-9 > .content.top {
  top: 0;
}
.ratio-16-9 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-16-9.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-16-9.m-ratio-auto:before {
    display: none;
  }
  .ratio-16-9.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-14-3 {
  position: relative;
  width: 100%;
}
.ratio-14-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 21.4285714286%;
}
.ratio-14-3 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-14-3 > .content.top {
  top: 0;
}
.ratio-14-3 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-14-3.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-14-3.m-ratio-auto:before {
    display: none;
  }
  .ratio-14-3.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-18-9 {
  position: relative;
  width: 100%;
}
.ratio-18-9:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
.ratio-18-9 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-18-9 > .content.top {
  top: 0;
}
.ratio-18-9 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-18-9.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-18-9.m-ratio-auto:before {
    display: none;
  }
  .ratio-18-9.m-ratio-auto > .content {
    position: relative;
  }
}

.ratio-21-9 {
  position: relative;
  width: 100%;
}
.ratio-21-9:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 42.8571428571%;
}
.ratio-21-9 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ratio-21-9 > .content.top {
  top: 0;
}
.ratio-21-9 > .content.bottom {
  bottom: 0;
}
@media (max-width: 750px) {
  .ratio-21-9.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .ratio-21-9.m-ratio-auto:before {
    display: none;
  }
  .ratio-21-9.m-ratio-auto > .content {
    position: relative;
  }
}

@media (max-width: 750px) {
  .m-ratio-1-1 {
    position: relative;
    width: 100%;
  }
  .m-ratio-1-1:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
  }
  .m-ratio-1-1 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .m-ratio-1-1 > .content.top {
    top: 0;
  }
  .m-ratio-1-1 > .content.bottom {
    bottom: 0;
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .m-ratio-1-1.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .m-ratio-1-1.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-1-1.m-ratio-auto > .content {
    position: relative;
  }
}
@media (max-width: 750px) {
  .m-ratio-2-3 {
    position: relative;
    width: 100%;
  }
  .m-ratio-2-3:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 150%;
  }
  .m-ratio-2-3 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .m-ratio-2-3 > .content.top {
    top: 0;
  }
  .m-ratio-2-3 > .content.bottom {
    bottom: 0;
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .m-ratio-2-3.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .m-ratio-2-3.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-2-3.m-ratio-auto > .content {
    position: relative;
  }
}
@media (max-width: 750px) {
  .m-ratio-3-2 {
    position: relative;
    width: 100%;
  }
  .m-ratio-3-2:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%;
  }
  .m-ratio-3-2 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .m-ratio-3-2 > .content.top {
    top: 0;
  }
  .m-ratio-3-2 > .content.bottom {
    bottom: 0;
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .m-ratio-3-2.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .m-ratio-3-2.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-3-2.m-ratio-auto > .content {
    position: relative;
  }
}
@media (max-width: 750px) {
  .m-ratio-16-9 {
    position: relative;
    width: 100%;
  }
  .m-ratio-16-9:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .m-ratio-16-9 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .m-ratio-16-9 > .content.top {
    top: 0;
  }
  .m-ratio-16-9 > .content.bottom {
    bottom: 0;
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .m-ratio-16-9.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .m-ratio-16-9.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-16-9.m-ratio-auto > .content {
    position: relative;
  }
}
@media (max-width: 750px) {
  .m-ratio-4-5 {
    position: relative;
    width: 100%;
  }
  .m-ratio-4-5:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 125%;
  }
  .m-ratio-4-5 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .m-ratio-4-5 > .content.top {
    top: 0;
  }
  .m-ratio-4-5 > .content.bottom {
    bottom: 0;
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .m-ratio-4-5.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .m-ratio-4-5.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-4-5.m-ratio-auto > .content {
    position: relative;
  }
}
@media (max-width: 750px) {
  .m-ratio-5-4 {
    position: relative;
    width: 100%;
  }
  .m-ratio-5-4:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 80%;
  }
  .m-ratio-5-4 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .m-ratio-5-4 > .content.top {
    top: 0;
  }
  .m-ratio-5-4 > .content.bottom {
    bottom: 0;
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .m-ratio-5-4.m-ratio-auto {
    position: relative;
    width: 100%;
  }
  .m-ratio-5-4.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-5-4.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-auto > .content {
  height: 100%;
  width: 100%;
}
.ratio-auto > .content .image-container {
  height: 100%;
  height: 100%;
}

/*!
 *
 *   @bornfight/gocart v1.0.9
 *
 *
 *   Copyright (c) Bornfight (https://www.bornfight.com/)
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
.go-cart__modal {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 50;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 420px;
  height: 220px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.go-cart__modal.is-open {
  opacity: 1;
  visibility: visible;
}

.go-cart__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.go-cart__overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.go-cart__drawer {
  position: fixed;
  top: 0;
  right: -480px;
  z-index: 40;
  width: 100%;
  max-width: 480px;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.go-cart__drawer.is-open {
  -webkit-transform: translateX(-480px);
  transform: translateX(-480px);
}

.go-cart__drawer--left {
  right: auto;
  left: -480px;
}

.go-cart__drawer--left.is-open {
  -webkit-transform: translateX(480px);
  transform: translateX(480px);
}

.go-cart__mini-cart {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 40;
  width: 480px;
  height: 480px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  cursor: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.go-cart__mini-cart.is-open {
  opacity: 1;
  visibility: visible;
}

.go-cart__empty {
  text-align: center;
  padding: 40px 0;
}

.go-cart__trigger {
  position: relative;
  cursor: pointer;
}

.go-cart__button {
  background: #000;
  color: #fff;
  padding: 20px 10px;
  text-align: center;
  cursor: pointer;
}

.go-cart-modal {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.go-cart-modal__close {
  position: absolute;
  z-index: 10;
  right: 20px;
  top: 20px;
  line-height: 0;
  cursor: pointer;
}

.go-cart-modal__content {
  width: 100%;
  padding: 20px;
  text-align: center;
}

.go-cart-modal__buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 20px;
}

.go-cart-drawer {
  position: relative;
  height: 100%;
}

.go-cart-drawer__close {
  cursor: pointer;
  line-height: 0;
}

.go-cart-drawer__content {
  height: calc(100% - 280px);
  overflow: hidden;
  overflow-y: scroll;
  padding: 0 30px;
}

.go-cart-drawer__subtotal {
  align-items: center;
  height: 50px;
  padding: 0 30px;
}

.go-cart-drawer__footer, .go-cart-drawer__subtotal {
  display: flex;
  justify-content: space-between;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.go-cart-drawer__footer {
  flex-direction: column;
  height: 170px;
  padding: 20px 30px;
}

.go-cart-mini-cart {
  position: relative;
}

.go-cart-mini-cart__content {
  position: relative;
  height: 330px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 0 30px;
}

.go-cart-mini-cart__subtotal {
  align-items: center;
  height: 50px;
  padding: 0 30px;
}

.go-cart-mini-cart__footer, .go-cart-mini-cart__subtotal {
  display: flex;
  justify-content: space-between;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.go-cart-mini-cart__footer {
  height: 100px;
  text-align: center;
  padding: 20px 30px;
}

.go-cart-item__single {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 15px 0;
  border-bottom: 1px solid #f5f5f5;
}

.go-cart-item__info-wrapper {
  position: relative;
  display: flex;
}

.go-cart-item__info {
  max-width: 250px;
  line-height: 1.18;
  padding: 10px 10px 10px 30px;
}

.go-cart-item__image {
  width: 90px;
  height: 110px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.go-cart-item__title {
  vertical-align: top;
}

.go-cart-item__variant {
  position: relative;
  top: 5px;
}

.go-cart-item__quantity {
  position: absolute;
  bottom: 10px;
  display: flex;
  align-items: center;
}

.go-cart-item__quantity-label {
  margin-right: 5px;
}

.go-cart-item__quantity-number {
  width: 30px;
  height: 24px;
  margin: 0;
  text-align: center;
  font-size: 1rem;
  color: #000;
  border: none;
  outline: none;
  -moz-appearance: textfield;
}

.go-cart-item__quantity-number::-webkit-inner-spin-button, .go-cart-item__quantity-number::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  display: none;
}

.go-cart-item__quantity-button {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f5f5f5;
  font-size: 1rem;
  padding: 0 5px;
  margin: 0 2px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.go-cart-item__price {
  position: absolute;
  bottom: 25px;
  right: 0;
}

.go-cart-item__remove {
  position: absolute;
  right: 0;
  top: 25px;
  cursor: pointer;
}

.go-cart-modal-item {
  position: relative;
  display: flex;
}

.go-cart-modal-item__info {
  max-width: 250px;
  padding: 10px 10px 10px 30px;
  line-height: 1.18;
}

.go-cart-modal-item__image {
  width: 90px;
  height: 110px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.is-invisible {
  opacity: 0;
  visibility: hidden;
}

/*# sourceMappingURL=index.css.map */
.go-cart__drawer {
  --font-size: 1.5rem;
  z-index: 100;
  padding-top: 5.3rem;
}
@media (max-width: 750px) {
  .go-cart__drawer {
    padding-top: 0;
  }
}

.go-cart-item__remove {
  font-size: 0 !important;
}
.go-cart-item__remove:after {
  content: "";
  background-image: url("https://cdn.shopify.com/s/files/1/0329/6696/7431/files/trash.svg?v=1668557104");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 1.6rem;
  width: 1.6rem;
}

.go-cart-item__variant {
  display: flex;
  flex-direction: column-reverse;
}

.go-cart-item__image {
  width: 15rem;
  height: 15rem;
}

.go-cart-drawer__subtotal {
  height: unset;
  width: unset;
  padding: 2rem 0;
}

.go-cart-drawer__header {
  padding: 2rem;
  display: grid;
  grid-template-columns: 20px auto;
}
.go-cart-drawer__header .go-cart-drawer__close {
  display: flex;
  justify-content: center;
  align-items: center;
}

.go-cart__trigger {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.go-cart__trigger svg path {
  fill: var(--text-colour);
}
.go-cart__trigger:hover {
  opacity: 0.8;
}

.go-cart__button {
  margin-bottom: 1.6rem;
}

.go-cart-item__quantity {
  display: grid;
  grid-template-columns: rpeeat(3, 1fr);
  row-gap: 0.5rem;
}
.go-cart-item__quantity .go-cart-item__quantity-label {
  grid-column: span 3;
}

.go-cart-item__quantity-button, .go-cart-item__quantity-number {
  border: 1px solid #999999;
}

.go-cart-drawer__content {
  height: unset;
  max-height: calc(100% - 350px);
}
@media (max-width: 750px) {
  .go-cart-drawer__content {
    padding: 0 1rem;
  }
  .go-cart-drawer__content a, .go-cart-drawer__content p, .go-cart-drawer__content span {
    font-size: 1.4rem;
    line-height: 0.9em;
  }
  .go-cart-drawer__content .go-cart-item__title {
    font-size: 1.6rem;
  }
}

.go-cart-item__info {
  padding: 1rem;
  padding-left: 0;
  padding-right: 2rem;
}
@media (max-width: 750px) {
  .go-cart-item__info {
    width: 66%;
  }
}

.go-cart-item__title {
  text-decoration: none;
}

.go-cart-drawer__subtotal {
  border-radius: 2px;
  margin-top: 4rem;
  align-items: flex-end;
}

.go-cart-drawer__footer {
  height: auto;
  padding-bottom: 4rem;
}
@media (max-width: 750px) {
  .go-cart-drawer__footer {
    padding: 0 1rem;
    padding-bottom: 4rem;
  }
}

@font-face {
  font-family: "Brandon-Bold";
  src: url("https://cdn.shopify.com/s/files/1/1295/0601/files/Brandon_bld.otf?v=1643074981");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mohave-bold";
  src: url("h/cdn/shop/files/Mohave-Bold.otf?v=1661038286");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "lubaline";
  src: url("/cdn/shop/files/lubaline.ttf?v=1657931199");
}
@font-face {
  font-family: "poppins";
  src: url("/cdn/shop/files/Poppins-Regular.ttf?v=1657931252");
}
@font-face {
  font-family: "poppins-bold";
  src: url("/cdn/shop/files/Poppins-Bold.ttf?v=1657932304");
}
@font-face {
  font-family: "poppins-semibold";
  src: url("/cdn/shop/files/Poppins-SemiBold.ttf?v=1658268770");
}
h1 p, h2 p, h3 p, h4 p,
.h1 p, .h2 p, .h3 p, .h4 p,
.bold p, b p, strong p, .arrow-link p {
  line-height: normal;
}

.bold, strong {
  font-family: "poppins-bold";
}

[data-highlight],
[data-highlight] p {
  position: relative;
  text-transform: uppercase;
  text-shadow: 4px 4px 0px var(--text-highlight);
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
select,
input,
label,
ul,
li,
details,
summary,
span,
i,
b,
strong,
em,
p,
a,
div {
  font-size: var(--font-size);
  color: var(--text-color);
}
@media (max-width: 750px) {
  h1,
h2,
h3,
h4,
h5,
h6,
button,
select,
input,
label,
ul,
li,
details,
summary,
span,
i,
b,
strong,
em,
p,
a,
div {
    font-size: var(--font-size-mobile);
  }
}

p, ul, li {
  line-height: 150%;
}

h4, .h4 {
  font-family: "poppins-bold";
  font-size: 2.4rem;
}
@media (max-width: 750px) {
  h4, .h4 {
    font-size: 1.8rem;
  }
}

h5, .h5 {
  line-height: 110%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 700;
}

h6 {
  line-height: 120%;
}

p, .rte {
  line-height: 120%;
}

.heavy {
  font-weight: 800;
}

.uppercase {
  text-transform: uppercase;
}

.regular {
  font-weight: 500;
}

.micro,
.micro * {
  --font-size: 1rem;
}

.caption, select {
  --font-size: 1.2rem;
  --font-size-mobile: 1.2rem;
  letter-spacing: 0.2em;
}

.rte img {
  max-width: 100%;
}
.rte h2 {
  --font-size: 1.8rem;
  --font-size-mobile: 1.4rem;
}
.rte ul {
  list-style: disc;
  margin-bottom: 2rem;
  margin-left: 2rem;
}
.rte a {
  text-decoration: underline;
}

a {
  font-size: var(--font-size);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 750px) {
  a {
    font-size: var(--font-size-mobile);
  }
}

strike, .no-underline strike {
  text-decoration: line-through;
}

.visually-hidden {
  display: none !important;
}

.stack {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.stack * > {
  grid-column: 1;
  grid-row: 1;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.absolute-center {
  left: 50%;
  transform: translate(-50%, 0);
}

.sticky {
  position: sticky;
}

.rounded {
  border-radius: 0.5rem;
  overflow: hidden;
}

.rounded-full {
  border-radius: 100000px;
}

.top {
  top: 0;
}

.top-5 {
  top: 0.5rem;
}

.top-10 {
  top: 1rem;
}

.top-20 {
  top: 2rem;
}

.top-35 {
  top: 3.5rem;
}

.top-center {
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.cursor-grabbing {
  cursor: grabbing;
}

.border--white {
  border: 1px solid #FFFFFF;
}

.no-underline, .no-underline * {
  text-decoration: none;
}

.left {
  left: 0;
}

.left-2 {
  left: -2rem;
}

.left-5 {
  left: 0.5rem;
}

.left-10 {
  left: 1rem;
}

.left--m {
  left: 6rem;
}

.bottom {
  bottom: 0;
}

.right {
  right: 0;
}

.right-2 {
  right: -2rem;
}

.h-100 {
  height: 100%;
}

.min-h-50 {
  min-height: 50vh;
}

.min-h-100 {
  min-height: 100%;
}

.w-100 {
  width: 100%;
}

.w-40 {
  width: 40%;
}

.w-66 {
  width: 66.66%;
}

.max-450 {
  max-width: 45rem;
}

.max-100vh {
  max-height: 100vh;
}

.gap-5 {
  gap: 0.5rem;
}

.gap-10 {
  gap: 1rem;
}

.gap-20 {
  gap: 2rem;
}

.gap-40 {
  gap: 4rem;
}

.gap-60 {
  gap: 6rem;
}

.row-gap-10 {
  row-gap: 1rem;
}

.row-gap-40 {
  row-gap: 4rem;
}

.text--left {
  text-align: left;
}

.text--center {
  text-align: center;
}

.text--right {
  text-align: right;
}

.flex-gap-20 {
  gap: 2rem;
}

.inline-block {
  display: inline-block;
}

img.cover, .cover, .cover * {
  object-fit: cover;
}

.ls--20 {
  letter-spacing: 0.2em;
}

.contain, .contain * {
  object-fit: contain;
}

.overlay {
  background-color: #333333a4;
}

.mg--0-auto {
  margin: 0 auto;
}

.auto-layout-40 > *:not(:last-child) {
  margin-bottom: 4rem;
}

.auto-layout-20 > *:not(:last-child) {
  margin-bottom: 2rem;
}

.auto-layout-10 > *:not(:last-child) {
  margin-bottom: 1rem;
}

.fixed-background .image-container {
  height: 100%;
}
.fixed-background .image-container img {
  height: 100%;
}
@media (max-width: 750px) {
  .fixed-background {
    display: none;
  }
}

.pad-20 {
  padding: 2rem;
}

.border-grey {
  border: 1px solid #BBBBBB;
}

.border-green {
  border: 1px solid #158649;
}

.border-top-grey {
  border-top: 1px solid #BBBBBB;
}

.border-top-light-grey {
  border-top: 1px solid #999999;
}

.border-bottom-light-grey {
  border-bottom: 1px solid #999999;
}

.border-top-grey-two {
  border-top: 1px solid #E6E6E6;
}

.border-top-x-light-grey {
  border-top: 1px solid #ECF0F1;
}

.border-bottom-grey {
  border-bottom: 1px solid #BBBBBB;
}

.border-bottom-red {
  border-bottom: 1px solid #CE463F;
}

.stack {
  display: grid;
  grid-template-columns: 100%;
}
.stack > * {
  grid-row: 1;
  grid-column: 1;
}

.full-bleed {
  margin: 0 calc(var(--site-margin) * -1);
  width: calc(100vw + var(--site-margin)) !important;
}

.w-5v7 {
  width: 71.42%;
}

.w-4v7 {
  width: 57.14%;
}

.w-200 {
  width: 20rem;
}

.w-400 {
  width: 40rem;
}

.w-fit {
  width: fit-content;
  width: -moz-fit-content;
}

.w-62-5 {
  width: 62.5%;
}

.h-fit {
  height: fit-content;
  height: -moz-fit-content;
}

.grid-gap-1-col {
  grid-gap: calc(8.33vw - 1rem);
  row-gap: 4rem;
}

.gc-1-col {
  display: grid;
  grid-template-columns: 100%;
}

.gc-4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.5rem;
}

.gc-1-row {
  grid-template-rows: 100%;
}

.row-gap-0 {
  row-gap: 0;
}

.gc-row-gap-20 {
  row-gap: 2rem;
}

.gc-row-gap-40 {
  row-gap: 4rem;
}

.gc-col-gap-20 {
  column-gap: 2rem;
}

.gc-col-gap-40 {
  column-gap: 4rem;
}

.gc-col-gap-80 {
  column-gap: 8rem;
}

.gc-gap-80 {
  gap: 8rem;
}

.tablet-or-larger {
  display: block;
}
@media (max-width: 750px) {
  .tablet-or-larger {
    display: none;
  }
}

.bottom-0 {
  bottom: 0 !important;
  top: unset !important;
}

.left-40 {
  left: 4rem !important;
}

.right-40 {
  right: 4rem !important;
}

@media (max-width: 750px) {
  .m-mg--0-auto {
    margin: 0 auto;
  }

  .m-w-100 {
    width: 100%;
  }

  .m-text-left {
    text-align: left;
  }

  .m-gc-1-col {
    display: grid;
    grid-template-columns: 1fr;
  }

  .m-gc-2-col {
    grid-template-columns: repeat(2, 1fr);
    display: grid !important;
    grid-gap: 2rem;
  }

  .m-overflow-y--scroll {
    overflow-y: scroll;
  }

  .m-relative {
    position: relative;
  }

  .m-w-100 {
    width: 100%;
  }

  .m-p-left-10 {
    padding-left: 1rem !important;
  }

  .m-p-right-10 {
    padding-right: 1rem !important;
  }

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

  .m-bottom-0 {
    bottom: 0 !important;
    top: unset !important;
  }

  .m-bottom-50 {
    bottom: 50% !important;
    top: unset !important;
  }

  .m-bottom-25 {
    bottom: 25% !important;
    top: unset !important;
  }

  .m-spacing-bottom--small {
    padding-bottom: 2rem;
  }

  .m-spacing-top--small {
    padding-top: 2rem;
  }

  .m-spacing-top--medium {
    padding-top: 4rem;
  }

  .m-spacing-bottom--medium {
    padding-bottom: 4rem;
  }

  .m-spacing-top--large {
    padding-top: 8rem;
  }

  .m-spacing-top--none {
    padding-top: 0;
  }

  .m-spacing-top--x-large {
    padding-top: 15rem;
  }

  .m-border-bottom-white {
    border-bottom: 1px solid #FFFFFF;
    margin: 0 8rem;
  }

  .m-border-bottom-grey {
    border-bottom: 1px solid #999999;
  }

  .m-auto-layout-20 > *:not(:last-child) {
    margin-bottom: 2rem;
  }

  .m-text-center {
    text-align: center;
  }

  .gc-col-gap-40, .gc-col-gap-80 {
    column-gap: 2rem;
  }

  .gc-gap-80 {
    gap: 2rem;
  }

  .m-gap-0 {
    gap: 0;
  }

  .m-gap-5 {
    gap: 0.5rem;
  }

  .m-gc-row-gap-40 {
    row-gap: 4rem;
  }

  .m-top-0 {
    top: 0;
    transform: none;
  }
}
.z--5 {
  z-index: -5;
}

.z--4 {
  z-index: -4;
}

.z--3 {
  z-index: -3;
}

.z--2 {
  z-index: -2;
}

.z--1 {
  z-index: -1;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-6 {
  z-index: 6;
}

.z-7 {
  z-index: 7;
}

.z-8 {
  z-index: 8;
}

.z-9 {
  z-index: 9;
}

.z-10 {
  z-index: 10;
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: ${$themeBlack};
}

.article-carousel,
.product-page-carousel,
.recommended-products-swiper {
  overflow: hidden;
}

.recommended-products-swiper .swiper-slide {
  padding: 2rem;
}
@media (max-width: 750px) {
  .recommended-products-swiper .swiper-slide {
    padding: 0;
  }
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition-property: transform;
  cursor: grab;
}
.swiper-slide:focus {
  cursor: grabbing;
}
.swiper-slide:active {
  cursor: grabbing;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-button {
  border-radius: 400px;
  background-color: #FFFFFF;
  border: none;
  padding: 1rem;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.swiper-button:hover {
  transform: translateY(-0.5rem);
  -moz-transform: translateY(-0.5rem);
  -webkit-transform: translateY(-0.5rem);
  -o-transform: translateY(-0.5rem);
}

.swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 0.5rem;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  height: 1rem;
  width: 1rem;
  background: transparent;
  border-radius: 5rem;
  border: 1px solid white;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: white;
}

.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

.tablet-only {
  display: none;
}

.tablet-plus {
  display: none;
}

@media (max-width: 1180px) {
  .desktop-only {
    display: none;
  }

  .tablet-only {
    display: flex;
  }
}
@media (min-width: 750px) {
  .tablet-plus {
    display: flex;
  }
}
@media (max-width: 750px) {
  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: flex;
  }

  .m-z-3 {
    z-index: 3;
  }
}
html {
  font-family: futura-pt, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 62.5%;
  color: var(---text-color);
  width: 100vw;
  overflow-x: hidden;
}
html * {
  box-sizing: border-box;
}

body {
  width: 100vw;
  font-size: 1.6rem;
  overflow-x: hidden;
  background-color: #F7F2E8;
}
body > * {
  animation: fade-in 0.5s linear;
}
body.no-scroll {
  height: 100vh;
  overflow-y: hidden;
}
body.fade-out > * {
  animation: fade-out 0.5s linear;
}

main, .header-inner, footer {
  max-width: 154rem;
  margin: 0 auto;
  overflow: hidden;
}

main {
  min-height: calc(100vh - 7.5rem);
}
@media (max-width: 750px) {
  main {
    margin-top: 70px;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes fade-in {
  0% {
    opacity: 100%;
  }
  100% {
    opacity: 0;
  }
}
#site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  --nav-text: #FFFFFF;
  --nav-bkd: #000000;
  color: #FFFFFF;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
#site-header svg path {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  fill: var(--nav-text);
}
#site-header > * {
  color: var(--nav-text);
}
#site-header svg path {
  fill: var(--nav-text);
}
#site-header .newsletter {
  background: black;
  color: white;
  padding: 0.5rem 0;
}
#site-header.scrolled {
  --nav-text: #000000;
  --nav-bkd: #FFFFFF;
  background: #F7F2E8;
}
@media (max-width: 750px) {
  #site-header {
    --nav-text: #000000;
    --nav-bkd: #FFFFFF;
    background: #F7F2E8;
  }
  #site-header .toggle * {
    pointer-events: none;
  }
  #site-header .toggle svg {
    height: 1.6rem;
    width: 1.6rem;
  }
  #site-header .toggle svg:nth-of-type(2) {
    display: none;
  }
  #site-header.active .toggle svg:nth-of-type(1) {
    display: none;
  }
  #site-header.active .toggle svg:nth-of-type(2) {
    display: block;
  }
  #site-header.active .mobile-menu {
    transform: translateX(100vw);
    -moz-transform: translateX(100vw);
    -webkit-transform: translateX(100vw);
    -o-transform: translateX(100vw);
  }
}

.mobile-menu {
  background: #F7F2E8;
  height: calc(100vh - var(--header-height));
  z-index: 2;
  width: 100vw;
  top: var(--header-height);
  position: fixed;
  left: -100vw;
  color: #000;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

nav a, .collection--filters a {
  position: relative;
  text-decoration: none;
}
nav a:before, .collection--filters a:before {
  background-color: var(--nav-text);
  content: "";
  position: absolute;
  bottom: -0.5rem;
  height: 0.2rem;
  width: 0;
  -webkit-transition: 0.1s all cubic-bezier(1, 0.34, 0.28, 0.85);
  -moz-transition: 0.1s all cubic-bezier(1, 0.34, 0.28, 0.85);
  -ms-transition: 0.1s all cubic-bezier(1, 0.34, 0.28, 0.85);
  -o-transition: 0.1s all cubic-bezier(1, 0.34, 0.28, 0.85);
  transition: 0.1s all cubic-bezier(1, 0.34, 0.28, 0.85);
}
nav a:hover:before, nav a.active:before, .collection--filters a:hover:before, .collection--filters a.active:before {
  width: 100%;
}

footer #mc_embed_signup {
  max-width: 400px;
  margin-left: auto;
}
footer #mc_embed_signup .mc-field-group label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
footer #mc_embed_signup .mc-field-group label input {
  height: 4rem;
  background: #FFF;
  border-radius: 0.5rem;
}
@media (max-width: 750px) {
  footer #mc_embed_signup {
    width: 100%;
    max-width: unset;
    padding: 0 4rem;
  }
}

[data-page-template=page] header#site-header,
[data-page-template="404"] header#site-header,
[data-page-template=product] header#site-header,
[data-page-template=cart] header#site-header {
  --nav-text: #000000;
  --nav-bkd: #FFFFFF;
}

.bold {
  font-family: "poppins-bold";
}

.white {
  color: #FFFFFF;
}

.background-white {
  background-color: #FFFFFF;
}

.cream {
  background-color: #EEE4D1;
}

.grey {
  background-color: #F7F2E8;
}

.light-grey {
  color: #999999;
}

.semibold {
  font-family: "poppins-semibold";
  letter-spacing: 0.02em;
}

.radius-m {
  border-radius: 3rem;
  overflow: hidden;
}

.text-with-image {
  background-color: var(--background-color);
}
.text-with-image .text-block p, .text-with-image .text-block h3 {
  color: var(--text-color);
}
.text-with-image .text-block button {
  color: var(--background-color);
  background-color: var(--text-color);
}

.selector {
  position: relative;
}
.selector button {
  background: #FFFFFF;
  --text-color: #000;
  outline: none;
  border-radius: 0.5rem;
  padding: 1rem 1.6rem;
  box-shadow: 0px 1px 2px #a6a6a666;
  z-index: 21;
}
.selector button:after, .selector button:before {
  display: none;
}
.selector button * {
  pointer-events: none;
}
.selector button svg {
  height: 0.8rem;
  width: auto;
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -ms-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}
.selector button svg path {
  fill: #000;
}
.selector .options {
  opacity: 0;
  visibility: hidden;
  max-height: 4.2rem;
  transform: translateY(-2rem);
  -moz-transform: translateY(-2rem);
  -webkit-transform: translateY(-2rem);
  -o-transform: translateY(-2rem);
  -webkit-transition: 0.3s transform 0.1s, 0.2s opacity ease-out;
  -moz-transition: 0.3s transform 0.1s, 0.2s opacity ease-out;
  -ms-transition: 0.3s transform 0.1s, 0.2s opacity ease-out;
  -o-transition: 0.3s transform 0.1s, 0.2s opacity ease-out;
  transition: 0.3s transform 0.1s, 0.2s opacity ease-out;
  position: absolute;
  width: 100%;
  z-index: 20;
  background: #FFFFFF;
  margin-top: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 2px #a6a6a666;
}
.selector .options .option {
  cursor: pointer;
  padding: 1.2rem 2rem;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.selector .options .option:hover {
  background: #e8e8e8;
}
.selector .options .option.disabled {
  color: #cccccc;
  pointer-events: none;
}
.selector.active svg {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.selector.active .options {
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: unset;
}

.illustration {
  max-width: 20rem;
  opacity: 0.3;
  width: 100%;
  height: 100%;
}
@media (max-width: 750px) {
  .illustration {
    display: none;
  }
}

@media (max-width: 750px) {
  .carousel .slide-simple .slide--text {
    padding-bottom: 6rem;
  }
}

.product-carousel {
  overflow: hidden;
}

.product-page-carousel-wrapper:before {
  content: "";
  background: var(--product-colour);
  display: block;
  position: absolute;
  height: calc(100% + 7.5rem);
  width: 50%;
  right: calc(6rem * -1);
  top: calc(-6rem + 2rem);
  border-radius: 0 0 0 200vh;
}
@media (max-width: 750px) {
  .product-page-carousel-wrapper:before {
    height: 33%;
    width: calc(100% - 2rem);
    right: -2rem;
    z-index: -1;
  }
}
.product-page-carousel-wrapper .pagination {
  margin: 2rem 0;
  min-width: 5rem;
  max-width: 10rem;
  width: 100%;
}
.product-page-carousel-wrapper .pagination-item {
  border: 1px solid var(--product-colour);
  z-index: 2;
  border-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.product-page-carousel-wrapper .pagination-item.active {
  border: 2px solid #F7F2E8;
  pointer-events: none;
}
@media (max-width: 750px) {
  .product-page-carousel-wrapper .pagination {
    max-width: 100%;
    max-height: 10rem;
  }
  .product-page-carousel-wrapper .pagination-item {
    width: 7em;
    border: 3px solid #F7F2E8;
  }
  .product-page-carousel-wrapper .pagination-item.active {
    border: 3px solid var(--product-colour);
  }
}

button {
  border-radius: 6rem;
  padding: 1.2rem 4rem;
  border: none;
  background-color: #000000;
  color: #FFFFFF;
  font-family: "poppins-semibold";
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 750px) {
  button {
    padding: 1.2rem 2rem;
  }
}
button:before {
  left: 0;
  border-radius: 6rem 0 0 6rem;
}
button:after {
  right: 0;
  border-radius: 0 6rem 6rem 0;
}
button:before, button:after {
  content: "";
  top: 0;
  opacity: 0;
  z-index: -1;
  display: inline-block;
  -webkit-transition: 0.3s width, 0.2s opacity;
  -moz-transition: 0.3s width, 0.2s opacity;
  -ms-transition: 0.3s width, 0.2s opacity;
  -o-transition: 0.3s width, 0.2s opacity;
  transition: 0.3s width, 0.2s opacity;
  position: absolute;
  height: 100%;
  width: 0;
  background: #242424;
}
button:hover {
  transform: translateY(-0.2rem);
  -moz-transform: translateY(-0.2rem);
  -webkit-transform: translateY(-0.2rem);
  -o-transform: translateY(-0.2rem);
}
button:hover:before, button:hover:after {
  opacity: 1;
  width: 50%;
}
button svg {
  height: 1.6rem;
  width: auto;
}
button svg path {
  fill: #FFF;
}
button[disabled=disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.8;
}

.button_cream {
  background-color: #EEE4D1;
  color: #000000;
}
.button_cream:before, .button_cream:after {
  background: #fff5e3;
}

.button_transparent {
  background: transparent;
}
.button_transparent:before, .button_transparent:after {
  display: none;
}

.crop {
  overflow: hidden;
}
.crop.bottom-right {
  border-radius: 0px 0px 30rem 0px;
}
.crop.top-left {
  border-radius: 30rem 0 0 0;
}
@media (max-width: 750px) {
  .crop.top-left, .crop.bottom-right {
    border-radius: 6rem;
  }
}

.corner {
  width: 90%;
  height: 100%;
  overflow: hidden;
  border-radius: 0 0 300px 0;
}
.corner.bottom-left {
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 0 100%;
}

.overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  height: 100%;
  width: 100%;
}

.rounded {
  border-radius: 3rem;
  overflow: hidden;
}

.min-h-600 {
  min-height: 60rem;
}

.collection--products, .collection--filters {
  --nav-text: #000;
  max-width: 100rem;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .collection--products, .collection--filters {
    margin: 0 2rem;
  }
}

.product--meta svg {
  height: 0.6rem;
  width: 0.6rem;
}

.product--card .image-container {
  position: relative;
}
.product--card .image-container img {
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -ms-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}
.product--card .image-container:after {
  -webkit-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -ms-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
  content: "";
  position: absolute;
  bottom: 0rem;
  border-radius: 200%;
  width: 50%;
  height: 1rem;
  left: 25%;
  background: #7f7f7f;
  opacity: 0.22;
  box-shadow: -1px 1px 11px 8px #7f7f7f;
  z-index: -1;
}
.product--card:hover .image-container:after {
  transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
}
.product--card:hover .image-container img {
  transform: translateY(-2rem);
  -moz-transform: translateY(-2rem);
  -webkit-transform: translateY(-2rem);
  -o-transform: translateY(-2rem);
}

#upsell {
  margin: 20px 0;
  overflow: hidden;
}
#upsell h4 {
  text-transform: uppercase;
}
#upsell .product {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#upsell .product .quick-add-container {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 750px) {
  #upsell .product .quick-add-container {
    position: relative;
    opacity: 1;
    border: 1px solid black;
  }
}
#upsell .product:hover .quick-add-container {
  opacity: 1;
}
#upsell p {
  font-size: 14px;
}
#upsell p.bold {
  font-weight: bold;
}
#upsell button {
  font-size: 1.2rem;
  padding: 10px;
  background: #e8e8e8;
  outline: none;
  color: black !important;
  border: none;
  font-weight: bold;
  height: 30px;
  cursor: pointer;
}
#upsell button:before, #upsell button:after {
  display: none;
}
@media (max-width: 750px) {
  #upsell button {
    background: none;
  }
}

.venues-container {
  max-width: 110rem;
  margin: 0 auto;
  margin-top: 6rem;
}
@media (max-width: 1180px) {
  .venues-container {
    margin: 2rem;
  }
}
@media (max-width: 750px) {
  .venues-container {
    margin: 2rem;
  }
}

.cart-item {
  border-top: 1px solid #000000;
  padding: 2rem 0;
}
.cart-item .image-container {
  width: 200px;
}
@media (max-width: 750px) {
  .cart-item .image-container {
    width: 100px;
  }
}
.cart-item .quantity-selector {
  width: 12rem;
}

#app .cart--total {
  border-bottom: 2px solid black;
}

.go-cart__drawer {
  background-color: #FFFFFF;
  margin-top: calc(7.5rem + 2rem);
  margin-bottom: 2rem;
  padding-top: 0;
  height: calc(100% - 7.5rem - 2rem - 2rem);
  border-radius: 1rem;
}

.go-cart-drawer__header {
  display: flex;
}

.go-cart-drawer__footer {
  position: absolute;
  bottom: 0;
}

.shopify-challenge__container {
  margin-top: 7.5rem;
  padding-top: 6rem;
}

.quantity-selector {
  padding: 0.5rem 0;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px #a6a6a666;
  border-radius: 0.5rem;
  width: 100%;
  display: grid;
  padding: 0.7rem 1.6rem;
  grid-template-columns: 2rem auto 2rem;
}
.quantity-selector input {
  background: transparent;
  font-size: 1.8rem;
  width: 100%;
  font-family: "poppins-semibold";
  text-align: center;
}
.quantity-selector input[type=number] {
  text-decoration: underline;
}

[data-section-id=untappd-menu] {
  position: relative;
}
[data-section-id=untappd-menu]:before {
  content: "";
  position: absolute;
  top: -10rem;
  display: block;
  height: 300px;
  pointer-events: none;
}
[data-section-id=untappd-menu] .untappd-menu-inner {
  max-width: 140rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
[data-section-id=untappd-menu] .js-untappd-title {
  animation: fade-in 1s linear;
  width: 100%;
  text-align: center;
  padding: 6rem 0;
}
[data-section-id=untappd-menu] .js-untappd-beer {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  text-decoration: none;
  grid-column: span 1;
  width: 25%;
  padding: 2rem;
  text-align: center;
}
@media (max-width: 750px) {
  [data-section-id=untappd-menu] .js-untappd-beer {
    width: 50%;
  }
}
[data-section-id=untappd-menu] .js-untappd-beer .js-beer-name {
  padding-top: 2rem;
}
[data-section-id=untappd-menu] .js-untappd-beer img {
  width: 100%;
  animation: fade-in 1s linear;
  object-fit: contain;
}
[data-section-id=untappd-menu] .js-untappd-beer:hover {
  transform: translateY(-0.5rem);
  -moz-transform: translateY(-0.5rem);
  -webkit-transform: translateY(-0.5rem);
  -o-transform: translateY(-0.5rem);
}
[data-section-id=untappd-menu] .untappd-menu-footer svg {
  width: 7rem;
}

@keyframes fade-in {
  0% {
    background: white;
    opacity: 0;
  }
  50% {
    background: white;
    opacity: 0;
  }
  100% {
    background: none;
    opacity: 1;
  }
}
.go-cart__trigger {
  position: relative;
}
.go-cart__trigger .js-go-cart-counter {
  font-size: 0.9rem;
  top: -0.9rem;
  right: -0.9rem;
  width: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.6rem;
  border-radius: 0.8rem;
  background: var(--nav-text);
  color: var(--nav-bkd);
}

.go-cart-item__image {
  background-size: contain;
}