/** Shopify CDN: Minification failed

Line 6484:23 Expected identifier but found whitespace
Line 6484:24 Unexpected "$"
Line 6484:26 Expected identifier but found "$"

**/
.gc {
  grid-gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 0.5rem;
  display: grid;
}
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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;
}
.gc-0-col {
  grid-template-columns: repeat(0, 1fr);
  display: grid;
}
.gc-1-col {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}
.gc-2-col {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
.gc-3-col {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.gc-4-col {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.gc-5-col {
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}
.gc-6-col {
  grid-template-columns: repeat(6, 1fr);
  display: grid;
}
@media (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;
  }
  .t-gc-0-col {
    grid-template-columns: repeat(0, 1fr);
    display: grid;
  }
  .t-gc-1-col {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }
  .t-gc-2-col {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }
  .t-gc-3-col {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }
  .t-gc-4-col {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }
  .t-gc-5-col {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }
  .t-gc-6-col {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }
}
@media (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;
  }
  .m-gc-0-col {
    grid-template-columns: repeat(0, 1fr);
    display: grid;
  }
  .m-gc-1-col {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }
  .m-gc-2-col {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }
  .m-gc-3-col {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }
  .m-gc-4-col {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }
  .m-gc-5-col {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
  }
  .m-gc-6-col {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }
}
@media (width<=1400px) {
  .lt-gc-3-col {
    grid-template-columns: repeat(3, 1fr);
  }
}
.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;
}
.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--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;
}
.col-gap--xs {
  column-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;
}
.col-gap--xsx {
  column-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;
}
.col-gap--s {
  column-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;
}
.col-gap--sx {
  column-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;
}
.col-gap--m {
  column-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;
}
.col-gap--mx {
  column-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;
}
.col-gap--l {
  column-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;
}
.col-gap--xl {
  column-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;
}
.col-gap--xxl {
  column-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;
}
.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;
}
.col-gap--0 {
  column-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;
}
@media (width<=1180px) {
  .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-col-gap--xs {
    column-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-col-gap--xsx {
    column-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-col-gap--s {
    column-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-col-gap--sx {
    column-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-col-gap--m {
    column-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-col-gap--mx {
    column-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-col-gap--l {
    column-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-col-gap--xl {
    column-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-col-gap--xxl {
    column-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;
  }
  .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-col-gap--0 {
    column-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;
  }
}
@media (width<=750px) {
  .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-col-gap--xs {
    column-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-col-gap--xsx {
    column-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-col-gap--s {
    column-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-col-gap--sx {
    column-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-col-gap--m {
    column-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-col-gap--mx {
    column-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-col-gap--l {
    column-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-col-gap--xl {
    column-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-col-gap--xxl {
    column-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;
  }
  .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-col-gap--0 {
    column-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;
  }
}
.mb-y--s {
  margin-bottom: 2rem;
}
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 {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: 0;
}
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;
}
ol {
  margin-left: 2rem;
}
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%;
  font-family: 'Work Sans';
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="button"] {
  cursor: pointer;
  background: 0 0;
}
textarea {
  resize: none;
  padding: 0.5rem;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
.flex {
  display: flex;
}
.flex-r {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-end {
  align-items: flex-end;
}
.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 (width<=750px) {
  .m-flex {
    display: flex;
  }
  .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-right {
    justify-content: flex-end;
  }
  .m-flex-to-top {
    align-items: flex-start;
  }
  .m-flex-to-bottom {
    align-items: flex-end;
  }
}
.ratio-1-1 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-1-1:before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
}
.ratio-1-1 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-1-1 > .content.top {
  top: 0;
}
.ratio-1-1 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-1-1.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-1-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-1-1.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-2-3 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-2-3:before {
  content: "";
  width: 100%;
  padding-top: 150%;
  display: block;
}
.ratio-2-3 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-2-3 > .content.top {
  top: 0;
}
.ratio-2-3 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-2-3.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-2-3.m-ratio-auto:before {
    display: none;
  }
  .ratio-2-3.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-2-1 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-2-1:before {
  content: "";
  width: 100%;
  padding-top: 50%;
  display: block;
}
.ratio-2-1 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-2-1 > .content.top {
  top: 0;
}
.ratio-2-1 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-2-1.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-2-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-2-1.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-4-1 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-4-1:before {
  content: "";
  width: 100%;
  padding-top: 25%;
  display: block;
}
.ratio-4-1 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-4-1 > .content.top {
  top: 0;
}
.ratio-4-1 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-4-1.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-4-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-4-1.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-5-1 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-5-1:before {
  content: "";
  width: 100%;
  padding-top: 20%;
  display: block;
}
.ratio-5-1 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-5-1 > .content.top {
  top: 0;
}
.ratio-5-1 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-5-1.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-5-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-5-1.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-1-4 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-1-4:before {
  content: "";
  width: 100%;
  padding-top: 400%;
  display: block;
}
.ratio-1-4 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-1-4 > .content.top {
  top: 0;
}
.ratio-1-4 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-1-4.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-1-4.m-ratio-auto:before {
    display: none;
  }
  .ratio-1-4.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-3-2 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-3-2:before {
  content: "";
  width: 100%;
  padding-top: 66.6667%;
  display: block;
}
.ratio-3-2 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-3-2 > .content.top {
  top: 0;
}
.ratio-3-2 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-3-2.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-3-2.m-ratio-auto:before {
    display: none;
  }
  .ratio-3-2.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-3-1 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-3-1:before {
  content: "";
  width: 100%;
  padding-top: 33.3333%;
  display: block;
}
.ratio-3-1 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-3-1 > .content.top {
  top: 0;
}
.ratio-3-1 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-3-1.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-3-1.m-ratio-auto:before {
    display: none;
  }
  .ratio-3-1.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-4-3 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-4-3:before {
  content: "";
  width: 100%;
  padding-top: 75%;
  display: block;
}
.ratio-4-3 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-4-3 > .content.top {
  top: 0;
}
.ratio-4-3 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-4-3.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-4-3.m-ratio-auto:before {
    display: none;
  }
  .ratio-4-3.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-3-4 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-3-4:before {
  content: "";
  width: 100%;
  padding-top: 133.333%;
  display: block;
}
.ratio-3-4 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-3-4 > .content.top {
  top: 0;
}
.ratio-3-4 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-3-4.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-3-4.m-ratio-auto:before {
    display: none;
  }
  .ratio-3-4.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-4-5 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-4-5:before {
  content: "";
  width: 100%;
  padding-top: 125%;
  display: block;
}
.ratio-4-5 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-4-5 > .content.top {
  top: 0;
}
.ratio-4-5 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-4-5.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-4-5.m-ratio-auto:before {
    display: none;
  }
  .ratio-4-5.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-5-4 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-5-4:before {
  content: "";
  width: 100%;
  padding-top: 80%;
  display: block;
}
.ratio-5-4 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-5-4 > .content.top {
  top: 0;
}
.ratio-5-4 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-5-4.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-5-4.m-ratio-auto:before {
    display: none;
  }
  .ratio-5-4.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-8-5 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-8-5:before {
  content: "";
  width: 100%;
  padding-top: 62.5%;
  display: block;
}
.ratio-8-5 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-8-5 > .content.top {
  top: 0;
}
.ratio-8-5 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-8-5.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-8-5.m-ratio-auto:before {
    display: none;
  }
  .ratio-8-5.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-16-9 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-16-9:before {
  content: "";
  width: 100%;
  padding-top: 56.25%;
  display: block;
}
.ratio-16-9 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-16-9 > .content.top {
  top: 0;
}
.ratio-16-9 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-16-9.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-16-9.m-ratio-auto:before {
    display: none;
  }
  .ratio-16-9.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-14-3 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-14-3:before {
  content: "";
  width: 100%;
  padding-top: 21.4286%;
  display: block;
}
.ratio-14-3 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-14-3 > .content.top {
  top: 0;
}
.ratio-14-3 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-14-3.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-14-3.m-ratio-auto:before {
    display: none;
  }
  .ratio-14-3.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-18-9 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-18-9:before {
  content: "";
  width: 100%;
  padding-top: 50%;
  display: block;
}
.ratio-18-9 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-18-9 > .content.top {
  top: 0;
}
.ratio-18-9 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-18-9.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-18-9.m-ratio-auto:before {
    display: none;
  }
  .ratio-18-9.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-21-9 {
  width: 100%;
  height: fit-content;
  position: relative;
}
.ratio-21-9:before {
  content: "";
  width: 100%;
  padding-top: 42.8571%;
  display: block;
}
.ratio-21-9 > .content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ratio-21-9 > .content.top {
  top: 0;
}
.ratio-21-9 > .content.bottom {
  bottom: 0;
}
@media (width<=750px) {
  .ratio-21-9.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .ratio-21-9.m-ratio-auto:before {
    display: none;
  }
  .ratio-21-9.m-ratio-auto > .content {
    position: relative;
  }
  .m-ratio-1-1 {
    width: 100%;
    height: fit-content;
    position: relative;
  }
  .m-ratio-1-1:before {
    content: "";
    width: 100%;
    padding-top: 100%;
    display: block;
  }
  .m-ratio-1-1 > .content {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .m-ratio-1-1 > .content.top {
    top: 0;
  }
  .m-ratio-1-1 > .content.bottom {
    bottom: 0;
  }
}
@media (width<=750px) and (width<=750px) {
  .m-ratio-1-1.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .m-ratio-1-1.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-1-1.m-ratio-auto > .content {
    position: relative;
  }
}
@media (width<=750px) {
  .m-ratio-2-3 {
    width: 100%;
    height: fit-content;
    position: relative;
  }
  .m-ratio-2-3:before {
    content: "";
    width: 100%;
    padding-top: 150%;
    display: block;
  }
  .m-ratio-2-3 > .content {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .m-ratio-2-3 > .content.top {
    top: 0;
  }
  .m-ratio-2-3 > .content.bottom {
    bottom: 0;
  }
}
@media (width<=750px) and (width<=750px) {
  .m-ratio-2-3.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .m-ratio-2-3.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-2-3.m-ratio-auto > .content {
    position: relative;
  }
}
@media (width<=750px) {
  .m-ratio-3-2 {
    width: 100%;
    height: fit-content;
    position: relative;
  }
  .m-ratio-3-2:before {
    content: "";
    width: 100%;
    padding-top: 66.6667%;
    display: block;
  }
  .m-ratio-3-2 > .content {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .m-ratio-3-2 > .content.top {
    top: 0;
  }
  .m-ratio-3-2 > .content.bottom {
    bottom: 0;
  }
}
@media (width<=750px) and (width<=750px) {
  .m-ratio-3-2.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .m-ratio-3-2.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-3-2.m-ratio-auto > .content {
    position: relative;
  }
}
@media (width<=750px) {
  .m-ratio-16-9 {
    width: 100%;
    height: fit-content;
    position: relative;
  }
  .m-ratio-16-9:before {
    content: "";
    width: 100%;
    padding-top: 56.25%;
    display: block;
  }
  .m-ratio-16-9 > .content {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .m-ratio-16-9 > .content.top {
    top: 0;
  }
  .m-ratio-16-9 > .content.bottom {
    bottom: 0;
  }
}
@media (width<=750px) and (width<=750px) {
  .m-ratio-16-9.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .m-ratio-16-9.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-16-9.m-ratio-auto > .content {
    position: relative;
  }
}
@media (width<=750px) {
  .m-ratio-4-5 {
    width: 100%;
    height: fit-content;
    position: relative;
  }
  .m-ratio-4-5:before {
    content: "";
    width: 100%;
    padding-top: 125%;
    display: block;
  }
  .m-ratio-4-5 > .content {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .m-ratio-4-5 > .content.top {
    top: 0;
  }
  .m-ratio-4-5 > .content.bottom {
    bottom: 0;
  }
}
@media (width<=750px) and (width<=750px) {
  .m-ratio-4-5.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .m-ratio-4-5.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-4-5.m-ratio-auto > .content {
    position: relative;
  }
}
@media (width<=750px) {
  .m-ratio-5-4 {
    width: 100%;
    height: fit-content;
    position: relative;
  }
  .m-ratio-5-4:before {
    content: "";
    width: 100%;
    padding-top: 80%;
    display: block;
  }
  .m-ratio-5-4 > .content {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .m-ratio-5-4 > .content.top {
    top: 0;
  }
  .m-ratio-5-4 > .content.bottom {
    bottom: 0;
  }
}
@media (width<=750px) and (width<=750px) {
  .m-ratio-5-4.m-ratio-auto {
    width: 100%;
    position: relative;
  }
  .m-ratio-5-4.m-ratio-auto:before {
    display: none;
  }
  .m-ratio-5-4.m-ratio-auto > .content {
    position: relative;
  }
}
.ratio-auto > .content {
  width: 100%;
  height: 100%;
}
.ratio-auto > .content .image-container {
  height: 100%;
}
body.js-show-ajax-cart .my-cart {
  -webkit-transform: translate(-48rem);
  -moz-transform: translate(-48rem);
  -o-transform: translate(-48rem);
  transform: translate(-48rem);
}
@media (width<=750px) {
  body.js-show-ajax-cart .my-cart {
    -webkit-transform: translate(calc(-100vw + 1rem));
    -moz-transform: translate(calc(-100vw + 1rem));
    -o-transform: translate(calc(-100vw + 1rem));
    transform: translate(calc(-100vw + 1rem));
  }
}
body.js-show-ajax-cart .cart__overlay {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.ajax-cart-trigger {
  cursor: pointer;
}
.ajax-cart-trigger * {
  pointer-events: none;
}
#site-header .ajax-cart-trigger {
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: inline-flex;
}
#site-header .ajax-cart-trigger .cart-count-group {
  right: -0.6rem;
}
@media (width>=768px) {
  #site-header .ajax-cart-trigger {
    margin-right: -16px;
  }
  #site-header .ajax-cart-trigger .cart-count-group {
    right: -0.5rem;
  }
}
.cart__overlay {
  visibility: hidden;
  opacity: 0;
  z-index: 1999;
  background: #0003;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.my-cart {
  height: calc(100vh - var(--header-height));
  width: 48rem;
  right: -48rem;
  top: var(--header-height);
  z-index: 2000;
  -o-transition: 0.3s all;
  background: #fff;
  padding-bottom: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: fixed;
  overflow-y: scroll;
}
.my-cart .line {
  border-bottom: 0.1rem solid #f5f5f5;
  grid-template-columns: 10rem auto;
  padding: 2rem;
  display: grid;
}
.my-cart .my-cart__items {
  transition: all 0.3s ease-in-out;
  overflow-y: scroll;
}
.my-cart ajax-cart-quantity {
  border: 0.1rem solid var(--theme-navy);
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 1rem;
  display: flex;
}
.my-cart ajax-cart-quantity a {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}
.my-cart ajax-cart-quantity a svg {
  pointer-events: none;
}
.my-cart ajax-cart-quantity input {
  text-align: center;
  max-width: 10rem;
}
@media (width<=750px) {
  .my-cart {
    width: calc(100vw - 1rem);
    right: calc(-100vw + 1rem);
  }
}
.progress-container {
  transition: all 0.3s ease-in-out;
}
html.js-ajax-cart-processing .progress-container,
html.js-ajax-cart-processing .my-cart__items {
  opacity: 0;
}
.mini-cart__upsell {
  width: calc(100% - 40px) !important;
  margin: 0 auto !important;
}
.mini-cart__upsell ajax-cart-product-form {
  height: auto;
}
.mini-cart__upsell .mini-title,
.mini-cart__upsell h4 {
  margin-bottom: 10px;
}
.mini-cart__upsell .add-to-cart svg {
  display: none;
}
.mini-cart__upsell .product--card {
  grid-template-columns: 120px auto;
  gap: 10px;
  display: grid;
}
.mini-cart__upsell .product--card .product--card--gallery {
  width: 120px;
  height: 120px;
}
.mini-cart__upsell .product--card .image-container {
  border-radius: 1rem;
  overflow: hidden;
}
.mini-cart__upsell .product--card .product--meta {
  gap: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.mini-cart__upsell .swiper-button {
  border: 1px solid #091535;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  top: calc(50% - 15px);
}
.mini-cart__upsell .swiper-button.swiper-button-disabled {
  display: none;
}
.mini-cart__upsell .swiper-button.prev-button {
  left: -15px;
}
.mini-cart__upsell .swiper-button.next-button {
  right: -15px;
}
.mini-cart__upsell {
  position: relative;
  overflow: visible !important;
}
.mini-cart__upsell .mini-carousel {
  overflow: hidden;
}
.product-notification {
  z-index: 1000;
  background: #fff;
  border-radius: 8px;
  align-items: center;
  gap: 15px;
  max-width: calc(100vw - 40px);
  padding: 15px 15px 30px;
  transition: all 0.3s ease-out;
  display: flex;
  position: fixed;
  top: 100px;
  right: 20px;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}
@media (width>=600px) {
  .product-notification {
    max-width: 400px;
  }
}
@media (width>=1920px) {
  .product-notification {
    top: 123px;
  }
}
.product-notification--exiting,
.product-notification--entering {
  opacity: 0;
  transform: translate(100%);
}
.product-notification--active {
  opacity: 1;
  transform: translate(0);
}
.product-notification__image-container {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}
.product-notification__image-container img {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.product-notification__text-content {
  flex-grow: 1;
}
.product-notification__progress-bar {
  background: linear-gradient(90deg, #091535 50%, #e5e5e5 50%) 0/200% 100%;
  width: calc(100% - 30px);
  height: 2px;
  transition: background-position 3s linear;
  position: absolute;
  bottom: 14px;
  left: 15px;
}
.product-notification--active .product-notification__progress-bar {
  background-position: 100%;
}
/* @font-face {
  font-family: Futura;
  src: url(https://cdn.shopify.com/s/files/1/0099/7444/8209/files/Futura.ttc?v=1678137061);
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Futura Bold;
  src: url(https://cdn.shopify.com/s/files/1/0099/7444/8209/files/FuturaStd-Bold_1.otf?v=1679948416);
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Work Sans;
  src: url(https://cdn.shopify.com/s/files/1/0329/6696/7431/files/WorkSans-Medium.ttf?v=1669595480);
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Work Sans Bold;
  src: url(https://cdn.shopify.com/s/files/1/0329/6696/7431/files/WorkSans-Bold.ttf?v=1669595480);
  font-style: normal;
  font-display: swap;
} */
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;
}
[data-highlight],
[data-highlight] p {
  text-transform: uppercase;
  text-shadow: 4px 4px 0px var(--text-highlight);
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: var(--font-size);
}
select,
input,
label,
ul,
li,
details,
summary,
span,
i,
b,
strong,
em,
p,
a,
div {
  font-family: Work Sans;
  line-height: 110%;
  font-size: var(--font-size);
  color: var(--text-color);
}
@media (width<=750px) {
  select,
  input,
  label,
  ul,
  li,
  details,
  summary,
  span,
  i,
  b,
  strong,
  em,
  p,
  a,
  div {
    font-size: var(--font-size-mobile);
  }
}
.bold,
.bold *,
strong {
  font-family:
    Work Sans,
    sans-serif;
  font-weight: 700;
}
p,
ul,
li {
  line-height: 150%;
}
h4,
.h4 {
  font-size: 2rem;
  line-height: 110%;
}
@media (width<=750px) {
  h4,
  .h4 {
    font-size: 1.6rem;
  }
}
h5,
.h5 {
  line-height: 110%;
}
h6,
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 {
  margin-left: 2rem;
  list-style: outside;
}
.rte :empty {
  display: none;
}
.rte img {
  height: auto;
}
.rte a {
  color: var(--theme-navy);
  text-decoration: underline;
}
.rte a:hover {
  color: var(--theme-blue);
}
a {
  font-size: var(--font-size);
  -o-transition: 0.3s all;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
@media (width<=750px) {
  a {
    font-size: var(--font-size-mobile);
  }
}
strike,
.no-underline strike {
  text-decoration: line-through;
}
.text--grey {
  color: #9f9f9f;
}
.text--green {
  color: #3aad53;
}
.small {
  font-size: 1.6rem;
}
.strike {
  text-decoration: line-through;
}
button {
  font-size: 1.4rem;
}
.itallics {
  font-style: italic;
}
.visually-hidden {
  display: none !important;
}
.stack {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  display: grid;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.absolute-center {
  left: 50%;
  transform: translate(-50%);
}
.sticky {
  position: sticky;
}
.rounded {
  border-radius: 1rem;
  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%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.text-justify {
  text-align: justify;
}
.text-justify > * {
  margin-bottom: 2rem;
}
.background--light-grey {
  background: #f3f3f3;
}
.cursor-grabbing {
  cursor: grabbing;
}
.border--white {
  border: 1px solid #fff;
}
.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%;
}
.h-100vh {
  height: calc(100vh - var(--header-height));
}
.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-600 {
  max-width: 60rem;
}
.max-800 {
  max-width: 80rem;
}
.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,
.fixed-background .image-container img {
  height: 100%;
}
@media (width<=750px) {
  .fixed-background {
    display: none;
  }
}
.pad-20 {
  padding: 2rem;
}
.border-grey {
  border: 1px solid #bbb;
}
.border-black {
  border: 1px solid #000;
}
.border-top-grey {
  border-top: 1px solid #bbb;
}
.border-top-light-grey {
  border-top: 1px solid #999;
}
.border-bottom-light-grey {
  border-bottom: 2px solid #999;
}
.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 #bbb;
}
.border-bottom-red {
  border-bottom: 1px solid #ce463f;
}
.stack {
  grid-template-columns: 100%;
  display: grid;
}
.stack > * {
  grid-area: 1/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: -moz-fit-content;
}
.w-62-5 {
  width: 62.5%;
}
.h-fit {
  height: -moz-fit-content;
}
.row-gap-0 {
  row-gap: 0;
}
.tablet-or-larger {
  display: block;
}
@media (width<=750px) {
  .tablet-or-larger {
    display: none;
  }
}
.m-0-auto {
  margin: 0 auto;
}
.bottom-0 {
  bottom: 0 !important;
  top: unset !important;
}
.left-40 {
  left: 4rem !important;
}
.right-40 {
  right: 4rem !important;
}
@media (width<=750px) {
  .m-mg--0-auto {
    margin: 0 auto;
  }
  .m-h-auto {
    height: auto;
  }
  .m-text-left {
    text-align: left;
  }
  .m-gc-1-col {
    grid-template-columns: 1fr;
    display: grid;
  }
  .m-gc-2-col {
    grid-template-columns: repeat(2, 1fr);
    display: grid !important;
  }
  .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 #fff;
    margin: 0 8rem;
  }
  .m-border-bottom-grey {
    border-bottom: 1px solid #999;
  }
  .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};
}
.product-carousel,
.article-carousel,
.product-page-carousel,
.gallery,
.recommended-products-swiper {
  position: relative;
  overflow: hidden visible;
}
.product-carousel .swiper-slide,
.article-carousel .swiper-slide,
.product-page-carousel .swiper-slide,
.gallery .swiper-slide,
.recommended-products-swiper .swiper-slide {
  border-radius: 0.5rem;
  overflow: hidden;
}
.carousel {
  overflow: hidden;
}
.carousel .swiper-slide {
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (width<=750px) {
  .carousel .swiper-slide svg {
    width: fit-content;
    height: 3.4rem;
  }
  .recommended-products-swiper .swiper-slide {
    padding: 0;
  }
}
.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  z-index: 1;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: flex;
  position: relative;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate(0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  cursor: grab;
  flex-shrink: 0;
  width: 100%;
  transition-property: transform;
  display: flex;
  position: relative;
  overflow: hidden;
}
.swiper-slide .product--card {
  width: 100%;
}
.swiper-slide:focus,
.swiper-slide:active {
  cursor: grabbing;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.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 {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.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 {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(#0000, #00000080);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}
.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}
.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 {
  z-index: 200;
  cursor: pointer;
  -o-transition: 0.3s all;
  background-color: #fff;
  border: none;
  border-radius: 400px;
  padding: 1rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: calc(25vw - 22rem);
}
@media (width<=1180px) {
  .swiper-button {
    top: calc(33.33vw - 22rem);
  }
}
@media (width<=750px) {
  .swiper-button {
    top: calc(100vw - 22rem);
  }
}
.swiper-pagination-bullets {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  display: flex;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #dcdcdc;
  border: 1px solid #fff;
  border-radius: 5rem;
  width: 1rem;
  height: 1rem;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #202a44;
}
.bb--app {
  grid-template-columns: 3fr 1fr;
  gap: 4rem;
  padding-bottom: 25rem;
  display: grid;
}
.bb--app button * {
  pointer-events: none;
}
.bb--app button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.bb--app .modal .inner {
  max-width: 125.7rem;
  max-height: calc(100vh - var(--header-height) - 12rem);
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.bb--app .modal .inner .image-container {
  background: #e8e8e8;
  animation: 1s infinite loader;
}
.bb--app .modal.loading .meta > *,
.bb--app .modal.loading .gallery > * {
  z-index: 0;
  font-size: 0;
  position: relative;
}
.bb--app .modal.loading .meta > :after,
.bb--app .modal.loading .gallery > :after {
  content: "";
  z-index: 4;
  background: #e8e8e8;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  animation: 1s infinite loader;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.bb--app .jars {
  justify-content: space-between;
  gap: 1rem;
  display: flex;
}
.bb--app .jars .jar svg {
  margin: 0 auto;
}
@media (width<=750px) {
  .bb--app .jars {
    display: none;
  }
}
.bb--app .tracker {
  justify-content: space-between;
  align-items: center;
  margin: 0 1.6rem;
  display: flex;
  position: relative;
}
.bb--app .tracker:before {
  content: "";
  z-index: -1;
  background: var(--theme-navy);
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bb--app .tracker .step {
  border: 0.1rem solid var(--theme-navy);
  background: #fff;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}
.bb--app .tracker .step span {
  font-size: 1.1rem;
}
.bb--app .tracker .step:empty {
  width: 0.8rem;
  height: 0.8rem;
}
.bb--app .tracker .step.active {
  background: var(--theme-navy);
  color: #fff;
}
@media (width<=750px) {
  .bb--app {
    grid-template-columns: 100%;
  }
}
.bb--app #bundleContents {
  top: var(--header-height);
  height: fit-content;
  position: sticky;
}
@media (width<=750px) {
  .bb--app #bundleContents {
    bottom: 0;
    left: 0;
    top: unset;
    z-index: 200;
    background: #fff;
    grid-template-columns: 100%;
    width: 100%;
    padding: 2rem;
    position: fixed;
  }
  .bb--app #bundleContents .items {
    display: none;
  }
}
#bundleGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  display: grid;
}
#bundleGrid .product--card .toggle {
  background: 0 0;
}
#bundleGrid .product--card .toggle .option {
  color: var(--theme-navy);
  border: 1px solid;
}
#bundleGrid .product--card .quick-view {
  opacity: 0;
  visibility: hidden;
  -o-transition:
    0.2s opacity,
    0s visibility;
  -webkit-transition:
    opacity 0.2s,
    visibility;
  -moz-transition:
    opacity 0.2s,
    visibility;
  -ms-transition:
    opacity 0.2s,
    visibility;
  transition:
    opacity 0.2s,
    visibility;
}
#bundleGrid .product--card:hover .quick-view {
  opacity: 1;
  visibility: visible;
}
#bundleGrid .ui button {
  width: 100%;
}
#bundleGrid .quantity {
  justify-content: center;
  align-items: middle;
  background: var(--theme-sky);
  border-radius: 20rem;
  gap: 2rem;
  height: 4.2rem;
  display: flex;
}
#bundleGrid .quantity button {
  background: 0 0;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}
@media (width<=1180px) {
  #bundleGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
#reviewBundle {
  top: var(--header-height);
  z-index: 2000;
  width: 100%;
  height: 100%;
  height: calc(100vh - var(--header-height));
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  left: 0;
}
#reviewBundle .gradient {
  z-index: 1;
  background: linear-gradient(#000, #0000003a);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#reviewBundle .meta {
  z-index: 2;
  max-width: 39.5rem;
  height: calc(100vh - var(--header-height) - 8rem);
  background: #fff;
  border-radius: 2rem;
  margin: 4rem 0;
  position: relative;
  overflow-y: scroll;
}
#reviewBundle .thumbnail {
  object-fit: cover;
  border-radius: 1rem;
  width: 7rem;
  height: 7rem;
}
@keyframes loader {
  0% {
    background: #e8e8e8;
  }
  50% {
    background: #f9f9f9;
  }
  to {
    background: #e8e8e8;
  }
}
.desktop-only {
  display: block;
}
.mobile-only,
.tablet-only,
.tablet-plus {
  display: none;
}
@media (width<=1180px) {
  .desktop-only {
    display: none;
  }
  .tablet-only {
    display: flex;
  }
}
@media (width>=750px) {
  .tablet-plus {
    display: block;
  }
}
@media (width<=750px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: flex;
  }
  .m-z-3 {
    z-index: 3;
  }
}
body.space-theme .parallax-background {
  z-index: -1;
  background-color: #030329;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url(https://cdn.shopify.com/s/files/1/0099/7444/8209/files/jpeg-optimizer_Website_Background_Stars_1.jpg?v=1714414812) !important;
}
body.space-theme
  main
  section:not([data-section-id="carousel"]):not(.text-with-image) {
  color: #fff !important;
}
body.space-theme
  main
  section:not([data-section-id="carousel"]):not(.text-with-image)
  button {
  color: #fff !important;
  border: 2px solid #fff !important;
}
body.space-theme
  main
  section:not([data-section-id="carousel"]):not(.text-with-image)
  button:hover {
  color: var(--theme-navy) !important;
  background-color: #fff !important;
}
body.space-theme
  main
  section:not([data-section-id="carousel"]):not(.text-with-image)
  button.white {
  color: var(--theme-navy) !important;
}
body.space-theme
  main
  section:not([data-section-id="carousel"]):not(.text-with-image)
  a {
  color: #fff !important;
}
body.space-theme
  main
  section:not([data-section-id="carousel"]):not(.text-with-image)
  .option,
body.space-theme
  main
  section:not([data-section-id="carousel"]):not(.text-with-image)
  .js-go-cart-add-to-cart {
  color: var(--theme-navy) !important;
}
body.space-theme main .klaviyo-form * {
  color: #fff !important;
}
body.space-theme main .klaviyo-form * button {
  color: var(--theme-navy) !important;
  border: none !important;
}
body.space-theme footer {
  z-index: 20;
  background: #fff;
}
body.space-theme [data-section-id="text-with-ctas"].bold-text * {
  font-family: Work Sans;
  font-weight: 700;
  font-size: 1.8rem !important;
}
body.space-theme [data-section-id="text-with-ctas"].bold-text .rte p {
  margin-bottom: 20px;
}
body.space-theme [data-section-id="text-with-ctas"] button {
  max-width: 21.7rem;
}
body.space-theme .text-with-ctas__image {
  margin: 0 auto;
}
body.space-theme .text-with-ctas__image .image-container {
  width: 128px;
}
body.space-theme .text-with-ctas__image .image-container img {
  object-fit: contain;
  width: 128px;
  height: 130.71px;
}
body.space-theme .text-with-ctas__image button {
  max-width: 21.7rem;
}
body.space-theme main .text-with-image {
  color: #fff !important;
}
body.space-theme main .text-with-image button.btn {
  color: var(--theme-navy) !important;
  background-color: #fff !important;
}
#infiniteoptions-container,
#nzpost-plugin {
  display: none !important;
}
.sqs-html-content {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}
html {
  color: var(---text-color);
  --max-width: 140rem;
  --header-height: 8.4rem;
  --theme-navy: #202a44;
  --theme-sky: #d5e0ee;
  --theme-gold: #faa61a;
  --theme-silver: linear-gradient(#e8e8e8, #f9f9f9);
  --theme-cream: #fffffb;
  --theme-green: #004c46;
  --theme-blue: #002c5e;
  --theme-light-blue: #9bc0ec;
  --theme-red: #cf2439;
  --theme-multi: linear-gradient(
    180deg,
    #bb1a34 0%,
    #ace1ff 30.96%,
    #faa61a 70.03%,
    #004c46 100%
  );
  font-family: Work Sans;
  font-size: 62.5%;
  font-style: normal;
  font-weight: 400;
}
html * {
  box-sizing: border-box;
}
@media (width>=1920px) {
  html {
    font-size: 80%;
  }
}
body {
  color: #202a44;
  -o-transition: 0.5s all 0.2s ease-out;
  background: #fffffb;
  -webkit-transition: all 0.5s ease-out 0.2s;
  -moz-transition: all 0.5s ease-out 0.2s;
  -ms-transition: all 0.5s ease-out 0.2s;
  transition: all 0.5s ease-out 0.2s;
}
body.hide main {
  opacity: 0;
}
body.fade-out:after {
  opacity: 1;
  animation: 0.5s linear forwards bounce;
}
body.fade-out main {
  opacity: 0;
}
body:after {
  -o-transition: 0.2s all;
  opacity: 0;
  content: "";
  z-index: -1;
  background: #f9f9f9;
  border-radius: 10rem;
  width: 4vw;
  height: 4vw;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  animation-fill-mode: forwards;
  display: block;
  position: fixed;
  top: 48vw;
  left: 48vw;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
header {
  z-index: 3000;
  background: #fff;
  width: 100%;
  padding: 2rem 4rem;
  position: fixed;
  top: 0;
  box-shadow: 0 2px 4px #dcdcdc;
}
header .logo svg,
header .logo img {
  -o-transition: 0.3s all ease-in;
  object-fit: cover;
  width: 2.4rem;
  height: 3.4rem;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
header .logo img,
header .logo:hover svg {
  opacity: 0;
}
header .logo:hover img {
  opacity: 1;
}
header nav a {
  -o-transition: 0.2s all ease-in-out;
  border-bottom: 2px solid #0000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}
header nav a.active:after {
  content: "";
  background: var(--theme-gold);
  width: 100%;
  height: 0.2rem;
  position: absolute;
  bottom: -1rem;
  left: 0;
}
header nav a:hover {
  opacity: 0.75;
}
@media (width<=750px) {
  header {
    padding: 2rem;
  }
}
footer {
  padding: 2rem 4rem;
}
footer a {
  -o-transition: 0.3s all;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
footer a:hover {
  opacity: 0.75;
}
@keyframes bounce {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(45);
    -moz-transform: scale(45);
    -o-transform: scale(45);
    transform: scale(45);
  }
}
@keyframes spinBack {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
main {
  width: 100%;
  min-height: 100vh;
  padding-top: calc(var(--header-height) + 2rem);
  -o-transition: 0.5s all;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
section:not(.full-width) {
  max-width: 100%;
  padding: 0 4rem;
}
@media (width<=750px) {
  section:not(.full-width) {
    margin: 0;
    padding: 0 2rem;
  }
}
[data-toggle] {
  cursor: pointer;
}
[data-toggle] * {
  pointer-events: none;
}
.search {
  background: #f5f5f5;
  border-radius: 1rem;
  max-width: 14.8rem;
  padding-left: 1rem;
  overflow: hidden;
}
.search input {
  border: none;
  outline: none;
  width: 100%;
  font-family: Work Sans;
}
@media (width<=600px) {
  .search input[type="text"] {
    padding: 0 0.5rem;
  }
}
.max-width {
  margin: 0 auto;
}
a {
  text-decoration: none;
}
.image-container {
  overflow: hidden;
}
.image-container img {
  width: 100%;
  height: auto;
}
video {
  object-fit: cover;
  width: 100%;
}
img {
  object-fit: contain;
  -o-transition:
    0.2s opacity 0.2s,
    0.2s filter ease-out;
  width: 100%;
  height: 100%;
  -webkit-transition:
    opacity 0.2s 0.2s,
    filter 0.2s ease-out;
  -moz-transition:
    opacity 0.2s 0.2s,
    filter 0.2s ease-out;
  -ms-transition:
    opacity 0.2s 0.2s,
    filter 0.2s ease-out;
  transition:
    opacity 0.2s 0.2s,
    filter 0.2s ease-out;
}
img.lazyloaded {
  filter: blur();
  opacity: 1;
}
.inline-image {
  float: left;
  max-width: 40%;
  margin-bottom: 6rem;
  margin-right: 6rem;
}
.nm8 {
  opacity: 0;
  -o-transition: 0.5s all ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.nm8.nm8-scale {
  position: relative;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.nm8.nm8-scale.entered {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.nm8:not(.nm8-scale) {
  -webkit-transform: translateY(2rem);
  -moz-transform: translateY(2rem);
  -o-transform: translateY(2rem);
  transform: translateY(2rem);
}
.nm8:not(.nm8-scale).entered {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.shrink {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.background--white {
  background-color: #fff;
}
.background--sky {
  background: var(--theme-sky);
}
.text--white {
  color: #fff;
}
.text--black {
  color: #000;
}
@keyframes slide-in {
  0% {
    right: -10rem;
  }
  80% {
    right: -10rem;
  }
  90% {
    right: 0;
  }
  to {
    right: -2rem;
  }
}
.bundle-cta {
  z-index: 20;
  -o-transition: 0.2s all ease-in-out;
  background: #d6e0ed;
  border-radius: 10rem 0 0 10rem;
  padding: 1rem 4rem 1rem 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: calc(50% - 2rem);
  right: -2rem;
}
.bundle-cta svg {
  width: 5rem;
}
.bundle-cta:hover {
  -webkit-transform: translate(-1rem);
  -moz-transform: translate(-1rem);
  -o-transform: translate(-1rem);
  transform: translate(-1rem);
}
@media (width<=750px) {
  [data-page-template="collection"] .bundle-cta {
    display: none;
  }
}
.btn {
  min-width: 12.1rem;
}
button,
.btn {
  cursor: pointer;
  color: currentColor;
  -o-transition: 0.2s all ease-in-out;
  background: #efefef;
  border: none;
  border-radius: 20rem;
  outline: none;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 4.2rem;
  padding: 0 2rem;
  font-family: Futura Bold;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: flex;
  overflow: hidden;
}
button *,
.btn * {
  font-family: Futura Bold;
}
button:hover,
.btn:hover {
  background: #e1e1e1;
}
button.outline,
.btn.outline {
  --color: var(--theme-navy);
  --hover-color: var(--theme-cream);
  border: 1px solid var(--color);
  color: var(--color);
  background: 0 0;
}
button.outline:hover,
.btn.outline:hover {
  background: var(--color);
  color: var(--hover-color);
}
button[disabled],
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none;
}
button.add-to-cart,
.btn.add-to-cart {
  background: var(--theme-sky);
  color: var(--theme-navy);
}
button.add-to-cart:hover,
.btn.add-to-cart:hover {
  background: #9abfee;
}
button.navy,
.btn.navy {
  background: var(--theme-navy);
  color: var(--theme-cream);
}
button.checkout,
.btn.checkout {
  background: var(--theme-navy);
  color: #fff;
}
button svg path,
.btn svg path {
  fill: currentColor;
}
.js-go-cart-add-to-cart span {
  margin-top: 3px;
  display: block;
}
[data-component="texture-filters"] details summary svg {
  transform: unset;
}
[data-component="texture-filters"] details summary svg path {
  fill: none;
}
[data-component="texture-filters"] .texture {
  cursor: pointer;
}
[data-component="texture-filters"] .texture svg {
  opacity: 0;
  -o-transition: 0.2s all;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
[data-component="texture-filters"] .texture * {
  pointer-events: none;
}
[data-component="texture-filters"] .texture svg:first-of-type {
  opacity: 1;
}
[data-component="texture-filters"] .texture:hover svg:nth-of-type(2),
[data-component="texture-filters"] .texture.active svg:nth-of-type(3) {
  z-index: 3;
  opacity: 1;
}
@media (width<=600px) {
  [data-component="texture-filters"] .texture svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
table {
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}
table tr:nth-of-type(odd) {
  background: #e6e6e6;
}
table tr:nth-of-type(2n),
table thead tr:nth-of-type(odd) {
  background: #f5f5f5;
}
table th,
table td {
  text-align: left;
  padding: 0.5rem;
}
table th {
  padding: 1rem;
  font-family: Work Sans;
  font-weight: bold;
}
table td {
  padding-left: 1rem;
}
table td span {
  padding-left: 2rem;
}
.social-callout {
  background: #f5f5f5;
  border-radius: 2rem;
  padding: 0.5rem 1.6rem;
}
.social-callout a {
  color: #044cff;
  opacity: 0.8;
}
.radio-container input[type="radio"] {
  display: none;
}
.radio-container input[type="radio"]:checked + label {
  border: 2px solid #000;
}
.radio-container label {
  cursor: pointer;
  background: #fff;
  border: 2px solid #0000;
  border-radius: 20rem;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  font-size: 1.4rem;
  display: flex;
}
.tab {
  opacity: 0;
  visibility: hidden;
  -o-transition:
    0s visibility,
    0.3s opacity,
    0.5s max-height;
  max-height: 0;
  -webkit-transition:
    visibility,
    opacity 0.3s,
    max-height 0.5s;
  -moz-transition:
    visibility,
    opacity 0.3s,
    max-height 0.5s;
  -ms-transition:
    visibility,
    opacity 0.3s,
    max-height 0.5s;
  transition:
    visibility,
    opacity 0.3s,
    max-height 0.5s;
  overflow: hidden;
}
.tab > * {
  display: grid;
}
.tab.active {
  opacity: 1;
  visibility: visible;
  max-height: unset;
}
.toggle {
  background: #f5f5f5;
  border-radius: 1.6rem;
  flex-direction: row;
  width: fit-content;
  min-height: 3.2rem;
  display: flex;
  overflow: hidden;
}
.toggle .option {
  z-index: 20;
  cursor: pointer;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  padding: 0 2rem;
  font-size: 1.4rem;
  display: flex;
}
.toggle .option.active {
  border: 1px solid var(--theme-navy);
  background: #fffffb;
  font-family: Work Sans;
  font-weight: 700;
}
.toggle.colour,
.toggle.color {
  background: 0 0;
  border-radius: 0;
}
.toggle.colour .option,
.toggle.color .option {
  height: 2.6rem;
  padding: 0.2rem;
}
.toggle.colour .swatch,
.toggle.color .swatch {
  background: var(--color);
  border: 1px solid #0000003b;
  border-radius: 2rem;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0.1rem;
}
.toggle.colour .swatch.yellow,
.toggle.color .swatch.yellow {
  --color: var(--theme-gold);
}
.toggle.colour .swatch.cream,
.toggle.color .swatch.cream {
  --color: var(--theme-cream);
}
.toggle.colour .swatch.navy,
.toggle.color .swatch.navy {
  --color: var(--theme-navy);
}
.toggle.colour .swatch.green,
.toggle.color .swatch.green {
  --color: var(--theme-green);
}
.toggle.colour .swatch.red,
.toggle.color .swatch.red {
  --color: var(--theme-red);
}
.toggle.colour .swatch.gold,
.toggle.color .swatch.gold {
  --color: var(--theme-gold);
}
.toggle.colour .swatch.silver,
.toggle.color .swatch.silver {
  --color: var(--theme-silver);
}
.toggle.colour .swatch.blue,
.toggle.color .swatch.blue {
  --color: var(--theme-blue);
}
.toggle.colour .swatch.multi,
.toggle.color .swatch.multi {
  --color: var(--theme-multi);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.form {
  background: #fff;
  max-width: 60rem;
  padding: 6rem;
}
.form form {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}
.form label {
  font-size: 1.4rem;
  font-weight: 700;
}
.form label,
.form input {
  width: 100%;
  display: block;
}
.form input {
  background: #f5f5f5;
  border-radius: 1rem;
  height: 3.2rem;
}
details {
  -o-transition: 0.5s all ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
details summary {
  cursor: pointer;
  border-radius: 0.2rem;
  align-items: center;
  padding: 1rem 0;
  display: flex;
}
details summary h6 {
  max-width: 90%;
}
details summary svg {
  -o-transition: 0.3s all ease-out;
  width: auto;
  height: 0.5em;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
details summary svg path {
  fill: currentColor;
}
details .contents {
  opacity: 0;
  -o-transition: 0.5s all 0.3s ease-out;
  padding: 2rem;
  -webkit-transition: all 0.5s ease-out 0.3s;
  -moz-transition: all 0.5s ease-out 0.3s;
  -ms-transition: all 0.5s ease-out 0.3s;
  transition: all 0.5s ease-out 0.3s;
}
details[open] {
  max-height: 1000px;
}
details[open] .contents {
  opacity: 1;
}
details[open] summary svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.selector {
  width: 100%;
  max-width: 30rem;
  position: relative;
}
.selector button {
  --text-color: #000;
  max-width: unset;
  z-index: 21;
  background: #fff;
  border-radius: 0.5rem;
  outline: none;
  box-shadow: 0 1px 2px #a6a6a666;
}
.selector button svg {
  -o-transition: 0.3s all ease-out;
  width: auto;
  height: 0.8rem;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.selector .options {
  opacity: 0;
  visibility: hidden;
  -o-transition:
    0.3s transform 0.1s,
    0.2s opacity ease-out;
  z-index: 20;
  background: #fff;
  border-radius: 0.5rem;
  width: 100%;
  max-height: 4.2rem;
  margin-top: 1rem;
  -webkit-transition:
    transform 0.3s 0.1s,
    opacity 0.2s ease-out;
  -moz-transition:
    transform 0.3s 0.1s,
    opacity 0.2s ease-out;
  -ms-transition:
    transform 0.3s 0.1s,
    opacity 0.2s ease-out;
  transition:
    transform 0.3s 0.1s,
    opacity 0.2s ease-out;
  position: absolute;
  -webkit-transform: translateY(-2rem);
  -moz-transform: translateY(-2rem);
  -o-transform: translateY(-2rem);
  transform: translateY(-2rem);
  box-shadow: 0 1px 2px #a6a6a666;
}
.selector .options .option {
  cursor: pointer;
  -o-transition: 0.2s all;
  padding: 1.2rem 2rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.selector .options .option:hover {
  background: #e8e8e8;
}
.selector .options .option.disabled {
  color: #ccc;
  pointer-events: none;
}
.selector.active svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.selector.active .options {
  opacity: 1;
  visibility: visible;
  max-height: unset;
  overflow: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.select-container {
  flex-direction: row;
  display: flex;
  position: relative;
}
.select-container label {
  color: #707070;
  text-transform: uppercase;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
}
.select-container select {
  letter-spacing: normal;
  background: 0 0;
  border: 1px solid;
  width: 100%;
  height: 4rem;
  padding: 0 1.6rem;
}
.currency-selector {
  letter-spacing: normal;
  background: #000;
  height: 3.1rem;
  padding-right: 2rem;
  position: relative;
}
.currency-selector select {
  color: #fff;
  background: 0 0;
  border: none;
  height: 100%;
  padding-left: 1rem;
  padding-right: 3rem;
}
.currency-selector svg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 3rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.quantity-selector {
  width: 100%;
  height: 3.2rem;
  color: var(--theme-navy);
  background: 0 0;
  border: 1px solid;
  border-radius: 6rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.quantity-selector:not(.w-100) {
  max-width: 15rem;
}
.quantity-selector .add,
.quantity-selector .subtract {
  cursor: pointer;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  min-width: 3rem;
  height: 100%;
  font-family: Work Sans;
  display: flex;
  font-weight: 700;
}
.quantity-selector .add *,
.quantity-selector .subtract * {
  pointer-events: none;
}
.quantity-selector input {
  text-align: center;
  max-width: calc(100% - 6rem);
  font-family: Work Sans;
  font-weight: 700;
}
.radio input {
  display: none;
}
.radio input:checked + label:before {
  background: var(--theme-navy);
}
.radio label {
  cursor: pointer;
  align-items: center;
  gap: 1rem;
  display: flex;
}
.radio label:before {
  content: "";
  width: 1rem;
  height: 1rem;
  box-shadow: 0px 0px 0px 1px var(--theme-navy);
  border: 5px solid #fff;
  border-radius: 1rem;
  display: inline-block;
}
.checkbox-container label {
  cursor: pointer;
}
.checkbox-container input {
  display: none;
}
.checkbox-container span {
  border: 1px solid #000;
  width: 1.5rem;
  height: 1.5rem;
}
.checkbox-container span svg {
  -o-transition: 0.3s all;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.checkbox-container input:checked + label span {
  border: 1px solid #000;
}
.checkbox-container input:checked + label span svg,
.checkbox-container input:checked + span svg {
  opacity: 1;
}
input[type="email"],
input[type="search"],
input[type="phone"],
input[type="tel"],
input[type="password"],
input[type="text"] {
  background: #f5f5f5;
  border-radius: 1rem;
  height: 3.2rem;
  padding: 0 1.7rem;
}
textarea {
  background: #f5f5f5;
  border-radius: 0.2rem;
  padding: 2rem;
}
.checkbox {
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}
.modal {
  z-index: 200;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: -100vh;
  left: 0;
}
.modal.active {
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
}
.modal .inner {
  max-width: 80rem;
  max-height: 80vh;
  margin: auto;
  overflow-y: scroll;
}
.product--card form {
  width: 100%;
}
@media (width<=750px) {
  .product--card form {
    padding: 0;
  }
  .product--card .product--meta .h4,
  .product--card .product--meta .price,
  .product--card .product--meta .price p,
  .product--card .product--meta .price strike {
    font-size: 1.8rem;
  }
}
.product--card .badge {
  z-index: 50;
  position: absolute;
  top: 13px;
  right: 13px;
}
.product--card .variant-image {
  z-index: 10;
  opacity: 0;
  -o-transition: 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.product--card .variant-image.active {
  opacity: 1;
}
.product--card .image-container {
  -o-transition: 0.3s all ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.product--card .image-container:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.product--card--gallery {
  border-radius: 0.5rem;
  overflow: hidden;
}
.hover-image {
  opacity: 0;
  z-index: 11;
  -o-transition: 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hover-image:hover {
  opacity: 1;
}
.hover-video {
  opacity: 0;
  z-index: 11;
  -o-transition: 0.3s ease-out;
  width: 100%;
  height: 0;
  padding-top: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
}
.hover-video:hover {
  opacity: 1;
}
.hover-video video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.callout {
  color: #0169a2;
  background: #bce6fb;
  border-radius: 0.5rem;
  padding: 2rem;
}
.collection-filters {
  max-height: calc(100vh - var(--header-height) - 4rem);
}
@media (width<=750px) {
  .collection-filters {
    visibility: hidden;
    opacity: 0;
    -o-transition:
      0s padding,
      0s visibility,
      0.3s opacity 0.2s,
      0.2s transform 0.1s ease-out;
    max-height: 0;
    padding: 0;
    -webkit-transition:
      padding,
      visibility,
      opacity 0.3s 0.2s,
      transform 0.2s ease-out 0.1s;
    -moz-transition:
      padding,
      visibility,
      opacity 0.3s 0.2s,
      transform 0.2s ease-out 0.1s;
    -ms-transition:
      padding,
      visibility,
      opacity 0.3s 0.2s,
      transform 0.2s ease-out 0.1s;
    transition:
      padding,
      visibility,
      opacity 0.3s 0.2s,
      transform 0.2s ease-out 0.1s;
    -webkit-transform: translateY(-4rem);
    -moz-transform: translateY(-4rem);
    -o-transform: translateY(-4rem);
    transform: translateY(-4rem);
  }
  .collection-filters.active {
    visibility: visible;
    opacity: 1;
    max-height: 100vh;
    margin: 2rem;
    padding: 2rem;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
#product-grid:not(.loading) .nm8 {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.mobile-filter-button svg {
  width: auto;
  height: 1.6rem;
}
[data-section-id="about"] .benefits svg {
  width: 100%;
  height: auto;
}
.cart-item {
  padding-bottom: 2rem;
}
.cart-item:not(:last-of-type) {
  border-bottom: 0 solid #d9d9d9;
}
.cart-item .image-container {
  width: 14rem;
}
#CartNote {
  opacity: 0;
  color: #0000;
  -o-transition:
    0.2s max-height,
    0.2s opacity 0.2s ease-in-out;
  background: #f9f9f9;
  max-height: 0;
  padding: 0 2rem;
  -webkit-transition:
    max-height 0.2s,
    opacity 0.2s ease-in-out 0.2s;
  -moz-transition:
    max-height 0.2s,
    opacity 0.2s ease-in-out 0.2s;
  -ms-transition:
    max-height 0.2s,
    opacity 0.2s ease-in-out 0.2s;
  transition:
    max-height 0.2s,
    opacity 0.2s ease-in-out 0.2s;
  overflow-y: hidden;
}
#CartNote.active {
  opacity: 1;
  max-height: 20rem;
  color: var(--text-color);
  padding: 2rem;
  font-size: 1.4rem;
}
.progress-container.hide,
.js-go-cart-shipping_title.hide {
  display: none;
}
.progress-bar {
  background: #e8e8e8;
  width: 100%;
  height: 0.2rem;
  position: relative;
}
.progress-bar:after {
  -o-transition: 1s all;
  content: "";
  height: 100%;
  width: var(--progress);
  background-color: var(--theme-navy);
  max-width: 100%;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
}
.progress-bar.cart-progress {
  background: #fff;
  height: 0.5rem;
}
#progress {
  opacity: 1;
  -o-transition: 0.3s all;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#progress.fade-out {
  opacity: 0;
}
@media (width<=750px) {
  #progress {
    top: var(--header-height);
    z-index: 200;
    width: 100vw;
    height: 1rem;
    position: fixed;
    left: 0;
  }
}
.cart-count-group {
  --text-color: #fff;
  top: -0.6rem;
  right: -1.6rem;
}
.cart-count-group span {
  font-family: futura;
  font-size: 1.2rem;
  font-weight: 700;
}
.cart-count-group svg {
  width: 2.4rem;
  height: 2.4em;
}
.reset-password {
  opacity: 0;
  -o-transition: 0.5s all;
  max-height: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.reset-password.active {
  opacity: 1;
  max-height: 100vh;
}
.address-form {
  opacity: 0;
  -o-transition: 0.3s all;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.address-form.active {
  opacity: 1;
  z-index: 3;
}
.account-sidebar a.active {
  border-left: 2px solid #000;
}
.address input[type="text"],
.address input[type="tel"] {
  background: #e8e8e8;
  border-radius: 0.2rem;
  height: 4.8rem;
  padding: 0 2rem;
}
.address select {
  letter-spacing: 0;
  border: 2px solid #e8e8e8;
  border-radius: 0.2rem;
  height: 4.8rem;
  padding: 0 2rem;
}
[data-page-template="product"] .product-price {
  font-size: 2rem;
}
.marquee {
  display: flex;
  overflow: hidden;
}
.marquee * {
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 5em;
}
.subscription-info {
  opacity: 0;
  visibility: hidden;
  -o-transition: 0.3s all;
  max-height: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.subscription-info.active {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}
.subscription-info details {
  color: #a0a0a0;
}
.subscription-info ul {
  padding-left: 2rem;
  list-style: outside;
}
.benefits svg {
  width: auto;
  height: 8rem;
}
[data-section-id="faq"] details,
[data-section-id="about"] details {
  border-bottom: 1px solid;
}
[data-section-id="article"] h3 {
  text-transform: capitalize;
  border: 1px solid #000;
  border-radius: 3rem;
  width: fit-content;
  padding: 1rem;
  font-family: work sans;
  font-size: 1.4rem;
  line-height: 100%;
  display: block;
}
[data-section-id="article"] .rte .metafield-rich_text_field {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}
.tag {
  --colour: #d1ebd6;
  background: var(--colour);
  border-radius: 2rem;
  padding: 0.5rem 1.6rem;
}
.tag.snacks,
.tag.sweets,
.tag.breakfast,
.tag.mains {
  --colour: #ffb18f;
}
.tag.takes-under-10-minutes {
  --colour: #b2dee3;
}
.tag.vegetarian {
  --colour: #ffea8f;
}
.tag.try-with-your-favourite-ff-nut-butter {
  --colour: #f5abab;
}
@media (width<=750px) {
  .search svg circle,
  .search svg path {
    stroke: gray;
  }
}
.car-search {
  color: #fff;
  background: #181818;
}
.car-search--inner {
  max-width: var(--max-width);
  margin: 0 auto;
}
.cards {
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  display: grid;
}
.cards .card {
  --color: var(--theme-white);
  display: grid;
}
.cards .card > * {
  grid-area: 1/1;
}
.cards .card[data-size="full"] {
  grid-column: span 2;
}
@media (width<=750px) {
  .cards .card {
    grid-column: span 2;
  }
}
[data-section-id="scrolling-logos"] svg {
  width: auto;
  height: 5rem;
}
[data-section-id="scrolling-logos"][data-large-logos="true"] svg {
  height: 10rem;
}
[data-section-id="carousel"] svg {
  width: fit-content;
  height: 5rem;
  display: block;
}
[data-section-id="banner"] .banner--inner {
  display: grid;
}
[data-section-id="banner"] .banner--inner > * {
  grid-row: 1;
}
[data-section-id="banner"] .banner--inner.image-as-background .image-container {
  grid-area: 1/1 / auto/3;
}
[data-section-id="banner"]
  .banner--inner.image-as-background
  .image-container:not(.ratio-3-1) {
  max-height: 33vh;
}
[data-section-id="banner"]
  .banner--inner.image-as-background
  .image-container
  img {
  object-fit: cover;
}
[data-section-id="banner"] .banner--inner.image-as-background .banner--meta {
  margin: 2rem;
}
[data-section-id="banner"] .banner--inner.image-as-background .banner--meta h2 {
  font-size: 6rem;
}
@media (width<=750px) {
  [data-section-id="banner"]
    .banner--inner.image-as-background
    .banner--meta
    h2 {
    font-size: 4.2rem;
  }
}
[data-section-id="banner"] .banner--inner.align--left .banner--meta {
  margin-left: calc((100vw - var(--max-width)) / 2);
  grid-column: 1;
  padding-left: 0;
}
[data-section-id="banner"] .banner--inner.align--right .banner--meta {
  grid-column: 2;
}
[data-section-id="banner"] .banner--inner.align--center {
  text-align: center;
}
[data-section-id="banner"] .banner--inner.align--center .banner--meta {
  grid-column: 1/3;
}
@media (width<=750px) {
  [data-section-id="banner"] .banner--inner .banner--meta {
    text-align: center;
    grid-row: 2;
    justify-content: center;
    align-items: center;
    grid-column: span 2 !important;
    margin: 0 !important;
  }
}
.shopify-challenge__container {
  margin-top: 6rem;
}
.shopify-challenge__container form {
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  display: flex;
}
@media (width<=1224px) {
  .header--inner {
    padding-right: 2rem;
  }
  [data-section-id="banner"] .banner--inner.align--left .banner--meta {
    margin-left: 2rem;
  }
}
.banner-image {
  display: none;
}
.banner--row,
.country--US .banner--us,
.country--AU .banner--au,
.country--NZ .banner--nz {
  display: block;
}
.country--US .banner--us ~ .banner--row,
.country--AU .banner--au ~ .banner--row,
.country--NZ .banner--nz ~ .banner--row {
  display: none;
}
.instafeed-lightbox .lightbox-instagram {
  height: 80% !important;
  top: 10% !important;
}
@media (width>=768px) {
  .where-to-buy__image {
    margin-bottom: 6rem;
  }
}
@media (width<=767px) {
  .where-to-buy__buttons {
    margin-bottom: 2rem;
  }
}
.product--card ajax-cart-quantity {
  background: var(--theme-sky);
  width: 100%;
  color: var(--theme-navy);
  border-radius: 20rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 4.2rem;
  padding: 0 10px;
  display: flex;
}
.product--card ajax-cart-quantity input[type="number"] {
  pointer-events: none;
  text-align: center;
  background-color: #0000;
  font-family: Futura Bold;
}
.product--card ajax-cart-quantity a {
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
}