@import url('//hello.myfonts.net/count/3a0698');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
:root {
  --font-family-sans-serif: Avenir, sans-serif;
  --font-family-serif: 'EB Garamond', serif;
  --font-size-xs: clamp(0.625rem, 0.1852vw + 0.5833rem, 0.75rem);
  --font-size-sm: clamp(0.75rem, 0.1852vw + 0.7083rem, 0.875rem);
  --font-size-md: clamp(0.875rem, 0.1852vw + 0.8333rem, 1rem);
  --font-size-ml: clamp(1rem, 0.1852vw + 0.9583rem, 1.125rem);
  --font-size-lg: clamp(1.125rem, 0.3704vw + 1.0417rem, 1.375rem);
  --font-size-xl: clamp(1.375rem, 0.3704vw + 1.2917rem, 1.625rem);
  --font-size-2xl: clamp(1.625rem, 0.5556vw + 1.5rem, 2rem);
  --font-size-3xl: clamp(2rem, 0.7407vw + 1.8333rem, 2.5rem);
  --font-size-4xl: clamp(2.375rem, 1.2963vw + 2.0833rem, 3.25rem);
  --font-size-5xl: clamp(2.75rem, 1.8519vw + 2.3333rem, 4rem);
  --font-size-6xl: clamp(3rem, 2.963vw + 2.3333rem, 5rem);
  --font-size-7xl: clamp(3.5rem, 3.7037vw + 2.6667rem, 6rem);
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --font-weight-extrablack: 950;
  --blur-xs: blur(calc(var(--radius-xs) / 2));
  --blur-sm: blur(calc(var(--radius-sm) / 2));
  --blur-md: blur(calc(var(--radius-md) / 2));
  --blur-ml: blur(calc(var(--radius-ml) / 2));
  --blur-lg: blur(calc(var(--radius-lg) / 2));
  --blur-xl: blur(calc(var(--radius-xl) / 2));
}
:where(:root, [class*='theme-']) {
  --color-50: color-mix(in srgb, #fff 90%, var(--color-theme) 10%);
  --color-100: color-mix(in srgb, #fff 80%, var(--color-theme) 20%);
  --color-150: color-mix(in srgb, #fff 70%, var(--color-theme) 30%);
  --color-200: color-mix(in srgb, #fff 60%, var(--color-theme) 40%);
  --color-250: color-mix(in srgb, #fff 50%, var(--color-theme) 50%);
  --color-300: color-mix(in srgb, #fff 40%, var(--color-theme) 60%);
  --color-350: color-mix(in srgb, #fff 30%, var(--color-theme) 70%);
  --color-400: color-mix(in srgb, #fff 20%, var(--color-theme) 80%);
  --color-450: color-mix(in srgb, #fff 10%, var(--color-theme) 90%);
  --color-500: var(--color-theme);
  --color-550: color-mix(in srgb, #000 10%, var(--color-theme) 90%);
  --color-600: color-mix(in srgb, #000 20%, var(--color-theme) 80%);
  --color-650: color-mix(in srgb, #000 30%, var(--color-theme) 70%);
  --color-700: color-mix(in srgb, #000 40%, var(--color-theme) 60%);
  --color-750: color-mix(in srgb, #000 50%, var(--color-theme) 50%);
  --color-800: color-mix(in srgb, #000 60%, var(--color-theme) 40%);
  --color-850: color-mix(in srgb, #000 70%, var(--color-theme) 30%);
  --color-900: color-mix(in srgb, #000 80%, var(--color-theme) 20%);
  --color-950: color-mix(in srgb, #000 90%, var(--color-theme) 10%);
}
.border-50 {
  border-color: rgb(from var(--color-50) r g b/var(--border-opacity, 1));
}
.border-image-50 {
  border-image: linear-gradient(rgb(from var(--color-50) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-100 {
  border-color: rgb(from var(--color-100) r g b/var(--border-opacity, 1));
}
.border-image-100 {
  border-image: linear-gradient(rgb(from var(--color-100) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-150 {
  border-color: rgb(from var(--color-150) r g b/var(--border-opacity, 1));
}
.border-image-150 {
  border-image: linear-gradient(rgb(from var(--color-150) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-200 {
  border-color: rgb(from var(--color-200) r g b/var(--border-opacity, 1));
}
.border-image-200 {
  border-image: linear-gradient(rgb(from var(--color-200) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-250 {
  border-color: rgb(from var(--color-250) r g b/var(--border-opacity, 1));
}
.border-image-250 {
  border-image: linear-gradient(rgb(from var(--color-250) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-300 {
  border-color: rgb(from var(--color-300) r g b/var(--border-opacity, 1));
}
.border-image-300 {
  border-image: linear-gradient(rgb(from var(--color-300) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-350 {
  border-color: rgb(from var(--color-350) r g b/var(--border-opacity, 1));
}
.border-image-350 {
  border-image: linear-gradient(rgb(from var(--color-350) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-400 {
  border-color: rgb(from var(--color-400) r g b/var(--border-opacity, 1));
}
.border-image-400 {
  border-image: linear-gradient(rgb(from var(--color-400) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-450 {
  border-color: rgb(from var(--color-450) r g b/var(--border-opacity, 1));
}
.border-image-450 {
  border-image: linear-gradient(rgb(from var(--color-450) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-500 {
  border-color: rgb(from var(--color-500) r g b/var(--border-opacity, 1));
}
.border-image-500 {
  border-image: linear-gradient(rgb(from var(--color-500) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-550 {
  border-color: rgb(from var(--color-550) r g b/var(--border-opacity, 1));
}
.border-image-550 {
  border-image: linear-gradient(rgb(from var(--color-550) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-600 {
  border-color: rgb(from var(--color-600) r g b/var(--border-opacity, 1));
}
.border-image-600 {
  border-image: linear-gradient(rgb(from var(--color-600) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-650 {
  border-color: rgb(from var(--color-650) r g b/var(--border-opacity, 1));
}
.border-image-650 {
  border-image: linear-gradient(rgb(from var(--color-650) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-700 {
  border-color: rgb(from var(--color-700) r g b/var(--border-opacity, 1));
}
.border-image-700 {
  border-image: linear-gradient(rgb(from var(--color-700) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-750 {
  border-color: rgb(from var(--color-750) r g b/var(--border-opacity, 1));
}
.border-image-750 {
  border-image: linear-gradient(rgb(from var(--color-750) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-800 {
  border-color: rgb(from var(--color-800) r g b/var(--border-opacity, 1));
}
.border-image-800 {
  border-image: linear-gradient(rgb(from var(--color-800) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-850 {
  border-color: rgb(from var(--color-850) r g b/var(--border-opacity, 1));
}
.border-image-850 {
  border-image: linear-gradient(rgb(from var(--color-850) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-900 {
  border-color: rgb(from var(--color-900) r g b/var(--border-opacity, 1));
}
.border-image-900 {
  border-image: linear-gradient(rgb(from var(--color-900) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-950 {
  border-color: rgb(from var(--color-950) r g b/var(--border-opacity, 1));
}
.border-image-950 {
  border-image: linear-gradient(rgb(from var(--color-950) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
:root {
  --grid-margin: 16px;
  --grid-screenwidth: 1440px;
  --column-gap: var(--size-2xl);
  --row-gap: var(--size-2xl);
}
@media (min-width: 768px) {
  :root {
    --grid-margin: 32px;
  }
}
@media (min-width: 1280px) {
  :root {
    --grid-margin: clamp(1rem, 13.8889vw + -2.125rem, 10.375rem);
  }
}
@media (min-width: 2048px) {
  :root {
    --grid-screenwidth: 1840px;
  }
}
@media (min-width: 2560px) {
  :root {
    --grid-screenwidth: 2240px;
  }
}
:root {
  --radius-zero: 0;
  --radius-xs: clamp(0.125rem, 0.1852vw + 0.0833rem, 0.25rem);
  --radius-sm: clamp(0.25rem, 0.3704vw + 0.1667rem, 0.5rem);
  --radius-md: clamp(0.5rem, 0.3704vw + 0.4167rem, 0.75rem);
  --radius-ml: clamp(0.625rem, 0.5556vw + 0.5rem, 1rem);
  --radius-lg: clamp(1rem, 0.7407vw + 0.8333rem, 1.5rem);
  --radius-xl: clamp(1.25rem, 1.1111vw + 1rem, 2rem);
  --radius-max: clamp(62.4375rem, 0vw + 62.4375rem, 62.4375rem);
  --size-auto: auto;
  --size-zero: 0px;
  --size-3xs: clamp(0.0625rem, 0.0926vw + 0.0417rem, 0.125rem);
  --size-2xs: clamp(0.125rem, 0.1852vw + 0.0833rem, 0.25rem);
  --size-xs: clamp(0.1875rem, 0.2778vw + 0.125rem, 0.375rem);
  --size-sm: clamp(0.25rem, 0.3704vw + 0.1667rem, 0.5rem);
  --size-md: clamp(0.5rem, 0.3704vw + 0.4167rem, 0.75rem);
  --size-ml: clamp(0.625rem, 0.5556vw + 0.5rem, 1rem);
  --size-lg: clamp(0.875rem, 0.5556vw + 0.75rem, 1.25rem);
  --size-xl: clamp(1rem, 0.7407vw + 0.8333rem, 1.5rem);
  --size-2xl: clamp(1.25rem, 1.1111vw + 1rem, 2rem);
  --size-3xl: clamp(1.5rem, 1.4815vw + 1.1667rem, 2.5rem);
  --size-4xl: clamp(1.875rem, 1.6667vw + 1.5rem, 3rem);
  --size-5xl: clamp(2.25rem, 1.8519vw + 1.8333rem, 3.5rem);
  --size-6xl: clamp(2.625rem, 2.037vw + 2.1667rem, 4rem);
  --size-7xl: clamp(3rem, 2.2222vw + 2.5rem, 4.5rem);
  --size-8xl: clamp(3.5rem, 2.2222vw + 3rem, 5rem);
  --size-9xl: clamp(4rem, 2.963vw + 3.3333rem, 6rem);
  --size-10xl: clamp(5rem, 3.7037vw + 4.1667rem, 7.5rem);
  --size-max: clamp(62.4375rem, 0vw + 62.4375rem, 62.4375rem);
  --size-column: clamp(0.5rem, 5.0926vw + -0.6458rem, 3.9375rem);
}
.theme-primary,
:root {
  --color-theme: #183e40;
}
:where(:root, [class*='theme-']) {
  --color-primary: #183e40;
  --color-primary-50: color-mix(in srgb, #fff 90%, var(--color-primary) 10%);
  --color-primary-100: color-mix(in srgb, #fff 80%, var(--color-primary) 20%);
  --color-primary-150: color-mix(in srgb, #fff 70%, var(--color-primary) 30%);
  --color-primary-200: color-mix(in srgb, #fff 60%, var(--color-primary) 40%);
  --color-primary-250: color-mix(in srgb, #fff 50%, var(--color-primary) 50%);
  --color-primary-300: color-mix(in srgb, #fff 40%, var(--color-primary) 60%);
  --color-primary-350: color-mix(in srgb, #fff 30%, var(--color-primary) 70%);
  --color-primary-400: color-mix(in srgb, #fff 20%, var(--color-primary) 80%);
  --color-primary-450: color-mix(in srgb, #fff 10%, var(--color-primary) 90%);
  --color-primary-500: var(--color-primary);
  --color-primary-550: color-mix(in srgb, #000 10%, var(--color-primary) 90%);
  --color-primary-600: color-mix(in srgb, #000 20%, var(--color-primary) 80%);
  --color-primary-650: color-mix(in srgb, #000 30%, var(--color-primary) 70%);
  --color-primary-700: color-mix(in srgb, #000 40%, var(--color-primary) 60%);
  --color-primary-750: color-mix(in srgb, #000 50%, var(--color-primary) 50%);
  --color-primary-800: color-mix(in srgb, #000 60%, var(--color-primary) 40%);
  --color-primary-850: color-mix(in srgb, #000 70%, var(--color-primary) 30%);
  --color-primary-900: color-mix(in srgb, #000 80%, var(--color-primary) 20%);
  --color-primary-950: color-mix(in srgb, #000 90%, var(--color-primary) 10%);
}
.bg-primary {
  background-color: rgb(from var(--color-primary) r g b/var(--bg-opacity, 1));
}
.color-primary-50 {
  color: rgb(from var(--color-primary-50) r g b/var(--color-opacity, 1));
}
.bg-primary-50 {
  background-color: rgb(from var(--color-primary-50) r g b/var(--bg-opacity, 1));
}
.border-primary-50 {
  border-color: rgb(from var(--color-primary-50) r g b/var(--border-opacity, 1));
}
.border-image-primary-50 {
  border-image: linear-gradient(rgb(from var(--color-primary-50) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-50 {
  --gr-from: rgb(from var(--color-primary-50) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-50 {
  --gr-to: rgb(from var(--color-primary-50) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-100 {
  color: rgb(from var(--color-primary-100) r g b/var(--color-opacity, 1));
}
.bg-primary-100 {
  background-color: rgb(from var(--color-primary-100) r g b/var(--bg-opacity, 1));
}
.border-primary-100 {
  border-color: rgb(from var(--color-primary-100) r g b/var(--border-opacity, 1));
}
.border-image-primary-100 {
  border-image: linear-gradient(rgb(from var(--color-primary-100) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-100 {
  --gr-from: rgb(from var(--color-primary-100) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-100 {
  --gr-to: rgb(from var(--color-primary-100) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-150 {
  color: rgb(from var(--color-primary-150) r g b/var(--color-opacity, 1));
}
.bg-primary-150 {
  background-color: rgb(from var(--color-primary-150) r g b/var(--bg-opacity, 1));
}
.border-primary-150 {
  border-color: rgb(from var(--color-primary-150) r g b/var(--border-opacity, 1));
}
.border-image-primary-150 {
  border-image: linear-gradient(rgb(from var(--color-primary-150) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-150 {
  --gr-from: rgb(from var(--color-primary-150) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-150 {
  --gr-to: rgb(from var(--color-primary-150) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-200 {
  color: rgb(from var(--color-primary-200) r g b/var(--color-opacity, 1));
}
.bg-primary-200 {
  background-color: rgb(from var(--color-primary-200) r g b/var(--bg-opacity, 1));
}
.border-primary-200 {
  border-color: rgb(from var(--color-primary-200) r g b/var(--border-opacity, 1));
}
.border-image-primary-200 {
  border-image: linear-gradient(rgb(from var(--color-primary-200) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-200 {
  --gr-from: rgb(from var(--color-primary-200) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-200 {
  --gr-to: rgb(from var(--color-primary-200) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-250 {
  color: rgb(from var(--color-primary-250) r g b/var(--color-opacity, 1));
}
.bg-primary-250 {
  background-color: rgb(from var(--color-primary-250) r g b/var(--bg-opacity, 1));
}
.border-primary-250 {
  border-color: rgb(from var(--color-primary-250) r g b/var(--border-opacity, 1));
}
.border-image-primary-250 {
  border-image: linear-gradient(rgb(from var(--color-primary-250) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-250 {
  --gr-from: rgb(from var(--color-primary-250) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-250 {
  --gr-to: rgb(from var(--color-primary-250) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-300 {
  color: rgb(from var(--color-primary-300) r g b/var(--color-opacity, 1));
}
.bg-primary-300 {
  background-color: rgb(from var(--color-primary-300) r g b/var(--bg-opacity, 1));
}
.border-primary-300 {
  border-color: rgb(from var(--color-primary-300) r g b/var(--border-opacity, 1));
}
.border-image-primary-300 {
  border-image: linear-gradient(rgb(from var(--color-primary-300) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-300 {
  --gr-from: rgb(from var(--color-primary-300) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-300 {
  --gr-to: rgb(from var(--color-primary-300) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-350 {
  color: rgb(from var(--color-primary-350) r g b/var(--color-opacity, 1));
}
.bg-primary-350 {
  background-color: rgb(from var(--color-primary-350) r g b/var(--bg-opacity, 1));
}
.border-primary-350 {
  border-color: rgb(from var(--color-primary-350) r g b/var(--border-opacity, 1));
}
.border-image-primary-350 {
  border-image: linear-gradient(rgb(from var(--color-primary-350) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-350 {
  --gr-from: rgb(from var(--color-primary-350) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-350 {
  --gr-to: rgb(from var(--color-primary-350) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-400 {
  color: rgb(from var(--color-primary-400) r g b/var(--color-opacity, 1));
}
.bg-primary-400 {
  background-color: rgb(from var(--color-primary-400) r g b/var(--bg-opacity, 1));
}
.border-primary-400 {
  border-color: rgb(from var(--color-primary-400) r g b/var(--border-opacity, 1));
}
.border-image-primary-400 {
  border-image: linear-gradient(rgb(from var(--color-primary-400) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-400 {
  --gr-from: rgb(from var(--color-primary-400) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-400 {
  --gr-to: rgb(from var(--color-primary-400) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-450 {
  color: rgb(from var(--color-primary-450) r g b/var(--color-opacity, 1));
}
.bg-primary-450 {
  background-color: rgb(from var(--color-primary-450) r g b/var(--bg-opacity, 1));
}
.border-primary-450 {
  border-color: rgb(from var(--color-primary-450) r g b/var(--border-opacity, 1));
}
.border-image-primary-450 {
  border-image: linear-gradient(rgb(from var(--color-primary-450) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-450 {
  --gr-from: rgb(from var(--color-primary-450) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-450 {
  --gr-to: rgb(from var(--color-primary-450) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-500 {
  color: rgb(from var(--color-primary-500) r g b/var(--color-opacity, 1));
}
.bg-primary-500 {
  background-color: rgb(from var(--color-primary-500) r g b/var(--bg-opacity, 1));
}
.border-primary-500 {
  border-color: rgb(from var(--color-primary-500) r g b/var(--border-opacity, 1));
}
.border-image-primary-500 {
  border-image: linear-gradient(rgb(from var(--color-primary-500) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-500 {
  --gr-from: rgb(from var(--color-primary-500) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-500 {
  --gr-to: rgb(from var(--color-primary-500) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-550 {
  color: rgb(from var(--color-primary-550) r g b/var(--color-opacity, 1));
}
.bg-primary-550 {
  background-color: rgb(from var(--color-primary-550) r g b/var(--bg-opacity, 1));
}
.border-primary-550 {
  border-color: rgb(from var(--color-primary-550) r g b/var(--border-opacity, 1));
}
.border-image-primary-550 {
  border-image: linear-gradient(rgb(from var(--color-primary-550) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-550 {
  --gr-from: rgb(from var(--color-primary-550) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-550 {
  --gr-to: rgb(from var(--color-primary-550) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-600 {
  color: rgb(from var(--color-primary-600) r g b/var(--color-opacity, 1));
}
.bg-primary-600 {
  background-color: rgb(from var(--color-primary-600) r g b/var(--bg-opacity, 1));
}
.border-primary-600 {
  border-color: rgb(from var(--color-primary-600) r g b/var(--border-opacity, 1));
}
.border-image-primary-600 {
  border-image: linear-gradient(rgb(from var(--color-primary-600) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-600 {
  --gr-from: rgb(from var(--color-primary-600) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-600 {
  --gr-to: rgb(from var(--color-primary-600) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-650 {
  color: rgb(from var(--color-primary-650) r g b/var(--color-opacity, 1));
}
.bg-primary-650 {
  background-color: rgb(from var(--color-primary-650) r g b/var(--bg-opacity, 1));
}
.border-primary-650 {
  border-color: rgb(from var(--color-primary-650) r g b/var(--border-opacity, 1));
}
.border-image-primary-650 {
  border-image: linear-gradient(rgb(from var(--color-primary-650) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-650 {
  --gr-from: rgb(from var(--color-primary-650) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-650 {
  --gr-to: rgb(from var(--color-primary-650) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-700 {
  color: rgb(from var(--color-primary-700) r g b/var(--color-opacity, 1));
}
.bg-primary-700 {
  background-color: rgb(from var(--color-primary-700) r g b/var(--bg-opacity, 1));
}
.border-primary-700 {
  border-color: rgb(from var(--color-primary-700) r g b/var(--border-opacity, 1));
}
.border-image-primary-700 {
  border-image: linear-gradient(rgb(from var(--color-primary-700) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-700 {
  --gr-from: rgb(from var(--color-primary-700) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-700 {
  --gr-to: rgb(from var(--color-primary-700) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-750 {
  color: rgb(from var(--color-primary-750) r g b/var(--color-opacity, 1));
}
.bg-primary-750 {
  background-color: rgb(from var(--color-primary-750) r g b/var(--bg-opacity, 1));
}
.border-primary-750 {
  border-color: rgb(from var(--color-primary-750) r g b/var(--border-opacity, 1));
}
.border-image-primary-750 {
  border-image: linear-gradient(rgb(from var(--color-primary-750) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-750 {
  --gr-from: rgb(from var(--color-primary-750) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-750 {
  --gr-to: rgb(from var(--color-primary-750) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-800 {
  color: rgb(from var(--color-primary-800) r g b/var(--color-opacity, 1));
}
.bg-primary-800 {
  background-color: rgb(from var(--color-primary-800) r g b/var(--bg-opacity, 1));
}
.border-primary-800 {
  border-color: rgb(from var(--color-primary-800) r g b/var(--border-opacity, 1));
}
.border-image-primary-800 {
  border-image: linear-gradient(rgb(from var(--color-primary-800) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-800 {
  --gr-from: rgb(from var(--color-primary-800) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-800 {
  --gr-to: rgb(from var(--color-primary-800) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-850 {
  color: rgb(from var(--color-primary-850) r g b/var(--color-opacity, 1));
}
.bg-primary-850 {
  background-color: rgb(from var(--color-primary-850) r g b/var(--bg-opacity, 1));
}
.border-primary-850 {
  border-color: rgb(from var(--color-primary-850) r g b/var(--border-opacity, 1));
}
.border-image-primary-850 {
  border-image: linear-gradient(rgb(from var(--color-primary-850) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-850 {
  --gr-from: rgb(from var(--color-primary-850) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-850 {
  --gr-to: rgb(from var(--color-primary-850) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-900 {
  color: rgb(from var(--color-primary-900) r g b/var(--color-opacity, 1));
}
.bg-primary-900 {
  background-color: rgb(from var(--color-primary-900) r g b/var(--bg-opacity, 1));
}
.border-primary-900 {
  border-color: rgb(from var(--color-primary-900) r g b/var(--border-opacity, 1));
}
.border-image-primary-900 {
  border-image: linear-gradient(rgb(from var(--color-primary-900) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-900 {
  --gr-from: rgb(from var(--color-primary-900) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-900 {
  --gr-to: rgb(from var(--color-primary-900) r g b/var(--bg-gradient-to-opacity, 1));
}
.color-primary-950 {
  color: rgb(from var(--color-primary-950) r g b/var(--color-opacity, 1));
}
.bg-primary-950 {
  background-color: rgb(from var(--color-primary-950) r g b/var(--bg-opacity, 1));
}
.border-primary-950 {
  border-color: rgb(from var(--color-primary-950) r g b/var(--border-opacity, 1));
}
.border-image-primary-950 {
  border-image: linear-gradient(rgb(from var(--color-primary-950) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.from-primary-950 {
  --gr-from: rgb(from var(--color-primary-950) r g b/var(--bg-gradient-from-opacity, 1));
}
.to-primary-950 {
  --gr-to: rgb(from var(--color-primary-950) r g b/var(--bg-gradient-to-opacity, 1));
}
:where(:root, .theme-primary) {
  --theme-color-accessible: #fff;
}
.theme-blue {
  --color-theme: #94a9aa;
}
:where(:root, [class*='theme-']) {
  --color-blue: #94a9aa;
  --color-blue-50: color-mix(in srgb, #fff 90%, var(--color-blue) 10%);
  --color-blue-100: color-mix(in srgb, #fff 80%, var(--color-blue) 20%);
  --color-blue-150: color-mix(in srgb, #fff 70%, var(--color-blue) 30%);
  --color-blue-200: color-mix(in srgb, #fff 60%, var(--color-blue) 40%);
  --color-blue-250: color-mix(in srgb, #fff 50%, var(--color-blue) 50%);
  --color-blue-300: color-mix(in srgb, #fff 40%, var(--color-blue) 60%);
  --color-blue-350: color-mix(in srgb, #fff 30%, var(--color-blue) 70%);
  --color-blue-400: color-mix(in srgb, #fff 20%, var(--color-blue) 80%);
  --color-blue-450: color-mix(in srgb, #fff 10%, var(--color-blue) 90%);
  --color-blue-500: var(--color-blue);
  --color-blue-550: color-mix(in srgb, #000 10%, var(--color-blue) 90%);
  --color-blue-600: color-mix(in srgb, #000 20%, var(--color-blue) 80%);
  --color-blue-650: color-mix(in srgb, #000 30%, var(--color-blue) 70%);
  --color-blue-700: color-mix(in srgb, #000 40%, var(--color-blue) 60%);
  --color-blue-750: color-mix(in srgb, #000 50%, var(--color-blue) 50%);
  --color-blue-800: color-mix(in srgb, #000 60%, var(--color-blue) 40%);
  --color-blue-850: color-mix(in srgb, #000 70%, var(--color-blue) 30%);
  --color-blue-900: color-mix(in srgb, #000 80%, var(--color-blue) 20%);
  --color-blue-950: color-mix(in srgb, #000 90%, var(--color-blue) 10%);
}
.border-blue-50 {
  border-color: rgb(from var(--color-blue-50) r g b/var(--border-opacity, 1));
}
.border-image-blue-50 {
  border-image: linear-gradient(rgb(from var(--color-blue-50) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-100 {
  border-color: rgb(from var(--color-blue-100) r g b/var(--border-opacity, 1));
}
.border-image-blue-100 {
  border-image: linear-gradient(rgb(from var(--color-blue-100) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-150 {
  border-color: rgb(from var(--color-blue-150) r g b/var(--border-opacity, 1));
}
.border-image-blue-150 {
  border-image: linear-gradient(rgb(from var(--color-blue-150) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-200 {
  border-color: rgb(from var(--color-blue-200) r g b/var(--border-opacity, 1));
}
.border-image-blue-200 {
  border-image: linear-gradient(rgb(from var(--color-blue-200) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-250 {
  border-color: rgb(from var(--color-blue-250) r g b/var(--border-opacity, 1));
}
.border-image-blue-250 {
  border-image: linear-gradient(rgb(from var(--color-blue-250) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-300 {
  border-color: rgb(from var(--color-blue-300) r g b/var(--border-opacity, 1));
}
.border-image-blue-300 {
  border-image: linear-gradient(rgb(from var(--color-blue-300) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-350 {
  border-color: rgb(from var(--color-blue-350) r g b/var(--border-opacity, 1));
}
.border-image-blue-350 {
  border-image: linear-gradient(rgb(from var(--color-blue-350) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-400 {
  border-color: rgb(from var(--color-blue-400) r g b/var(--border-opacity, 1));
}
.border-image-blue-400 {
  border-image: linear-gradient(rgb(from var(--color-blue-400) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-450 {
  border-color: rgb(from var(--color-blue-450) r g b/var(--border-opacity, 1));
}
.border-image-blue-450 {
  border-image: linear-gradient(rgb(from var(--color-blue-450) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.bg-blue-500 {
  background-color: rgb(from var(--color-blue-500) r g b/var(--bg-opacity, 1));
}
.border-blue-500 {
  border-color: rgb(from var(--color-blue-500) r g b/var(--border-opacity, 1));
}
.border-image-blue-500 {
  border-image: linear-gradient(rgb(from var(--color-blue-500) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-550 {
  border-color: rgb(from var(--color-blue-550) r g b/var(--border-opacity, 1));
}
.border-image-blue-550 {
  border-image: linear-gradient(rgb(from var(--color-blue-550) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-600 {
  border-color: rgb(from var(--color-blue-600) r g b/var(--border-opacity, 1));
}
.border-image-blue-600 {
  border-image: linear-gradient(rgb(from var(--color-blue-600) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-650 {
  border-color: rgb(from var(--color-blue-650) r g b/var(--border-opacity, 1));
}
.border-image-blue-650 {
  border-image: linear-gradient(rgb(from var(--color-blue-650) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-700 {
  border-color: rgb(from var(--color-blue-700) r g b/var(--border-opacity, 1));
}
.border-image-blue-700 {
  border-image: linear-gradient(rgb(from var(--color-blue-700) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-750 {
  border-color: rgb(from var(--color-blue-750) r g b/var(--border-opacity, 1));
}
.border-image-blue-750 {
  border-image: linear-gradient(rgb(from var(--color-blue-750) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-800 {
  border-color: rgb(from var(--color-blue-800) r g b/var(--border-opacity, 1));
}
.border-image-blue-800 {
  border-image: linear-gradient(rgb(from var(--color-blue-800) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-850 {
  border-color: rgb(from var(--color-blue-850) r g b/var(--border-opacity, 1));
}
.border-image-blue-850 {
  border-image: linear-gradient(rgb(from var(--color-blue-850) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-900 {
  border-color: rgb(from var(--color-blue-900) r g b/var(--border-opacity, 1));
}
.border-image-blue-900 {
  border-image: linear-gradient(rgb(from var(--color-blue-900) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-blue-950 {
  border-color: rgb(from var(--color-blue-950) r g b/var(--border-opacity, 1));
}
.border-image-blue-950 {
  border-image: linear-gradient(rgb(from var(--color-blue-950) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
:where(.theme-blue) {
  --theme-color-accessible: var(--color-black);
}
:where(:root, [class*='theme-']) {
  --color-cream: #f9f6f5;
  --color-cream-50: color-mix(in srgb, #fff 90%, var(--color-cream) 10%);
  --color-cream-100: color-mix(in srgb, #fff 80%, var(--color-cream) 20%);
  --color-cream-150: color-mix(in srgb, #fff 70%, var(--color-cream) 30%);
  --color-cream-200: color-mix(in srgb, #fff 60%, var(--color-cream) 40%);
  --color-cream-250: color-mix(in srgb, #fff 50%, var(--color-cream) 50%);
  --color-cream-300: color-mix(in srgb, #fff 40%, var(--color-cream) 60%);
  --color-cream-350: color-mix(in srgb, #fff 30%, var(--color-cream) 70%);
  --color-cream-400: color-mix(in srgb, #fff 20%, var(--color-cream) 80%);
  --color-cream-450: color-mix(in srgb, #fff 10%, var(--color-cream) 90%);
  --color-cream-500: var(--color-cream);
  --color-cream-550: color-mix(in srgb, #000 10%, var(--color-cream) 90%);
  --color-cream-600: color-mix(in srgb, #000 20%, var(--color-cream) 80%);
  --color-cream-650: color-mix(in srgb, #000 30%, var(--color-cream) 70%);
  --color-cream-700: color-mix(in srgb, #000 40%, var(--color-cream) 60%);
  --color-cream-750: color-mix(in srgb, #000 50%, var(--color-cream) 50%);
  --color-cream-800: color-mix(in srgb, #000 60%, var(--color-cream) 40%);
  --color-cream-850: color-mix(in srgb, #000 70%, var(--color-cream) 30%);
  --color-cream-900: color-mix(in srgb, #000 80%, var(--color-cream) 20%);
  --color-cream-950: color-mix(in srgb, #000 90%, var(--color-cream) 10%);
}
.border-cream-50 {
  border-color: rgb(from var(--color-cream-50) r g b/var(--border-opacity, 1));
}
.border-image-cream-50 {
  border-image: linear-gradient(rgb(from var(--color-cream-50) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-100 {
  border-color: rgb(from var(--color-cream-100) r g b/var(--border-opacity, 1));
}
.border-image-cream-100 {
  border-image: linear-gradient(rgb(from var(--color-cream-100) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-150 {
  border-color: rgb(from var(--color-cream-150) r g b/var(--border-opacity, 1));
}
.border-image-cream-150 {
  border-image: linear-gradient(rgb(from var(--color-cream-150) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-200 {
  border-color: rgb(from var(--color-cream-200) r g b/var(--border-opacity, 1));
}
.border-image-cream-200 {
  border-image: linear-gradient(rgb(from var(--color-cream-200) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-250 {
  border-color: rgb(from var(--color-cream-250) r g b/var(--border-opacity, 1));
}
.border-image-cream-250 {
  border-image: linear-gradient(rgb(from var(--color-cream-250) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-300 {
  border-color: rgb(from var(--color-cream-300) r g b/var(--border-opacity, 1));
}
.border-image-cream-300 {
  border-image: linear-gradient(rgb(from var(--color-cream-300) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-350 {
  border-color: rgb(from var(--color-cream-350) r g b/var(--border-opacity, 1));
}
.border-image-cream-350 {
  border-image: linear-gradient(rgb(from var(--color-cream-350) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-400 {
  border-color: rgb(from var(--color-cream-400) r g b/var(--border-opacity, 1));
}
.border-image-cream-400 {
  border-image: linear-gradient(rgb(from var(--color-cream-400) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-450 {
  border-color: rgb(from var(--color-cream-450) r g b/var(--border-opacity, 1));
}
.border-image-cream-450 {
  border-image: linear-gradient(rgb(from var(--color-cream-450) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.bg-cream-500 {
  background-color: rgb(from var(--color-cream-500) r g b/var(--bg-opacity, 1));
}
.border-cream-500 {
  border-color: rgb(from var(--color-cream-500) r g b/var(--border-opacity, 1));
}
.border-image-cream-500 {
  border-image: linear-gradient(rgb(from var(--color-cream-500) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-550 {
  border-color: rgb(from var(--color-cream-550) r g b/var(--border-opacity, 1));
}
.border-image-cream-550 {
  border-image: linear-gradient(rgb(from var(--color-cream-550) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-600 {
  border-color: rgb(from var(--color-cream-600) r g b/var(--border-opacity, 1));
}
.border-image-cream-600 {
  border-image: linear-gradient(rgb(from var(--color-cream-600) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-650 {
  border-color: rgb(from var(--color-cream-650) r g b/var(--border-opacity, 1));
}
.border-image-cream-650 {
  border-image: linear-gradient(rgb(from var(--color-cream-650) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-700 {
  border-color: rgb(from var(--color-cream-700) r g b/var(--border-opacity, 1));
}
.border-image-cream-700 {
  border-image: linear-gradient(rgb(from var(--color-cream-700) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-750 {
  border-color: rgb(from var(--color-cream-750) r g b/var(--border-opacity, 1));
}
.border-image-cream-750 {
  border-image: linear-gradient(rgb(from var(--color-cream-750) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-800 {
  border-color: rgb(from var(--color-cream-800) r g b/var(--border-opacity, 1));
}
.border-image-cream-800 {
  border-image: linear-gradient(rgb(from var(--color-cream-800) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-850 {
  border-color: rgb(from var(--color-cream-850) r g b/var(--border-opacity, 1));
}
.border-image-cream-850 {
  border-image: linear-gradient(rgb(from var(--color-cream-850) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-900 {
  border-color: rgb(from var(--color-cream-900) r g b/var(--border-opacity, 1));
}
.border-image-cream-900 {
  border-image: linear-gradient(rgb(from var(--color-cream-900) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
.border-cream-950 {
  border-color: rgb(from var(--color-cream-950) r g b/var(--border-opacity, 1));
}
.border-image-cream-950 {
  border-image: linear-gradient(rgb(from var(--color-cream-950) r g b/var(--border-image-opacity, 1)) 0 0) fill 0/0 0/0
    var(--border-image-right, 100vw) 0 var(--border-image-left, 100vw);
}
:where(.theme-cream) {
  --theme-color-accessible: #fff;
}
:root {
  --color-white: #fff;
  --color-black: #2c2c2c;
  --color-state-hover: #457876;
}

/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  font-family:
    system-ui,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji;
  line-height: 1.3;
  tab-size: 4;
}
blockquote,
body,
figure {
  margin: 0;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  font-size: 1em;
}
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sup {
  top: -0.5em;
}
table {
  border-color: currentcolor;
}
:where(button, input, optgroup, select, textarea) {
  background: none;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button {
  -webkit-appearance: button;
}
legend {
  padding: 0;
}
progress {
  vertical-align: initial;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
audio,
embed,
iframe,
img,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: Avenir;
  font-weight: 300;
  src: url(/iop/assets/fonts/avenir/3A0698_0_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_0_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_0_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_0_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_0_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-style: italic;
  font-weight: 300;
  src: url(/iop/assets/fonts/avenir/3A0698_1_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_1_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_1_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_1_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_1_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-weight: 350;
  src: url(/iop/assets/fonts/avenir/3A0698_2_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_2_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_2_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_2_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_2_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-style: italic;
  font-weight: 350;
  src: url(/iop/assets/fonts/avenir/3A0698_3_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_3_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_3_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_3_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_3_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-weight: 400;
  src: url(/iop/assets/fonts/avenir/3A0698_4_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_4_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_4_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_4_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_4_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-style: italic;
  font-weight: 400;
  src: url(/iop/assets/fonts/avenir/3A0698_5_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_5_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_5_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_5_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_5_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-weight: 500;
  src: url(/iop/assets/fonts/avenir/3A0698_6_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_6_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_6_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_6_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_6_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-style: italic;
  font-weight: 500;
  src: url(/iop/assets/fonts/avenir/3A0698_7_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_7_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_7_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_7_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_7_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-weight: 700;
  src: url(/iop/assets/fonts/avenir/3A0698_8_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_8_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_8_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_8_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_8_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-style: italic;
  font-weight: 700;
  src: url(/iop/assets/fonts/avenir/3A0698_9_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_9_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_9_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_9_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_9_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-weight: 900;
  src: url(/iop/assets/fonts/avenir/3A0698_A_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_A_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_A_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_A_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_A_0.ttf) format('truetype');
}
@font-face {
  font-family: Avenir;
  font-style: italic;
  font-weight: 900;
  src: url(/iop/assets/fonts/avenir/3A0698_B_0.eot);
  src:
    url(/iop/assets/fonts/avenir/3A0698_B_0.eot?#iefix) format('embedded-opentype'),
    url(/iop/assets/fonts/avenir/3A0698_B_0.woff2) format('woff2'),
    url(/iop/assets/fonts/avenir/3A0698_B_0.woff) format('woff'),
    url(/iop/assets/fonts/avenir/3A0698_B_0.ttf) format('truetype');
}
html {
  scroll-behavior: smooth;
}
body {
  color: var(--color-black);
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-normal);
  width: 100%;
}
[id] {
  scroll-margin-top: 44px;
}
@media (min-width: 768px) {
  [id] {
    scroll-margin-top: 64px;
  }
}
@media (min-width: 1280px) {
  [id] {
    scroll-margin-top: 64px;
  }
}
:where(a) {
  color: inherit;
  text-decoration: none;
}
.link,
.site-footer a:not(.button) {
  text-decoration-color: #0000;
  transition: color 0.25s;
}
.link,
.site-footer a:not(.button):hover {
  color: var(--color-state-hover);
  text-decoration-color: var(--color-state-hover);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.1em;
}
a:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 0.15em !important;
}
img {
  width: 100%;
}
:where([class*='border-']) {
  border: 0 solid;
}
:where([class*='translate']) {
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
  transform: translate(var(--translate-x), var(--translate-y)) rotate(var(--rotate)) skewX(var(--skew-x))
    skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
}
:where(p, h1, h2, h3, h4, h5, h6) {
  margin: 0;
}
:where(p:not(:last-child)) {
  margin-bottom: var(--size-ml);
}
:where(h1:not([class*='heading']), .heading-1) {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-6xl);
  font-weight: var(--font-weight-normal);
  line-height: 1.3;
}
:where(h1:not(:last-child, [class*='heading']), .heading-1:not(:last-child)) {
  margin-bottom: var(--size-2xl);
}
:where(h2:not([class*='heading']), .heading-2) {
  color: var(--color-primary);
  font-family: var(--font-family-serif);
  font-size: var(--font-size-5xl);
  font-weight: var(--font-weight-normal);
}
:where(h2:not(:last-child, [class*='heading']), .heading-2:not(:last-child)) {
  margin-bottom: var(--size-5xl);
}
.heading-2--tight {
  letter-spacing: -1.28px;
}
:where(h3:not([class*='heading']), .heading-3) {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-normal);
  line-height: 1.15;
}
:where(h3:not(:last-child, [class*='heading']), .heading-3:not(:last-child)) {
  margin-bottom: var(--size-ml);
}
:where(h4:not([class*='heading']), .heading-4) {
  color: var(--color-primary);
  font-family: var(--font-family-serif);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-normal);
}
:where(h4:not(:last-child, [class*='heading']), .heading-4:not(:last-child)) {
  margin-bottom: var(--size-5xl);
}
:where(h5:not([class*='heading']), .heading-5) {
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-normal);
}
:where(h5:not(:last-child, [class*='heading']), .heading-5:not(:last-child)) {
  margin-bottom: var(--size-ml);
}
:where(h6:not([class*='heading']), .heading-6) {
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-extrabold);
}
:where(h6:not(:last-child, [class*='heading']), .heading-6:not(:last-child)) {
  margin-bottom: var(--size-zero);
}
:where(.text-sm:not(:last-child)) {
  margin-bottom: var(--size-md);
}
:where(.text-ml:not(:last-child)) {
  margin-bottom: var(--size-ml);
}
:where(.text-xl:not(:last-child)) {
  margin-bottom: var(--size-ml);
}
:where(.text-2xl:not(:last-child)) {
  margin-bottom: var(--size-xl);
}
:where(.text-3xl) {
  line-height: 1.15;
}
:where(.text-3xl:not(:last-child)) {
  margin-bottom: var(--size-ml);
}
:where(.text-4xl) {
  line-height: 1.15;
}
:where(.text-5xl) {
  line-height: 1.15;
}
:where(.text-5xl:not(:last-child)) {
  margin-bottom: var(--size-xl);
}
:where(.columns) {
  column-gap: 0 !important;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--column-gap) * -1);
  row-gap: var(--row-gap);
}
:where(.columns) > * {
  flex: 0 1 calc(100% - var(--column-gap));
  margin-left: var(--column-gap);
}
:where(.columns) > :not(:last-child) {
  margin-bottom: 0;
}
:where(.columns) > :not(:first-child) {
  margin-top: 0;
}
@media (min-width: 768px) {
  .columns.md\:columns-0 > *,
  .md\:columns-0:not(.columns) {
    flex-basis: calc(0% - var(--column-gap));
  }
  .md\:ml-0 {
    margin-left: calc(var(--column-gap));
  }
  .columns.md\:columns-1 > *,
  .md\:columns-1:not(.columns) {
    flex-basis: calc(8.33333% - var(--column-gap));
  }
  .md\:ml-1 {
    margin-left: calc(8.33333% + var(--column-gap));
  }
  .columns.md\:columns-2 > *,
  .md\:columns-2:not(.columns) {
    flex-basis: calc(16.66667% - var(--column-gap));
  }
  .md\:ml-2 {
    margin-left: calc(16.66667% + var(--column-gap));
  }
  .columns.md\:columns-3 > *,
  .md\:columns-3:not(.columns) {
    flex-basis: calc(25% - var(--column-gap));
  }
  .md\:ml-3 {
    margin-left: calc(25% + var(--column-gap));
  }
  .columns.md\:columns-4 > *,
  .md\:columns-4:not(.columns) {
    flex-basis: calc(33.33333% - var(--column-gap));
  }
  .md\:ml-4 {
    margin-left: calc(33.33333% + var(--column-gap));
  }
  .columns.md\:columns-5 > *,
  .md\:columns-5:not(.columns) {
    flex-basis: calc(41.66667% - var(--column-gap));
  }
  .md\:ml-5 {
    margin-left: calc(41.66667% + var(--column-gap));
  }
  .columns.md\:columns-6 > *,
  .md\:columns-6:not(.columns) {
    flex-basis: calc(50% - var(--column-gap));
  }
  .md\:ml-6 {
    margin-left: calc(50% + var(--column-gap));
  }
  .columns.md\:columns-7 > *,
  .md\:columns-7:not(.columns) {
    flex-basis: calc(58.33333% - var(--column-gap));
  }
  .md\:ml-7 {
    margin-left: calc(58.33333% + var(--column-gap));
  }
  .columns.md\:columns-8 > *,
  .md\:columns-8:not(.columns) {
    flex-basis: calc(66.66667% - var(--column-gap));
  }
  .md\:ml-8 {
    margin-left: calc(66.66667% + var(--column-gap));
  }
  .columns.md\:columns-9 > *,
  .md\:columns-9:not(.columns) {
    flex-basis: calc(75% - var(--column-gap));
  }
  .md\:ml-9 {
    margin-left: calc(75% + var(--column-gap));
  }
  .columns.md\:columns-10 > *,
  .md\:columns-10:not(.columns) {
    flex-basis: calc(83.33333% - var(--column-gap));
  }
  .md\:ml-10 {
    margin-left: calc(83.33333% + var(--column-gap));
  }
  .columns.md\:columns-11 > *,
  .md\:columns-11:not(.columns) {
    flex-basis: calc(91.66667% - var(--column-gap));
  }
  .md\:ml-11 {
    margin-left: calc(91.66667% + var(--column-gap));
  }
  .columns.md\:columns-12 > *,
  .md\:columns-12:not(.columns) {
    flex-basis: calc(100% - var(--column-gap));
  }
  .md\:ml-12 {
    margin-left: calc(100% + var(--column-gap));
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .columns.md\:columns-auto > *,
  .md\:columns-auto:not(.columns) {
    flex-basis: auto;
  }
}
@media (min-width: 1280px) {
  .columns.lg\:columns-4 > *,
  .lg\:columns-4:not(.columns) {
    flex-basis: calc(33.33333% - var(--column-gap));
  }
  .columns.lg\:columns-5 > *,
  .lg\:columns-5:not(.columns) {
    flex-basis: calc(41.66667% - var(--column-gap));
  }
  .columns.lg\:columns-6 > *,
  .lg\:columns-6:not(.columns) {
    flex-basis: calc(50% - var(--column-gap));
  }
}
img[height='0'] {
  height: 0;
}
img[width='0'] {
  width: 0;
}
@media print {
  @page {
    size: 8.5in 11in;
    margin: 250mm;
    margin-right: 450mm;
  }
  body,
  html {
    font-size: 22pt;
    height: 297mm;
    width: 210mm;
  }
  blockquote {
    font-size: 18pt;
  }
  .text-3xl.font-serif {
    font-size: 32pt;
  }
  main {
    zoom: 0.5;
  }
  * {
    animation: none !important;
    clip-path: none !important;
    opacity: 1 !important;
  }
  .chart * {
    transform: translate(0) scaleY(1) !important;
  }
  .hidden.md\:block {
    display: block !important;
  }
  #menu-button,
  .breadcrumb,
  .flipcard button,
  .map-arrow,
  .map__info,
  .md\:hidden,
  .scrollup,
  .site-footer,
  .timeline-pagination,
  .timeline:after,
  .timeline:before,
  .tooltip button,
  footer.section {
    display: none !important;
  }
  .masthead {
    position: relative !important;
  }
  .hero {
    page-break-before: avoid;
  }
  #fairmined,
  .hero,
  [class='py-9xl'],
  hgroup {
    page-break-after: avoid;
  }
  #ghg-emissions,
  .columns,
  .columns > div,
  .text-sm,
  .wrapper,
  hgroup,
  img,
  section,
  svg {
    break-inside: avoid;
  }
  #alltogethernow svg {
    margin: auto;
    width: 66% !important;
  }
  [class*='move:fade-'],
  [class*='move:slide-'] {
    opacity: 1 !important;
  }
  .move\:fade-up {
    transform: translateY(0) !important;
  }
  .columns.md\:columns-5 > *,
  .md\:columns-5:not(.columns) {
    flex-basis: calc(41.66667% - var(--column-gap));
  }
  .columns.md\:columns-6 > *,
  .md\:columns-6:not(.columns) {
    flex-basis: calc(50% - var(--column-gap));
  }
  .columns.md\:columns-7 > *,
  .md\:columns-7:not(.columns) {
    flex-basis: calc(58.33333% - var(--column-gap));
  }
  .columns.lg\:columns-6 > *,
  .lg\:columns-6:not(.columns) {
    flex-basis: calc(50% - var(--column-gap));
  }
  .columns.lg\:columns-4 > *,
  .lg\:columns-4:not(.columns) {
    flex-basis: calc(33.33333% - var(--column-gap));
  }
  .md\:flex {
    break-inside: avoid;
    display: flex;
  }
  .md\:w-50\% {
    width: 50%;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:order-first {
    order: -9999;
  }
  .md\:order-1 {
    order: 1;
  }
  .lg\:order-last {
    order: 9999;
  }
  .lg\:order-first {
    order: -9999;
  }
  .cover {
    page-break-after: avoid;
    transform: none !important;
  }
  .timeline {
    width: 100% !important;
  }
  .timeline [id*='capsule'],
  .timeline [id*='circle'],
  .timeline [id*='cirlce'] {
    clip-path: inset(0 0 0 0) !important;
    opacity: 1 !important;
  }
  .timeline [id$='-text'] {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  .timeline svg {
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  #ghg-bars [id*='text'],
  [id*='ghg-bar-group'] {
    opacity: 1;
  }
  [id*='ghg-bar-group'] {
    transform: scaleY(1);
  }
  .map-container {
    background: none !important;
    border: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .map-container .tooltip {
    break-inside: avoid;
    margin: 10px;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
    width: calc(25% - 25px);
  }
  .map {
    background: #f9f6f5;
    border-radius: 24px;
    margin-bottom: 10px;
  }
}
.attribution {
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-md);
  font-style: normal;
}
.attribution strong {
  display: block;
  font-weight: var(--font-weight-semibold);
}
.attribution cite {
  font-style: normal;
}
:where(.avatar.--circle) {
  border-radius: var(--radius-max);
}
:where(.avatar.--ml) {
  font-size: var(--font-size-lg);
  width: var(--size-5xl);
}
:where(.avatar.--lg) {
  font-size: var(--font-size-2xl);
  width: var(--size-7xl);
}
:where(.avatar.--xl) {
  font-size: var(--font-size-4xl);
  width: var(--size-9xl);
}
:where(.button) {
  --adjust-space: var(--size-ml) - var(--size-md);
  align-items: center;
  box-shadow: 0 0 0 1px currentColor;
  color: var(--color-500);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-extrabold);
  gap: calc(var(--size-sm) + var(--adjust-space));
  justify-content: center;
  line-height: 1.3;
  padding: var(--size-md) var(--size-ml);
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
:where(.button) .icon {
  font-size: var(--font-size-ml);
  margin: 0 calc((var(--adjust-space)) * -1) 2px;
  padding: 0;
}
:where(.button) .icon svg {
  height: 16px;
  width: 16px;
}
:where(.button.--reverse) {
  color: var(--theme-color-accessible);
}
:where(.button.--fill) {
  background: var(--color-500);
  box-shadow: none;
  color: var(--theme-color-accessible);
  transition:
    background-color 0.25s,
    color 0.25s;
}
:where(.button.--fill):focus-visible,
:where(.button.--fill):hover {
  background: var(--color-primary-100);
  color: var(--color-black);
}
:where(.button.--fill.--reverse) {
  background: var(--theme-color-accessible);
  color: var(--color-500);
}
:where(.button.--fill.--reverse):focus-visible,
:where(.button.--fill.--reverse):hover {
  background: var(--color-black);
  color: var(--color-white);
}
:where(.button.--oval) {
  border-radius: var(--radius-max);
}
:where(.button.--rounded) {
  border-radius: var(--radius-xs);
}
:where(.button.--lg.--rounded) {
  border-radius: var(--radius-sm);
}
:where(.button.--xl.--rounded) {
  border-radius: var(--radius-sm);
}
:where(.button.--sm) {
  --adjust-space: var(--size-xl) - var(--size-ml);
  font-size: 14px;
  font-weight: 500;
  gap: calc(var(--size-ml) + var(--adjust-space));
  padding: 12px var(--size-xl);
}
:where(.button.--sm) .icon {
  font-size: var(--font-size-lg);
}
:where(.button.--sm) .icon svg {
  height: var(--font-size-ml);
  width: var(--font-size-ml);
}
:where(.button.--ml) {
  --adjust-space: var(--size-xl) - var(--size-ml);
  font-size: var(--font-size-ml);
  font-weight: var(--font-weight-bold);
  gap: calc(var(--size-ml) + var(--adjust-space));
  padding: var(--size-ml) var(--size-xl);
}
:where(.button.--ml) .icon {
  font-size: var(--font-size-lg);
}
:where(.button.--ml) .icon svg {
  height: var(--font-size-lg);
  width: var(--font-size-lg);
}
:where(.button.--lg) {
  --adjust-space: var(--size-xl) - var(--size-ml);
  font-size: var(--font-size-ml);
  font-weight: var(--font-weight-semibold);
  gap: calc(var(--size-md) + var(--adjust-space));
  padding: var(--size-ml) var(--size-xl);
}
:where(.button.--lg) .icon {
  font-size: var(--font-size-lg);
}
:where(.button.--lg) .icon svg {
  height: var(--font-size-lg);
  width: var(--font-size-lg);
}
:where(.button.--xl) {
  --adjust-space: var(--size-2xl) - var(--size-xl);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-medium);
  gap: calc(var(--size-ml) + var(--adjust-space));
  padding: var(--size-xl) var(--size-2xl);
}
:where(.button.--xl) .icon {
  font-size: var(--font-size-2xl);
}
:where(.button.--xl) .icon svg {
  height: var(--font-size-2xl);
  width: var(--font-size-2xl);
}
:where(.button-group) {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-ml);
}
:where(.button-group:not(:first-child)) {
  margin-top: var(--size-xl);
}
:where(.button-group:not(:last-child)) {
  margin-bottom: var(--size-xl);
}
:where(.button-group:not(:first-child):has(.button.--sm)) {
  margin-top: var(--size-ml);
}
:where(.button-group:not(:last-child):has(.button.--sm)) {
  margin-bottom: var(--size-ml);
}
:where(.button-group:not(:first-child):has(.button.--lg)) {
  margin-top: var(--size-3xl);
}
:where(.button-group:not(:last-child):has(.button.--lg)) {
  margin-bottom: var(--size-3xl);
}
:where(.button-group:not(:first-child):has(.button.--xl)) {
  margin-top: var(--size-4xl);
}
:where(.button-group:not(:last-child):has(.button.--xl)) {
  margin-bottom: var(--size-4xl);
}
:where(.caption) {
  align-items: flex-start;
  display: flex;
  font-size: var(--font-size-xs);
  gap: var(--size-md);
}
:where(.caption):not(:first-child) {
  margin-top: var(--size-ml);
}
:where(.caption):not(:last-child) {
  margin-bottom: var(--size-ml);
}
:where(.caption) .icon {
  font-size: var(--font-size-md);
  padding: 0;
}
:where(.cover) {
  inset: 0;
  position: absolute;
  z-index: 0;
}
:where(.cover) img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
:where(:has(> .cover)) {
  position: relative;
}
:where(:has(> .cover)) > :not(.cover) {
  position: relative;
  z-index: 1;
}
.scale-cover .image {
  transition:
    transform 2s ease-out,
    opacity 0.25s;
}
.scale-cover:focus-visible .cover .image,
.scale-cover:hover .cover .image {
  opacity: 0.75;
  transform: scale(1.5);
  transition:
    transform 24s ease-out,
    opacity 0.25s;
}
@media (min-width: 768px) {
  .cover--spotlight img {
    object-position: center -6%;
  }
}
@media (min-width: 1280px) {
  .cover--spotlight img {
    object-position: center center;
  }
}
.footnote {
  display: flex;
  gap: 8px;
}
.footnote:before {
  content: '*';
}
.footnote + .footnote:before {
  content: '**';
}
.footnote:has(+ .footnote):before {
  min-width: 13px;
}
:where(hr, .divider) {
  border: solid;
  border-width: 1px 0 0;
}
:where(hr, .divider):not(:first-child) {
  margin-top: var(--size-2xl);
}
:where(hr, .divider):not(:last-child) {
  margin-bottom: var(--size-2xl);
}
:where(hr, .divider).--dashed {
  border-style: dashed;
}
:where(hr, .divider).--4pt {
  border-top-width: 4px;
}
:where(hr, .divider).--16pt {
  border-top-width: 16px;
}
hgroup {
  max-width: 728px;
}
hgroup > * {
  margin-top: 0;
}
hgroup:not(:last-child) {
  margin-bottom: var(--size-5xl);
}
:where(.icon) {
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  direction: ltr;
  display: inline-block;
  font-family: Material Symbols Rounded;
  font-size: var(--font-size-2xl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  padding: var(--size-md);
  text-transform: none;
  white-space: nowrap;
}
:where(.icon-fill) {
  font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}
:where(.icon.--fill) {
  background: var(--color-500);
  box-shadow: none;
  color: var(--theme-color-accessible);
}
:where(.icon.--circle) {
  border-radius: var(--radius-max);
}
:where(.icon.--rounded) {
  border-radius: var(--radius-xs);
}
:where(.icon.--ml) {
  font-size: var(--font-size-xs);
}
:where(blockquote) {
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
}
:where(blockquote):not(:last-child) {
  margin-bottom: var(--size-ml);
}
:where(.quote-mark) {
  aspect-ratio: 1/1;
  display: inline-flex;
  font-family: var(--font-family-serif);
  font-size: clamp(5rem, 3.7037vw + 4.1667rem, 7.5rem);
  height: -moz-fit-content;
  height: fit-content;
}
figure:has(> .avatar:first-child),
figure:has(> .quote-mark:first-child) {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
figure:has(> .avatar.is-inline:first-child),
figure:has(> .quote-mark.is-inline:first-child) {
  flex-direction: row;
}
.section {
  padding-block: var(--size-9xl);
}
.flipcard {
  aspect-ratio: 348/440;
  perspective: 2000px;
}
.flipcard__inner {
  font-size: var(--font-size-md);
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.5s;
  width: 100%;
}
@media (min-width: 1280px) {
  .flipcard__inner {
    font-size: var(--font-size-ml);
  }
}
.flipcard.is-flipped .flipcard__inner {
  transform: rotateY(180deg);
}
.flipcard.is-flipped button svg {
  transform: rotate(45deg);
}
.flipcard.is-flipped {
  color: var(--color-black);
}
.flipcard {
  color: var(--color-white);
}
.flipcard.color-black {
  color: var(--color-black);
}
.flipcard__back,
.flipcard__front {
  backface-visibility: hidden;
  border: 1px solid var(--color-blue);
  border-radius: var(--size-ml);
  height: 100%;
  overflow: hidden;
  padding: var(--size-2xl);
  position: absolute;
  width: 100%;
}
.flipcard__back {
  padding-top: calc(var(--size-2xl) + 60px);
  transform: rotateY(180deg);
}
.flipcard h3 {
  border-bottom: 1px solid;
  font-size: var(--font-size-md);
  font-weight: 700;
  inset: var(--size-2xl) var(--size-2xl) auto;
  padding-bottom: var(--size-ml);
  position: absolute;
  z-index: 1;
}
@media (min-width: 1280px) {
  .flipcard h3 {
    font-size: var(--font-size-ml);
  }
}
.flipcard h3 span {
  font-weight: 400;
}
.flipcard .button-group {
  bottom: var(--size-2xl);
  position: absolute;
  width: 100%;
}
.flipcard .button-group svg {
  height: 21px;
  transition: all 0.25s;
  width: 21px;
}
.flipcard img {
  inset: 0;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
}
.flipcard__description {
  height: calc(100% - var(--size-6xl));
  overflow: auto;
  scrollbar-width: thin;
  transform: translate(0);
}
.flipcard__description p {
  transform: translateY(0) !important;
}
.stat > * {
  margin: 0;
}
.tooltip {
  -webkit-backdrop-filter: var(--blur-sm);
  backdrop-filter: var(--blur-sm);
  background: #ffffffe6;
  border-radius: var(--size-md, 12px);
  box-shadow: var(--size-2xs, 4px) var(--size-2xs, 4px) var(--radius-ml, 16px) var(--size-zero, 0)
    var(--global-shadow, #0003);
  left: -999vw;
  opacity: 0;
  padding: var(--size-xl);
  pointer-events: none;
  position: absolute;
  top: -999vh;
  transform: translateY(25%) scale(0.85);
  transition:
    opacity 0.25s,
    transform 0.25s;
  width: 250px;
  z-index: 1;
}
.tooltip:not(.is--active) {
  left: -999vw !important;
  top: -999vh !important;
}
.tooltip.is--active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.tooltip h3 {
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-md);
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: var(--size-sm);
  padding-right: 20px;
}
.tooltip h3:first-child {
  border-bottom: 1px solid;
  padding-bottom: 8px;
}
.tooltip button {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 18px;
}
.tooltip button:hover {
  color: var(--color-blue);
}
.tooltip button .icon {
  padding: 4px;
}
.tooltip button .icon svg {
  height: 20px;
  width: 20px;
}
.tooltip ul {
  font-size: var(--font-size-sm);
}
.tooltip ul li {
  align-items: center;
  display: flex;
  gap: var(--size-ml);
  margin-top: var(--size-sm);
}
.tooltip ul li svg {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .tooltip ul li.items-start {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .tooltip {
    border-radius: var(--size-zero);
    bottom: -15% !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    transition:
      opacity 0.25s,
      transform 0ms,
      bottom 0.33s;
    width: 100%;
  }
  .tooltip,
  .tooltip.is--active {
    transform: translateY(0) scale(1);
  }
  .tooltip.is--active {
    bottom: 0 !important;
  }
  .tooltip button {
    top: var(--size-ml);
  }
}
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  background: #000;
  border: 0;
  clip-path: inset(1px);
  color: #fff;
  display: block;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.wrapper {
  margin-inline: auto;
  max-width: var(--grid-screenwidth);
  padding-inline: var(--grid-margin);
  width: 100%;
}
.masthead-desktop {
  background-color: var(--color-500);
  color: #fff;
  display: none;
  padding: 12px 0;
  position: sticky;
  top: 0;
  transition: background-color 0.25s;
  z-index: 900;
}
.masthead-desktop.is-stuck {
  background-color: rgb(from var(--color-500) r g b/.9);
}
.masthead-desktop h1 {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-xl);
  margin: 0;
  white-space: nowrap;
}
.masthead-desktop nav {
  display: flex;
  flex: 1;
  font-size: 14px;
  gap: 16px;
  justify-content: flex-end;
}
.masthead-desktop nav a {
  align-items: center;
  border: 1px solid;
  border-radius: var(--size-max);
  display: flex;
  height: 40px;
  justify-content: center;
  max-width: 146px;
  transition: color 0.25s;
  width: 100%;
}
.masthead-desktop nav a.is-active {
  color: #b4cfcf;
}
@media (min-width: 768px) {
  .masthead-desktop {
    display: block;
  }
}
.logo {
  display: block;
  margin-inline: auto;
  padding-bottom: clamp(1rem, 0.9259vw + 0.7917rem, 1.625rem);
  padding-top: clamp(2rem, 0.7407vw + 1.8333rem, 2.5rem);
  width: clamp(12.75rem, 4.7222vw + 11.6875rem, 15.9375rem);
}
.breadcrumb {
  border-top: 1px solid hsl(240, 8%, 75%);
  padding-block: var(--size-xl);
}
.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--font-size-xs);
}
.breadcrumb li {
  display: flex;
}
.breadcrumb li:not(:last-child):after {
  content: '/';
  margin-inline: var(--size-2xs);
}
.breadcrumb a {
  color: #2c2c2c;
  text-decoration: none;
  transition: color 0.25s;
}
.breadcrumb a:hover {
  color: var(--color-state-hover);
  text-decoration-color: var(--color-state-hover);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: auto;
  text-underline-position: under;
}
@media (min-width: 768px) {
  .breadcrumb {
    margin-top: 0;
  }
}
.masthead-mobile {
  color: #fff;
  color: var(--color-black);
  font-family: var(--font-family-sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  position: sticky;
  top: 0;
  transition: all 0.25s;
  z-index: 900;
}
.masthead-mobile .menu-button {
  align-items: center;
  background-color: var(--color-500);
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  height: 44px;
  justify-content: space-between;
  padding: 0 var(--grid-margin);
  transition: all 0.25s;
  width: 100%;
}
.masthead-mobile .menu-button span {
  display: none;
}
.masthead-mobile .menu-button:before {
  content: attr(data-active-section);
}
.masthead-mobile .menu-button svg {
  transition: all 0.25s;
}
.is-menu-open .masthead-mobile .menu-button {
  background-color: #fff;
  color: var(--color-black);
}
.is-menu-open .masthead-mobile .menu-button:before {
  display: none;
}
.is-menu-open .masthead-mobile .menu-button span {
  display: block;
}
.is-menu-open .masthead-mobile .menu-button svg {
  transform: scaleY(-1);
}
@media (min-width: 768px) {
  .masthead-mobile {
    display: none;
  }
}
.main-menu {
  background: var(--color-white);
  box-shadow: 0 4px 4px 0 #00000040;
  left: 0;
  overflow: hidden;
  padding: 4px var(--grid-margin) 4px calc(var(--grid-margin) + 8px);
  position: absolute;
  right: 0;
  scrollbar-width: none;
  top: 100%;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.25s ease-out;
}
.main-menu > a {
  border-left: 2px solid #0000;
  border-radius: 2px;
  display: block;
  line-height: 140%;
  padding: 8px;
  transition: all 0.25s;
}
.main-menu > a:not(:last-child) {
  margin-bottom: 9px;
}
.main-menu > a.is-active {
  background-color: #b4cfcf;
  border-color: #0d6363;
}
.is-menu-open .main-menu {
  transform: scaleY(1);
}
@media (min-width: 768px) {
  .main-menu {
    display: none;
  }
}
.site-footer {
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.26px;
  line-height: 1.4;
  padding-bottom: var(--size-2xl);
}
@media (max-width: 767px) {
  .site-footer > .wrapper {
    padding: 0;
  }
}
.site-footer h2 {
  color: #2b2b2b;
  font-family: var(--font-family-sans-serif);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-bottom: var(--size-zero);
  text-transform: uppercase;
}
.site-footer .accordion li + li {
  margin-top: 6px;
}
.site-footer a:not(.button):hover {
  text-decoration-thickness: 1px;
  text-underline-offset: auto;
  text-underline-position: under;
}
.site-footer__social {
  margin-left: -8px;
}
.site-footer__social a {
  display: block;
  padding: 8px;
}
.site-footer__social a:focus-visible,
.site-footer__social a:hover {
  color: var(--color-state-hover);
}
.site-footer__social svg {
  display: block;
  height: 24px;
  width: 24px;
}
.site-footer__bar {
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(0.6875rem, 0.0926vw + 0.6667rem, 0.75rem);
  font-weight: 400;
  gap: clamp(0.5rem, 0.1852vw + 0.4583rem, 0.625rem);
  justify-content: center;
  line-height: 1.4;
  margin-block-start: clamp(0rem, 2.5926vw + -0.5833rem, 1.75rem);
  padding-block: 16px;
}
.site-footer__bar li:not(:last-child) {
  align-items: center;
  display: flex;
}
.site-footer__bar li:not(:last-child):after {
  background-color: currentColor;
  content: '';
  display: block;
  height: 10px;
  margin-left: clamp(0.5rem, 0.1852vw + 0.4583rem, 0.625rem);
  position: relative;
  top: -1px;
  width: 1px;
}
@media (min-width: 1280px) {
  .site-footer__bar {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .site-footer__bar,
  .site-footer__newsletter {
    padding-inline: var(--grid-margin);
  }
  .site-footer__newsletter {
    margin-top: var(--size-2xl);
  }
  .site-footer__newsletter h2 {
    margin-bottom: 8px;
  }
  .site-footer__social {
    justify-content: space-around;
  }
  .site-footer .accordion--about {
    order: 1;
  }
  .site-footer .accordion--education {
    order: 2;
  }
  .site-footer .accordion--orders {
    order: 3;
  }
  .site-footer .accordion--service {
    order: 4;
  }
  .site-footer .accordion--showrooms {
    order: 5;
  }
  .site-footer .accordion--contact {
    order: 6;
  }
  .site-footer .site-footer__newsletter {
    order: 7;
  }
}
@media (min-width: 768px) {
  .site-footer {
    border-top-color: #d3d3d3;
    font-size: 13px;
    font-weight: 400;
    padding-top: 50px;
  }
  .site-footer h2 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
  }
}
.site-footer__subscribe {
  display: flex;
  margin-top: 20px;
}
.site-footer__subscribe input {
  background: none;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  box-shadow: none;
  flex-grow: 1;
  font: inherit;
  height: 45px;
  padding: 0 var(--size-ml);
}
.site-footer__subscribe input:focus-visible {
  outline: 3px inset #639af9 !important;
  outline-offset: 5px !important;
}
.site-footer__subscribe button {
  align-items: center;
  background: var(--color-primary);
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  flex-shrink: 1;
  height: 45px;
  justify-content: center;
  width: 45px;
}
.site-footer__subscribe button:hover {
  background: var(--color-state-hover);
}
.site-footer__subscribe button:focus-visible {
  outline: 3px inset #639af9 !important;
  outline-offset: 5px !important;
}
.accordion__button,
::placeholder {
  color: var(--color-black);
}
.accordion__button {
  background-color: initial;
  border-radius: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.75px;
  line-height: normal;
  padding: var(--size-xl) 0;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.accordion__button:after,
.accordion__button:before {
  background-color: currentColor;
  content: '';
  height: 1px;
  position: absolute;
  right: var(--grid-margin);
  top: 50%;
  transition: transform 0.25s;
  width: 15px;
}
.accordion__button:after {
  transform: rotate(-90deg);
}
.accordion__button[aria-expanded='true']:after {
  transform: rotate(0deg);
}
.accordion h2 > a {
  font-weight: 500;
}
@media (max-width: 767px) {
  .accordion {
    border-bottom: 1px solid #e6e6e6;
  }
  .accordion ul {
    padding-bottom: var(--size-xl);
  }
  .accordion ul a {
    display: block;
    padding: 0.5em 15px;
  }
  .accordion h2 > a {
    display: none;
  }
  .accordion__button,
  .accordion__panel {
    padding-inline: var(--grid-margin);
  }
  .accordion__panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s;
  }
}
@media (min-width: 768px) {
  .accordion__button {
    display: none;
  }
}
.scrollup {
  bottom: 27px;
  position: fixed;
  right: 7px;
  z-index: 999;
}
.scrollup svg {
  display: block;
  height: 56px;
  width: 56px;
}
.hero {
  display: flex;
  flex-direction: column;
  height: 500px;
  justify-content: flex-end;
  overflow: hidden;
  padding-bottom: var(--size-9xl);
  padding-top: var(--size-2xl);
  position: relative;
}
@media (max-width: 1279px) {
  .hero:before {
    background: linear-gradient(180deg, #0000, #000c);
    content: '';
    inset: 40% 0 0 0;
    position: absolute;
    z-index: 1;
  }
}
.map {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 10;
}
.map::-webkit-scrollbar {
  display: none;
}
.map-container {
  background: var(--Brilliant-Earth-Secondary-Cream-100, #f9f6f5);
  border: 1px solid var(--Brilliant-Earth-Secondary-Cool-Blue, #94a9aa);
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.map-arrow {
  bottom: var(--size-xl);
  cursor: pointer;
  left: var(--size-xl);
  padding: 0;
  position: absolute;
  z-index: 0;
}
.map-arrow--right {
  left: auto;
  right: var(--size-xl);
  transform: scale(-1);
}
@media (min-width: 768px) {
  .map-arrow {
    display: none;
  }
}
.map__info {
  background: var(--color-white);
  border-radius: var(--size-ml);
  font-size: var(--font-size-md);
  left: var(--size-xl);
  padding: var(--size-xl);
  position: absolute;
  right: var(--size-xl);
  top: var(--size-xl);
}
@media (min-width: 768px) {
  .map__info {
    font-size: var(--font-size-ml);
    left: auto;
  }
}
.map__svg {
  -webkit-tap-highlight-color: transparent;
}
.map__svg path[id][fill='#94A9AA'] {
  cursor: pointer;
  transition: fill 0.25s;
}
.map__svg path[id][fill='#94A9AA'].is--active,
.map__svg path[id][fill='#94A9AA'].is--hover,
.map__svg path[id][fill='#94A9AA']:hover {
  fill: var(--color-primary);
}
.map__svg g[id*='location'] {
  cursor: pointer;
}
.map__svg g[id*='location'] [fill='#597175'] {
  transition: fill 0.25s;
}
.map__svg g[id*='location'].is--active [fill='#597175'],
.map__svg g[id*='location'].is--hover [fill='#597175'],
.map__svg g[id*='location']:hover [fill='#597175'] {
  fill: var(--color-primary-300);
}
.map__svg g[id*='location'].is--hover path,
.map__svg g[id*='location']:hover path {
  animation: bounce 0.33s ease-out infinite alternate;
}
@media (min-width: 768px) {
  .map,
  .map-container {
    overflow: visible;
  }
  .map__svg {
    height: auto;
    width: 100%;
  }
}
@keyframes bounce {
  to {
    transform: translateY(5px);
  }
}
.svg-tooltip {
  cursor: pointer;
}
.svg-tooltip:hover {
  opacity: 0.8;
}
.track {
  align-items: center;
  background-color: var(--color-blue);
  border-radius: 2px;
  display: flex;
  height: 2px;
  margin: 0 auto 56px;
  max-width: 348px;
  position: relative;
  width: 100%;
}
.track .thumb {
  cursor: pointer;
  position: absolute;
}
.track .thumb:active path[fill='#94A9AA'] {
  fill: var(--color-primary);
}
.track .thumb:active path[stroke='#94A9AA'] {
  stroke: var(--color-primary);
}
.timeline-scroller {
  overflow-x: scroll;
  scrollbar-width: none;
  width: 100%;
}
.timeline-scroller:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='2'><line x1='0' y1='1' x2='12' y2='1' stroke='%2394A9AA' stroke-width='2' stroke-linecap='round' stroke-dasharray='6 6'/></svg>");
  background-repeat: repeat-x;
  content: '';
  height: 2px;
  left: -100vw;
  position: absolute;
  right: -100vw;
  top: var(--timeline-before-top, 0);
}
.timeline-scroller::-webkit-scrollbar {
  display: none;
}
.timeline {
  align-items: flex-start;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 42px;
  justify-content: space-between;
  padding-right: 160px;
  position: relative;
  width: 100%;
}
.timeline:has(.timeline__description.is-wide) {
  padding-right: 350px;
}
.timeline a {
  color: var(--color-white);
  font-weight: 500;
  text-decoration: underline;
}
.timeline a:focus,
.timeline a:hover {
  text-decoration: underline;
}
.timeline__item {
  display: flex;
  flex-direction: column;
  position: relative;
}
.timeline__item:nth-child(2n) .timeline__description {
  bottom: 100%;
  left: calc(50% - 1px);
  padding-bottom: 32px;
  padding-top: 0;
  top: auto;
}
.timeline__item:nth-child(2n) .timeline__description:before {
  background-position: 0 100%;
  bottom: -0.2em;
  top: 0.2em;
}
.timeline__item:nth-child(2n) .timeline__description:after {
  bottom: -7px;
  top: auto;
}
.timeline__item:last-child .timeline__description {
  padding-right: 20px;
}
.timeline__year {
  align-items: center;
  background: #fff;
  border: 2px solid var(--color-blue);
  border-radius: 999px;
  color: var(--color-primary);
  display: flex;
  font-family: var(--font-family-serif);
  font-size: 24px;
  font-weight: 400;
  height: 68px;
  justify-content: center;
  width: 68px;
}
.timeline__description {
  left: calc(50% - 2px);
  line-height: 1.4;
  padding-left: 9px;
  padding-top: 32px;
  position: absolute;
  top: 100%;
  width: 200px;
}
.timeline__description.is-wide {
  width: 400px;
}
.timeline__description p {
  transform: none;
}
.timeline__description p:not(:last-child) {
  margin-bottom: 0;
  padding-bottom: var(--size-ml);
}
.timeline__description:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 12'><line x1='1' y1='0' x2='1' y2='12' stroke='%2394A9AA' stroke-width='2' stroke-linecap='round' stroke-dasharray='6 6'/></svg>");
  background-position: 0 0;
  background-repeat: repeat-y;
  bottom: 0.2em;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}
.timeline__description:after {
  background-color: #fff;
  border: 2px solid var(--color-blue);
  border-radius: 50%;
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -6px;
  width: 12px;
}
.loading,
[class*='move:fade-'] {
  opacity: 0;
}
[class*='move:fade-'],
[class*='move:slide-'] {
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}
[class*='move:fade-'].move\:inview,
[class*='move:slide-'].move\:inview {
  opacity: 1;
  transition-delay: calc(var(--delay) * 1ms);
  transition-duration: calc(var(--duration) * 1ms);
}
[class*='move:fade-'].move\:inview:not(.move\:fade-in),
[class*='move:slide-'].move\:inview:not(.move\:fade-in) {
  transform: translate(0);
}
.move\:fade-up,
.move\:slide-up {
  transform: translateY(calc(var(--distance) * 1px));
}
.move\:fade-down,
.move\:slide-down {
  transform: translateY(calc(var(--distance) * -1px));
}
.move\:fade-left,
.move\:slide-left {
  transform: translateX(calc(var(--distance) * 1px));
}
.move\:fade-right,
.move\:slide-right {
  transform: translateX(calc(var(--distance) * -1px));
}
.move\:wipe {
  display: block;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.move\:wipe:before {
  background-color: #000;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-101%);
  transform-origin: right;
  transition: transform 1s linear;
  transition-delay: calc(var(--delay) * 1ms);
  width: 100%;
  z-index: 1;
}
.move\:wipe img {
  opacity: 0;
  transition: opacity 0s;
}
.move\:wipe.move\:inview:before {
  transform: translateX(101%);
}
.move\:wipe.move\:inview img {
  opacity: 1;
  transition-delay: calc(var(--delay) * 1ms + 0.5s);
}
@media not (prefers-reduced-motion: reduce) {
  .chart * {
    transform-box: fill-box;
  }
  .chart--pie path[stroke-width='24'] {
    opacity: 0;
    transition: all 1s;
    transition-delay: calc(1ms * var(--delay) + 1s);
  }
  .chart--pie [stroke-dasharray='10 10'] {
    animation-play-state: paused;
    animation: dash forwards;
    transform-box: fill-box;
  }
  .chart--pie text {
    opacity: 0;
    transition: all 1s;
    transition-delay: calc(1ms * var(--delay) + 1s);
  }
  .chart--pie.move\:inview path[stroke-width='24'],
  .chart--pie.move\:inview text {
    opacity: 1;
  }
  .chart--pie.move\:inview [stroke-dasharray='10 10'] {
    animation-play-state: running;
  }
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
      stroke-dasharray: 10 10;
    }
  }
  #diagram-items path[fill='#183E40'] {
    opacity: 0;
    transition: all 1s;
    transition-delay: calc(1ms * var(--delay));
  }
  #diagram-items path:not([fill='#183E40']) {
    opacity: 0;
    transition: all 1s;
    transition-delay: calc(1ms * var(--delay) + 0.25s);
  }
  #diagram-items text {
    opacity: 0;
    transition: all 1s;
    transition-delay: calc(1ms * var(--delay) + 0.5s);
  }
  #diagram-right-arrows path {
    animation: diagramRightArrows 1s ease-in-out forwards;
  }
  #diagram-left-arrows path {
    animation: diagramLeftArrows 1s ease-in-out forwards;
  }
  #diagram-arrows path {
    animation-play-state: paused;
  }
  .chart--diagram.move\:inview #diagram-items path,
  .chart--diagram.move\:inview #diagram-items text {
    opacity: 1;
  }
  .chart--diagram.move\:inview #diagram-arrows path {
    animation-play-state: running;
  }
  .chart--bars [id*='ghg-bar-group'] {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: all 1.25s;
    transition-delay: calc(1ms * var(--delay) + 0.4s);
  }
  .chart--bars #ghg-bars [id*='text'] {
    opacity: 0;
    transition: all 0.55s;
    transition-delay: calc(1ms * var(--delay) + 0.9s);
  }
  .chart--bars #ghg-text {
    animation: diagramRightArrows 1s ease-in-out 1.4s forwards;
    animation-play-state: paused;
    clip-path: inset(0 0 100% 0);
    transition-delay: calc(1ms * var(--delay) + 2.5s);
  }
  .chart--bars #ghg-lines {
    animation: dashedLines 1s linear 1.4s forwards;
    animation-play-state: paused;
    clip-path: inset(0 100% 100% 0);
  }
  .chart--bars.move\:inview #ghg-bars [id*='text'],
  .chart--bars.move\:inview [id*='ghg-bar-group'] {
    opacity: 1;
  }
  .chart--bars.move\:inview [id*='ghg-bar-group'] {
    transform: scaleY(1);
  }
  .chart--bars.move\:inview #ghg-lines,
  .chart--bars.move\:inview #ghg-text {
    animation-play-state: running;
  }
}
@keyframes dashedLines {
  0% {
    clip-path: inset(0 100% 100% 0);
    opacity: 0;
  }
  to {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes diagramRightArrows {
  0% {
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  to {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes diagramLeftArrows {
  0% {
    clip-path: inset(100% 0 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
@media (min-width: 768px) {
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-baseline {
    align-items: baseline;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-baseline {
    align-items: baseline;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1440px) {
  .xl\:items-start {
    align-items: flex-start;
  }
  .xl\:items-end {
    align-items: flex-end;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:items-baseline {
    align-items: baseline;
  }
  .xl\:items-stretch {
    align-items: stretch;
  }
}
.aspect-video {
  aspect-ratio: 16/9;
}
.aspect-golden-h {
  aspect-ratio: 1/0.618;
}
.aspect-1-1 {
  aspect-ratio: 1/1;
}
.aspect-3-4 {
  aspect-ratio: 3/4;
}
@media (min-width: 768px) {
  .md\:aspect-auto {
    aspect-ratio: auto;
  }
  .md\:aspect-square {
    aspect-ratio: 1/1;
  }
  .md\:aspect-video {
    aspect-ratio: 16/9;
  }
  .md\:aspect-golden-h {
    aspect-ratio: 1/0.618;
  }
  .md\:aspect-1-1 {
    aspect-ratio: 1/1;
  }
  .md\:aspect-4-3 {
    aspect-ratio: 4/3;
  }
  .md\:aspect-3-4 {
    aspect-ratio: 3/4;
  }
  .md\:aspect-3-2 {
    aspect-ratio: 3/2;
  }
  .md\:aspect-16-5 {
    aspect-ratio: 16/5;
  }
}
@media (min-width: 1280px) {
  .lg\:aspect-video {
    aspect-ratio: 16/9;
  }
  .lg\:aspect-golden-h {
    aspect-ratio: 1/0.618;
  }
}
@media (min-width: 1440px) {
  .xl\:aspect-video {
    aspect-ratio: 16/9;
  }
  .xl\:aspect-golden-h {
    aspect-ratio: 1/0.618;
  }
}
:where([class*='aspect-']) {
  object-fit: cover;
}
.backdrop-blur-xs {
  -webkit-backdrop-filter: var(--blur-xs);
  backdrop-filter: var(--blur-xs);
}
.backdrop-blur-sm {
  -webkit-backdrop-filter: var(--blur-sm);
  backdrop-filter: var(--blur-sm);
}
.backdrop-blur-md {
  -webkit-backdrop-filter: var(--blur-md);
  backdrop-filter: var(--blur-md);
}
.backdrop-blur-ml {
  -webkit-backdrop-filter: var(--blur-ml);
  backdrop-filter: var(--blur-ml);
}
.backdrop-blur-lg {
  -webkit-backdrop-filter: var(--blur-lg);
  backdrop-filter: var(--blur-lg);
}
.backdrop-blur-xl {
  -webkit-backdrop-filter: var(--blur-xl);
  backdrop-filter: var(--blur-xl);
}
@media (min-width: 768px) {
  .md\:backdrop-blur-xs {
    -webkit-backdrop-filter: var(--blur-xs);
    backdrop-filter: var(--blur-xs);
  }
  .md\:backdrop-blur-sm {
    -webkit-backdrop-filter: var(--blur-sm);
    backdrop-filter: var(--blur-sm);
  }
  .md\:backdrop-blur-md {
    -webkit-backdrop-filter: var(--blur-md);
    backdrop-filter: var(--blur-md);
  }
  .md\:backdrop-blur-ml {
    -webkit-backdrop-filter: var(--blur-ml);
    backdrop-filter: var(--blur-ml);
  }
  .md\:backdrop-blur-lg {
    -webkit-backdrop-filter: var(--blur-lg);
    backdrop-filter: var(--blur-lg);
  }
  .md\:backdrop-blur-xl {
    -webkit-backdrop-filter: var(--blur-xl);
    backdrop-filter: var(--blur-xl);
  }
}
@media (min-width: 1280px) {
  .lg\:backdrop-blur-xs {
    -webkit-backdrop-filter: var(--blur-xs);
    backdrop-filter: var(--blur-xs);
  }
  .lg\:backdrop-blur-sm {
    -webkit-backdrop-filter: var(--blur-sm);
    backdrop-filter: var(--blur-sm);
  }
  .lg\:backdrop-blur-md {
    -webkit-backdrop-filter: var(--blur-md);
    backdrop-filter: var(--blur-md);
  }
  .lg\:backdrop-blur-ml {
    -webkit-backdrop-filter: var(--blur-ml);
    backdrop-filter: var(--blur-ml);
  }
  .lg\:backdrop-blur-lg {
    -webkit-backdrop-filter: var(--blur-lg);
    backdrop-filter: var(--blur-lg);
  }
  .lg\:backdrop-blur-xl {
    -webkit-backdrop-filter: var(--blur-xl);
    backdrop-filter: var(--blur-xl);
  }
}
@media (min-width: 1440px) {
  .xl\:backdrop-blur-xs {
    -webkit-backdrop-filter: var(--blur-xs);
    backdrop-filter: var(--blur-xs);
  }
  .xl\:backdrop-blur-sm {
    -webkit-backdrop-filter: var(--blur-sm);
    backdrop-filter: var(--blur-sm);
  }
  .xl\:backdrop-blur-md {
    -webkit-backdrop-filter: var(--blur-md);
    backdrop-filter: var(--blur-md);
  }
  .xl\:backdrop-blur-ml {
    -webkit-backdrop-filter: var(--blur-ml);
    backdrop-filter: var(--blur-ml);
  }
  .xl\:backdrop-blur-lg {
    -webkit-backdrop-filter: var(--blur-lg);
    backdrop-filter: var(--blur-lg);
  }
  .xl\:backdrop-blur-xl {
    -webkit-backdrop-filter: var(--blur-xl);
    backdrop-filter: var(--blur-xl);
  }
}
.bg-gradient {
  background-image: linear-gradient(var(--gr-direction, 90deg), var(--gr-from), var(--gr-to));
}
.bg-gradient-hero {
  background: linear-gradient(0deg, #daddd2, var(--color-cream));
}
.color-opacity-0 {
  --color-opacity: 0;
  --border-opacity: 0;
}
.bg-opacity-0 {
  --bg-opacity: 0;
}
.bg-gradient-opacity-0 {
  --bg-gradient-from-opacity: 0;
  --bg-gradient-to-opacity: 0;
}
.bg-gradient-from-opacity-0 {
  --bg-gradient-from-opacity: 0;
}
.bg-gradient-to-opacity-0 {
  --bg-gradient-to-opacity: 0;
}
.border-image-opacity-0 {
  --border-image-opacity: 0;
}
.color-opacity-5 {
  --color-opacity: 0.05;
  --border-opacity: 0.05;
}
.bg-opacity-5 {
  --bg-opacity: 0.05;
}
.bg-gradient-opacity-5 {
  --bg-gradient-from-opacity: 0.05;
  --bg-gradient-to-opacity: 0.05;
}
.bg-gradient-from-opacity-5 {
  --bg-gradient-from-opacity: 0.05;
}
.bg-gradient-to-opacity-5 {
  --bg-gradient-to-opacity: 0.05;
}
.border-image-opacity-5 {
  --border-image-opacity: 0.05;
}
.color-opacity-10 {
  --color-opacity: 0.1;
  --border-opacity: 0.1;
}
.bg-opacity-10 {
  --bg-opacity: 0.1;
}
.bg-gradient-opacity-10 {
  --bg-gradient-from-opacity: 0.1;
  --bg-gradient-to-opacity: 0.1;
}
.bg-gradient-from-opacity-10 {
  --bg-gradient-from-opacity: 0.1;
}
.bg-gradient-to-opacity-10 {
  --bg-gradient-to-opacity: 0.1;
}
.border-image-opacity-10 {
  --border-image-opacity: 0.1;
}
.color-opacity-15 {
  --color-opacity: 0.15;
  --border-opacity: 0.15;
}
.bg-opacity-15 {
  --bg-opacity: 0.15;
}
.bg-gradient-opacity-15 {
  --bg-gradient-from-opacity: 0.15;
  --bg-gradient-to-opacity: 0.15;
}
.bg-gradient-from-opacity-15 {
  --bg-gradient-from-opacity: 0.15;
}
.bg-gradient-to-opacity-15 {
  --bg-gradient-to-opacity: 0.15;
}
.border-image-opacity-15 {
  --border-image-opacity: 0.15;
}
.color-opacity-20 {
  --color-opacity: 0.2;
  --border-opacity: 0.2;
}
.bg-opacity-20 {
  --bg-opacity: 0.2;
}
.bg-gradient-opacity-20 {
  --bg-gradient-from-opacity: 0.2;
  --bg-gradient-to-opacity: 0.2;
}
.bg-gradient-from-opacity-20 {
  --bg-gradient-from-opacity: 0.2;
}
.bg-gradient-to-opacity-20 {
  --bg-gradient-to-opacity: 0.2;
}
.border-image-opacity-20 {
  --border-image-opacity: 0.2;
}
.color-opacity-25 {
  --color-opacity: 0.25;
  --border-opacity: 0.25;
}
.bg-opacity-25 {
  --bg-opacity: 0.25;
}
.bg-gradient-opacity-25 {
  --bg-gradient-from-opacity: 0.25;
  --bg-gradient-to-opacity: 0.25;
}
.bg-gradient-from-opacity-25 {
  --bg-gradient-from-opacity: 0.25;
}
.bg-gradient-to-opacity-25 {
  --bg-gradient-to-opacity: 0.25;
}
.border-image-opacity-25 {
  --border-image-opacity: 0.25;
}
.color-opacity-30 {
  --color-opacity: 0.3;
  --border-opacity: 0.3;
}
.bg-opacity-30 {
  --bg-opacity: 0.3;
}
.bg-gradient-opacity-30 {
  --bg-gradient-from-opacity: 0.3;
  --bg-gradient-to-opacity: 0.3;
}
.bg-gradient-from-opacity-30 {
  --bg-gradient-from-opacity: 0.3;
}
.bg-gradient-to-opacity-30 {
  --bg-gradient-to-opacity: 0.3;
}
.border-image-opacity-30 {
  --border-image-opacity: 0.3;
}
.color-opacity-35 {
  --color-opacity: 0.35;
  --border-opacity: 0.35;
}
.bg-opacity-35 {
  --bg-opacity: 0.35;
}
.bg-gradient-opacity-35 {
  --bg-gradient-from-opacity: 0.35;
  --bg-gradient-to-opacity: 0.35;
}
.bg-gradient-from-opacity-35 {
  --bg-gradient-from-opacity: 0.35;
}
.bg-gradient-to-opacity-35 {
  --bg-gradient-to-opacity: 0.35;
}
.border-image-opacity-35 {
  --border-image-opacity: 0.35;
}
.color-opacity-40 {
  --color-opacity: 0.4;
  --border-opacity: 0.4;
}
.bg-opacity-40 {
  --bg-opacity: 0.4;
}
.bg-gradient-opacity-40 {
  --bg-gradient-from-opacity: 0.4;
  --bg-gradient-to-opacity: 0.4;
}
.bg-gradient-from-opacity-40 {
  --bg-gradient-from-opacity: 0.4;
}
.bg-gradient-to-opacity-40 {
  --bg-gradient-to-opacity: 0.4;
}
.border-image-opacity-40 {
  --border-image-opacity: 0.4;
}
.color-opacity-45 {
  --color-opacity: 0.45;
  --border-opacity: 0.45;
}
.bg-opacity-45 {
  --bg-opacity: 0.45;
}
.bg-gradient-opacity-45 {
  --bg-gradient-from-opacity: 0.45;
  --bg-gradient-to-opacity: 0.45;
}
.bg-gradient-from-opacity-45 {
  --bg-gradient-from-opacity: 0.45;
}
.bg-gradient-to-opacity-45 {
  --bg-gradient-to-opacity: 0.45;
}
.border-image-opacity-45 {
  --border-image-opacity: 0.45;
}
.color-opacity-50 {
  --color-opacity: 0.5;
  --border-opacity: 0.5;
}
.bg-opacity-50 {
  --bg-opacity: 0.5;
}
.bg-gradient-opacity-50 {
  --bg-gradient-from-opacity: 0.5;
  --bg-gradient-to-opacity: 0.5;
}
.bg-gradient-from-opacity-50 {
  --bg-gradient-from-opacity: 0.5;
}
.bg-gradient-to-opacity-50 {
  --bg-gradient-to-opacity: 0.5;
}
.border-image-opacity-50 {
  --border-image-opacity: 0.5;
}
.color-opacity-55 {
  --color-opacity: 0.55;
  --border-opacity: 0.55;
}
.bg-opacity-55 {
  --bg-opacity: 0.55;
}
.bg-gradient-opacity-55 {
  --bg-gradient-from-opacity: 0.55;
  --bg-gradient-to-opacity: 0.55;
}
.bg-gradient-from-opacity-55 {
  --bg-gradient-from-opacity: 0.55;
}
.bg-gradient-to-opacity-55 {
  --bg-gradient-to-opacity: 0.55;
}
.border-image-opacity-55 {
  --border-image-opacity: 0.55;
}
.color-opacity-60 {
  --color-opacity: 0.6;
  --border-opacity: 0.6;
}
.bg-opacity-60 {
  --bg-opacity: 0.6;
}
.bg-gradient-opacity-60 {
  --bg-gradient-from-opacity: 0.6;
  --bg-gradient-to-opacity: 0.6;
}
.bg-gradient-from-opacity-60 {
  --bg-gradient-from-opacity: 0.6;
}
.bg-gradient-to-opacity-60 {
  --bg-gradient-to-opacity: 0.6;
}
.border-image-opacity-60 {
  --border-image-opacity: 0.6;
}
.color-opacity-65 {
  --color-opacity: 0.65;
  --border-opacity: 0.65;
}
.bg-opacity-65 {
  --bg-opacity: 0.65;
}
.bg-gradient-opacity-65 {
  --bg-gradient-from-opacity: 0.65;
  --bg-gradient-to-opacity: 0.65;
}
.bg-gradient-from-opacity-65 {
  --bg-gradient-from-opacity: 0.65;
}
.bg-gradient-to-opacity-65 {
  --bg-gradient-to-opacity: 0.65;
}
.border-image-opacity-65 {
  --border-image-opacity: 0.65;
}
.color-opacity-70 {
  --color-opacity: 0.7;
  --border-opacity: 0.7;
}
.bg-opacity-70 {
  --bg-opacity: 0.7;
}
.bg-gradient-opacity-70 {
  --bg-gradient-from-opacity: 0.7;
  --bg-gradient-to-opacity: 0.7;
}
.bg-gradient-from-opacity-70 {
  --bg-gradient-from-opacity: 0.7;
}
.bg-gradient-to-opacity-70 {
  --bg-gradient-to-opacity: 0.7;
}
.border-image-opacity-70 {
  --border-image-opacity: 0.7;
}
.color-opacity-75 {
  --color-opacity: 0.75;
  --border-opacity: 0.75;
}
.bg-opacity-75 {
  --bg-opacity: 0.75;
}
.bg-gradient-opacity-75 {
  --bg-gradient-from-opacity: 0.75;
  --bg-gradient-to-opacity: 0.75;
}
.bg-gradient-from-opacity-75 {
  --bg-gradient-from-opacity: 0.75;
}
.bg-gradient-to-opacity-75 {
  --bg-gradient-to-opacity: 0.75;
}
.border-image-opacity-75 {
  --border-image-opacity: 0.75;
}
.color-opacity-80 {
  --color-opacity: 0.8;
  --border-opacity: 0.8;
}
.bg-opacity-80 {
  --bg-opacity: 0.8;
}
.bg-gradient-opacity-80 {
  --bg-gradient-from-opacity: 0.8;
  --bg-gradient-to-opacity: 0.8;
}
.bg-gradient-from-opacity-80 {
  --bg-gradient-from-opacity: 0.8;
}
.bg-gradient-to-opacity-80 {
  --bg-gradient-to-opacity: 0.8;
}
.border-image-opacity-80 {
  --border-image-opacity: 0.8;
}
.color-opacity-85 {
  --color-opacity: 0.85;
  --border-opacity: 0.85;
}
.bg-opacity-85 {
  --bg-opacity: 0.85;
}
.bg-gradient-opacity-85 {
  --bg-gradient-from-opacity: 0.85;
  --bg-gradient-to-opacity: 0.85;
}
.bg-gradient-from-opacity-85 {
  --bg-gradient-from-opacity: 0.85;
}
.bg-gradient-to-opacity-85 {
  --bg-gradient-to-opacity: 0.85;
}
.border-image-opacity-85 {
  --border-image-opacity: 0.85;
}
.color-opacity-90 {
  --color-opacity: 0.9;
  --border-opacity: 0.9;
}
.bg-opacity-90 {
  --bg-opacity: 0.9;
}
.bg-gradient-opacity-90 {
  --bg-gradient-from-opacity: 0.9;
  --bg-gradient-to-opacity: 0.9;
}
.bg-gradient-from-opacity-90 {
  --bg-gradient-from-opacity: 0.9;
}
.bg-gradient-to-opacity-90 {
  --bg-gradient-to-opacity: 0.9;
}
.border-image-opacity-90 {
  --border-image-opacity: 0.9;
}
.color-opacity-95 {
  --color-opacity: 0.95;
  --border-opacity: 0.95;
}
.bg-opacity-95 {
  --bg-opacity: 0.95;
}
.bg-gradient-opacity-95 {
  --bg-gradient-from-opacity: 0.95;
  --bg-gradient-to-opacity: 0.95;
}
.bg-gradient-from-opacity-95 {
  --bg-gradient-from-opacity: 0.95;
}
.bg-gradient-to-opacity-95 {
  --bg-gradient-to-opacity: 0.95;
}
.border-image-opacity-95 {
  --border-image-opacity: 0.95;
}
.color-opacity-100 {
  --color-opacity: 1;
  --border-opacity: 1;
}
.bg-opacity-100 {
  --bg-opacity: 1;
}
.bg-gradient-opacity-100 {
  --bg-gradient-from-opacity: 1;
  --bg-gradient-to-opacity: 1;
}
.bg-gradient-from-opacity-100 {
  --bg-gradient-from-opacity: 1;
}
.bg-gradient-to-opacity-100 {
  --bg-gradient-to-opacity: 1;
}
.border-image-opacity-100 {
  --border-image-opacity: 1;
}
.bg-white {
  background-color: rgb(from white r g b/var(--bg-opacity, 1));
}
.bg-black {
  background-color: rgb(from black r g b/var(--bg-opacity, 1));
}
.bg-inherit {
  background-color: inherit;
}
.blur-md {
  filter: var(--blur-md);
}
@media (min-width: 768px) {
  .md\:blur-xs {
    filter: var(--blur-xs);
  }
  .md\:blur-sm {
    filter: var(--blur-sm);
  }
  .md\:blur-md {
    filter: var(--blur-md);
  }
  .md\:blur-ml {
    filter: var(--blur-ml);
  }
  .md\:blur-lg {
    filter: var(--blur-lg);
  }
  .md\:blur-xl {
    filter: var(--blur-xl);
  }
}
@media (min-width: 1280px) {
  .lg\:blur-md {
    filter: var(--blur-md);
  }
}
@media (min-width: 1440px) {
  .xl\:blur-md {
    filter: var(--blur-md);
  }
}
.border-image-right-zero {
  --border-image-right: var(--size-zero);
}
.border-image-left-zero {
  --border-image-left: var(--size-zero);
}
@media (min-width: 768px) {
  .md\:border-image-right-zero {
    --border-image-right: var(--size-zero);
  }
  .md\:border-image-left-zero {
    --border-image-left: var(--size-zero);
  }
}
@media (min-width: 1280px) {
  .lg\:border-image-right-zero {
    --border-image-right: var(--size-zero);
  }
  .lg\:border-image-left-zero {
    --border-image-left: var(--size-zero);
  }
}
@media (min-width: 1440px) {
  .xl\:border-image-right-zero {
    --border-image-right: var(--size-zero);
  }
  .xl\:border-image-left-zero {
    --border-image-left: var(--size-zero);
  }
}
.radius-zero {
  border-radius: var(--size-zero);
}
.radius-xs {
  border-radius: var(--size-2xs);
}
.radius-sm {
  border-radius: var(--size-sm);
}
.radius-md {
  border-radius: var(--size-md);
}
.radius-ml {
  border-radius: var(--size-ml);
}
.radius-lg {
  border-radius: var(--size-xl);
}
.radius-xl {
  border-radius: var(--size-2xl);
}
.radius-7xl {
  border-radius: var(--size-7xl);
}
.radius-max {
  border-radius: var(--size-max);
}
.radius-tl-zero {
  border-top-left-radius: var(--size-zero);
}
.radius-tl-xs {
  border-top-left-radius: var(--size-2xs);
}
.radius-tl-sm {
  border-top-left-radius: var(--size-sm);
}
.radius-tl-md {
  border-top-left-radius: var(--size-md);
}
.radius-tl-ml {
  border-top-left-radius: var(--size-ml);
}
.radius-tl-lg {
  border-top-left-radius: var(--size-xl);
}
.radius-tl-xl {
  border-top-left-radius: var(--size-2xl);
}
.radius-tl-7xl {
  border-top-left-radius: var(--size-7xl);
}
.radius-tl-max {
  border-top-left-radius: var(--size-max);
}
.radius-tr-zero {
  border-top-right-radius: var(--size-zero);
}
.radius-tr-xs {
  border-top-right-radius: var(--size-2xs);
}
.radius-tr-sm {
  border-top-right-radius: var(--size-sm);
}
.radius-tr-md {
  border-top-right-radius: var(--size-md);
}
.radius-tr-ml {
  border-top-right-radius: var(--size-ml);
}
.radius-tr-lg {
  border-top-right-radius: var(--size-xl);
}
.radius-tr-xl {
  border-top-right-radius: var(--size-2xl);
}
.radius-tr-7xl {
  border-top-right-radius: var(--size-7xl);
}
.radius-tr-max {
  border-top-right-radius: var(--size-max);
}
.radius-bl-zero {
  border-bottom-left-radius: var(--size-zero);
}
.radius-bl-xs {
  border-bottom-left-radius: var(--size-2xs);
}
.radius-bl-sm {
  border-bottom-left-radius: var(--size-sm);
}
.radius-bl-md {
  border-bottom-left-radius: var(--size-md);
}
.radius-bl-ml {
  border-bottom-left-radius: var(--size-ml);
}
.radius-bl-lg {
  border-bottom-left-radius: var(--size-xl);
}
.radius-bl-xl {
  border-bottom-left-radius: var(--size-2xl);
}
.radius-bl-7xl {
  border-bottom-left-radius: var(--size-7xl);
}
.radius-bl-max {
  border-bottom-left-radius: var(--size-max);
}
.radius-br-zero {
  border-bottom-right-radius: var(--size-zero);
}
.radius-br-xs {
  border-bottom-right-radius: var(--size-2xs);
}
.radius-br-sm {
  border-bottom-right-radius: var(--size-sm);
}
.radius-br-md {
  border-bottom-right-radius: var(--size-md);
}
.radius-br-ml {
  border-bottom-right-radius: var(--size-ml);
}
.radius-br-lg {
  border-bottom-right-radius: var(--size-xl);
}
.radius-br-xl {
  border-bottom-right-radius: var(--size-2xl);
}
.radius-br-7xl {
  border-bottom-right-radius: var(--size-7xl);
}
.radius-br-max {
  border-bottom-right-radius: var(--size-max);
}
@media (min-width: 768px) {
  .md\:radius-zero {
    border-radius: var(--size-zero);
  }
  .md\:radius-xs {
    border-radius: var(--size-2xs);
  }
  .md\:radius-sm {
    border-radius: var(--size-sm);
  }
  .md\:radius-md {
    border-radius: var(--size-md);
  }
  .md\:radius-ml {
    border-radius: var(--size-ml);
  }
  .md\:radius-lg {
    border-radius: var(--size-xl);
  }
  .md\:radius-xl {
    border-radius: var(--size-2xl);
  }
  .md\:radius-7xl {
    border-radius: var(--size-7xl);
  }
  .md\:radius-max {
    border-radius: var(--size-max);
  }
  .md\:radius-tl-zero {
    border-top-left-radius: var(--size-zero);
  }
  .md\:radius-tl-xs {
    border-top-left-radius: var(--size-2xs);
  }
  .md\:radius-tl-sm {
    border-top-left-radius: var(--size-sm);
  }
  .md\:radius-tl-md {
    border-top-left-radius: var(--size-md);
  }
  .md\:radius-tl-ml {
    border-top-left-radius: var(--size-ml);
  }
  .md\:radius-tl-lg {
    border-top-left-radius: var(--size-xl);
  }
  .md\:radius-tl-xl {
    border-top-left-radius: var(--size-2xl);
  }
  .md\:radius-tl-7xl {
    border-top-left-radius: var(--size-7xl);
  }
  .md\:radius-tl-max {
    border-top-left-radius: var(--size-max);
  }
  .md\:radius-tr-zero {
    border-top-right-radius: var(--size-zero);
  }
  .md\:radius-tr-xs {
    border-top-right-radius: var(--size-2xs);
  }
  .md\:radius-tr-sm {
    border-top-right-radius: var(--size-sm);
  }
  .md\:radius-tr-md {
    border-top-right-radius: var(--size-md);
  }
  .md\:radius-tr-ml {
    border-top-right-radius: var(--size-ml);
  }
  .md\:radius-tr-lg {
    border-top-right-radius: var(--size-xl);
  }
  .md\:radius-tr-xl {
    border-top-right-radius: var(--size-2xl);
  }
  .md\:radius-tr-7xl {
    border-top-right-radius: var(--size-7xl);
  }
  .md\:radius-tr-max {
    border-top-right-radius: var(--size-max);
  }
  .md\:radius-bl-zero {
    border-bottom-left-radius: var(--size-zero);
  }
  .md\:radius-bl-xs {
    border-bottom-left-radius: var(--size-2xs);
  }
  .md\:radius-bl-sm {
    border-bottom-left-radius: var(--size-sm);
  }
  .md\:radius-bl-md {
    border-bottom-left-radius: var(--size-md);
  }
  .md\:radius-bl-ml {
    border-bottom-left-radius: var(--size-ml);
  }
  .md\:radius-bl-lg {
    border-bottom-left-radius: var(--size-xl);
  }
  .md\:radius-bl-xl {
    border-bottom-left-radius: var(--size-2xl);
  }
  .md\:radius-bl-7xl {
    border-bottom-left-radius: var(--size-7xl);
  }
  .md\:radius-bl-max {
    border-bottom-left-radius: var(--size-max);
  }
  .md\:radius-br-zero {
    border-bottom-right-radius: var(--size-zero);
  }
  .md\:radius-br-xs {
    border-bottom-right-radius: var(--size-2xs);
  }
  .md\:radius-br-sm {
    border-bottom-right-radius: var(--size-sm);
  }
  .md\:radius-br-md {
    border-bottom-right-radius: var(--size-md);
  }
  .md\:radius-br-ml {
    border-bottom-right-radius: var(--size-ml);
  }
  .md\:radius-br-lg {
    border-bottom-right-radius: var(--size-xl);
  }
  .md\:radius-br-xl {
    border-bottom-right-radius: var(--size-2xl);
  }
  .md\:radius-br-7xl {
    border-bottom-right-radius: var(--size-7xl);
  }
  .md\:radius-br-max {
    border-bottom-right-radius: var(--size-max);
  }
}
@media (min-width: 1280px) {
  .lg\:radius-zero {
    border-radius: var(--size-zero);
  }
  .lg\:radius-xs {
    border-radius: var(--size-2xs);
  }
  .lg\:radius-sm {
    border-radius: var(--size-sm);
  }
  .lg\:radius-md {
    border-radius: var(--size-md);
  }
  .lg\:radius-ml {
    border-radius: var(--size-ml);
  }
  .lg\:radius-lg {
    border-radius: var(--size-xl);
  }
  .lg\:radius-xl {
    border-radius: var(--size-2xl);
  }
  .lg\:radius-7xl {
    border-radius: var(--size-7xl);
  }
  .lg\:radius-max {
    border-radius: var(--size-max);
  }
  .lg\:radius-tl-zero {
    border-top-left-radius: var(--size-zero);
  }
  .lg\:radius-tl-xs {
    border-top-left-radius: var(--size-2xs);
  }
  .lg\:radius-tl-sm {
    border-top-left-radius: var(--size-sm);
  }
  .lg\:radius-tl-md {
    border-top-left-radius: var(--size-md);
  }
  .lg\:radius-tl-ml {
    border-top-left-radius: var(--size-ml);
  }
  .lg\:radius-tl-lg {
    border-top-left-radius: var(--size-xl);
  }
  .lg\:radius-tl-xl {
    border-top-left-radius: var(--size-2xl);
  }
  .lg\:radius-tl-7xl {
    border-top-left-radius: var(--size-7xl);
  }
  .lg\:radius-tl-max {
    border-top-left-radius: var(--size-max);
  }
  .lg\:radius-tr-zero {
    border-top-right-radius: var(--size-zero);
  }
  .lg\:radius-tr-xs {
    border-top-right-radius: var(--size-2xs);
  }
  .lg\:radius-tr-sm {
    border-top-right-radius: var(--size-sm);
  }
  .lg\:radius-tr-md {
    border-top-right-radius: var(--size-md);
  }
  .lg\:radius-tr-ml {
    border-top-right-radius: var(--size-ml);
  }
  .lg\:radius-tr-lg {
    border-top-right-radius: var(--size-xl);
  }
  .lg\:radius-tr-xl {
    border-top-right-radius: var(--size-2xl);
  }
  .lg\:radius-tr-7xl {
    border-top-right-radius: var(--size-7xl);
  }
  .lg\:radius-tr-max {
    border-top-right-radius: var(--size-max);
  }
  .lg\:radius-bl-zero {
    border-bottom-left-radius: var(--size-zero);
  }
  .lg\:radius-bl-xs {
    border-bottom-left-radius: var(--size-2xs);
  }
  .lg\:radius-bl-sm {
    border-bottom-left-radius: var(--size-sm);
  }
  .lg\:radius-bl-md {
    border-bottom-left-radius: var(--size-md);
  }
  .lg\:radius-bl-ml {
    border-bottom-left-radius: var(--size-ml);
  }
  .lg\:radius-bl-lg {
    border-bottom-left-radius: var(--size-xl);
  }
  .lg\:radius-bl-xl {
    border-bottom-left-radius: var(--size-2xl);
  }
  .lg\:radius-bl-7xl {
    border-bottom-left-radius: var(--size-7xl);
  }
  .lg\:radius-bl-max {
    border-bottom-left-radius: var(--size-max);
  }
  .lg\:radius-br-zero {
    border-bottom-right-radius: var(--size-zero);
  }
  .lg\:radius-br-xs {
    border-bottom-right-radius: var(--size-2xs);
  }
  .lg\:radius-br-sm {
    border-bottom-right-radius: var(--size-sm);
  }
  .lg\:radius-br-md {
    border-bottom-right-radius: var(--size-md);
  }
  .lg\:radius-br-ml {
    border-bottom-right-radius: var(--size-ml);
  }
  .lg\:radius-br-lg {
    border-bottom-right-radius: var(--size-xl);
  }
  .lg\:radius-br-xl {
    border-bottom-right-radius: var(--size-2xl);
  }
  .lg\:radius-br-7xl {
    border-bottom-right-radius: var(--size-7xl);
  }
  .lg\:radius-br-max {
    border-bottom-right-radius: var(--size-max);
  }
}
@media (min-width: 1440px) {
  .xl\:radius-zero {
    border-radius: var(--size-zero);
  }
  .xl\:radius-xs {
    border-radius: var(--size-2xs);
  }
  .xl\:radius-sm {
    border-radius: var(--size-sm);
  }
  .xl\:radius-md {
    border-radius: var(--size-md);
  }
  .xl\:radius-ml {
    border-radius: var(--size-ml);
  }
  .xl\:radius-lg {
    border-radius: var(--size-xl);
  }
  .xl\:radius-xl {
    border-radius: var(--size-2xl);
  }
  .xl\:radius-7xl {
    border-radius: var(--size-7xl);
  }
  .xl\:radius-max {
    border-radius: var(--size-max);
  }
  .xl\:radius-tl-zero {
    border-top-left-radius: var(--size-zero);
  }
  .xl\:radius-tl-xs {
    border-top-left-radius: var(--size-2xs);
  }
  .xl\:radius-tl-sm {
    border-top-left-radius: var(--size-sm);
  }
  .xl\:radius-tl-md {
    border-top-left-radius: var(--size-md);
  }
  .xl\:radius-tl-ml {
    border-top-left-radius: var(--size-ml);
  }
  .xl\:radius-tl-lg {
    border-top-left-radius: var(--size-xl);
  }
  .xl\:radius-tl-xl {
    border-top-left-radius: var(--size-2xl);
  }
  .xl\:radius-tl-7xl {
    border-top-left-radius: var(--size-7xl);
  }
  .xl\:radius-tl-max {
    border-top-left-radius: var(--size-max);
  }
  .xl\:radius-tr-zero {
    border-top-right-radius: var(--size-zero);
  }
  .xl\:radius-tr-xs {
    border-top-right-radius: var(--size-2xs);
  }
  .xl\:radius-tr-sm {
    border-top-right-radius: var(--size-sm);
  }
  .xl\:radius-tr-md {
    border-top-right-radius: var(--size-md);
  }
  .xl\:radius-tr-ml {
    border-top-right-radius: var(--size-ml);
  }
  .xl\:radius-tr-lg {
    border-top-right-radius: var(--size-xl);
  }
  .xl\:radius-tr-xl {
    border-top-right-radius: var(--size-2xl);
  }
  .xl\:radius-tr-7xl {
    border-top-right-radius: var(--size-7xl);
  }
  .xl\:radius-tr-max {
    border-top-right-radius: var(--size-max);
  }
  .xl\:radius-bl-zero {
    border-bottom-left-radius: var(--size-zero);
  }
  .xl\:radius-bl-xs {
    border-bottom-left-radius: var(--size-2xs);
  }
  .xl\:radius-bl-sm {
    border-bottom-left-radius: var(--size-sm);
  }
  .xl\:radius-bl-md {
    border-bottom-left-radius: var(--size-md);
  }
  .xl\:radius-bl-ml {
    border-bottom-left-radius: var(--size-ml);
  }
  .xl\:radius-bl-lg {
    border-bottom-left-radius: var(--size-xl);
  }
  .xl\:radius-bl-xl {
    border-bottom-left-radius: var(--size-2xl);
  }
  .xl\:radius-bl-7xl {
    border-bottom-left-radius: var(--size-7xl);
  }
  .xl\:radius-bl-max {
    border-bottom-left-radius: var(--size-max);
  }
  .xl\:radius-br-zero {
    border-bottom-right-radius: var(--size-zero);
  }
  .xl\:radius-br-xs {
    border-bottom-right-radius: var(--size-2xs);
  }
  .xl\:radius-br-sm {
    border-bottom-right-radius: var(--size-sm);
  }
  .xl\:radius-br-md {
    border-bottom-right-radius: var(--size-md);
  }
  .xl\:radius-br-ml {
    border-bottom-right-radius: var(--size-ml);
  }
  .xl\:radius-br-lg {
    border-bottom-right-radius: var(--size-xl);
  }
  .xl\:radius-br-xl {
    border-bottom-right-radius: var(--size-2xl);
  }
  .xl\:radius-br-7xl {
    border-bottom-right-radius: var(--size-7xl);
  }
  .xl\:radius-br-max {
    border-bottom-right-radius: var(--size-max);
  }
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.border-double {
  border-style: double;
}
.border-hidden {
  border-style: hidden;
}
.border-none {
  border-style: none;
}
@media (min-width: 768px) {
  .md\:border-solid {
    border-style: solid;
  }
  .md\:border-dashed {
    border-style: dashed;
  }
  .md\:border-dotted {
    border-style: dotted;
  }
  .md\:border-double {
    border-style: double;
  }
  .md\:border-hidden {
    border-style: hidden;
  }
  .md\:border-none {
    border-style: none;
  }
}
@media (min-width: 1280px) {
  .lg\:border-solid {
    border-style: solid;
  }
  .lg\:border-dashed {
    border-style: dashed;
  }
  .lg\:border-dotted {
    border-style: dotted;
  }
  .lg\:border-double {
    border-style: double;
  }
  .lg\:border-hidden {
    border-style: hidden;
  }
  .lg\:border-none {
    border-style: none;
  }
}
@media (min-width: 1440px) {
  .xl\:border-solid {
    border-style: solid;
  }
  .xl\:border-dashed {
    border-style: dashed;
  }
  .xl\:border-dotted {
    border-style: dotted;
  }
  .xl\:border-double {
    border-style: double;
  }
  .xl\:border-hidden {
    border-style: hidden;
  }
  .xl\:border-none {
    border-style: none;
  }
}
.border-0 {
  border-width: 0;
}
.border-1 {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-8 {
  border-width: 8px;
}
.border-t-0 {
  border-top-width: 0;
}
.border-t-1 {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-t-8 {
  border-top-width: 8px;
}
.border-r-0 {
  border-right-width: 0;
}
.border-r-1 {
  border-right-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-r-8 {
  border-right-width: 8px;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-b-1 {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-b-8 {
  border-bottom-width: 8px;
}
.border-l-0 {
  border-left-width: 0;
}
.border-l-1 {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-8 {
  border-left-width: 8px;
}
@media (min-width: 768px) {
  .md\:border-0 {
    border-width: 0;
  }
  .md\:border-1 {
    border-width: 1px;
  }
  .md\:border-2 {
    border-width: 2px;
  }
  .md\:border-4 {
    border-width: 4px;
  }
  .md\:border-8 {
    border-width: 8px;
  }
  .md\:border-t-0 {
    border-top-width: 0;
  }
  .md\:border-t-1 {
    border-top-width: 1px;
  }
  .md\:border-t-2 {
    border-top-width: 2px;
  }
  .md\:border-t-4 {
    border-top-width: 4px;
  }
  .md\:border-t-8 {
    border-top-width: 8px;
  }
  .md\:border-r-0 {
    border-right-width: 0;
  }
  .md\:border-r-1 {
    border-right-width: 1px;
  }
  .md\:border-r-2 {
    border-right-width: 2px;
  }
  .md\:border-r-4 {
    border-right-width: 4px;
  }
  .md\:border-r-8 {
    border-right-width: 8px;
  }
  .md\:border-b-0 {
    border-bottom-width: 0;
  }
  .md\:border-b-1 {
    border-bottom-width: 1px;
  }
  .md\:border-b-2 {
    border-bottom-width: 2px;
  }
  .md\:border-b-4 {
    border-bottom-width: 4px;
  }
  .md\:border-b-8 {
    border-bottom-width: 8px;
  }
  .md\:border-l-0 {
    border-left-width: 0;
  }
  .md\:border-l-1 {
    border-left-width: 1px;
  }
  .md\:border-l-2 {
    border-left-width: 2px;
  }
  .md\:border-l-4 {
    border-left-width: 4px;
  }
  .md\:border-l-8 {
    border-left-width: 8px;
  }
}
@media (min-width: 1280px) {
  .lg\:border-0 {
    border-width: 0;
  }
  .lg\:border-1 {
    border-width: 1px;
  }
  .lg\:border-2 {
    border-width: 2px;
  }
  .lg\:border-4 {
    border-width: 4px;
  }
  .lg\:border-8 {
    border-width: 8px;
  }
  .lg\:border-t-0 {
    border-top-width: 0;
  }
  .lg\:border-t-1 {
    border-top-width: 1px;
  }
  .lg\:border-t-2 {
    border-top-width: 2px;
  }
  .lg\:border-t-4 {
    border-top-width: 4px;
  }
  .lg\:border-t-8 {
    border-top-width: 8px;
  }
  .lg\:border-r-0 {
    border-right-width: 0;
  }
  .lg\:border-r-1 {
    border-right-width: 1px;
  }
  .lg\:border-r-2 {
    border-right-width: 2px;
  }
  .lg\:border-r-4 {
    border-right-width: 4px;
  }
  .lg\:border-r-8 {
    border-right-width: 8px;
  }
  .lg\:border-b-0 {
    border-bottom-width: 0;
  }
  .lg\:border-b-1 {
    border-bottom-width: 1px;
  }
  .lg\:border-b-2 {
    border-bottom-width: 2px;
  }
  .lg\:border-b-4 {
    border-bottom-width: 4px;
  }
  .lg\:border-b-8 {
    border-bottom-width: 8px;
  }
  .lg\:border-l-0 {
    border-left-width: 0;
  }
  .lg\:border-l-1 {
    border-left-width: 1px;
  }
  .lg\:border-l-2 {
    border-left-width: 2px;
  }
  .lg\:border-l-4 {
    border-left-width: 4px;
  }
  .lg\:border-l-8 {
    border-left-width: 8px;
  }
}
@media (min-width: 1440px) {
  .xl\:border-0 {
    border-width: 0;
  }
  .xl\:border-1 {
    border-width: 1px;
  }
  .xl\:border-2 {
    border-width: 2px;
  }
  .xl\:border-4 {
    border-width: 4px;
  }
  .xl\:border-8 {
    border-width: 8px;
  }
  .xl\:border-t-0 {
    border-top-width: 0;
  }
  .xl\:border-t-1 {
    border-top-width: 1px;
  }
  .xl\:border-t-2 {
    border-top-width: 2px;
  }
  .xl\:border-t-4 {
    border-top-width: 4px;
  }
  .xl\:border-t-8 {
    border-top-width: 8px;
  }
  .xl\:border-r-0 {
    border-right-width: 0;
  }
  .xl\:border-r-1 {
    border-right-width: 1px;
  }
  .xl\:border-r-2 {
    border-right-width: 2px;
  }
  .xl\:border-r-4 {
    border-right-width: 4px;
  }
  .xl\:border-r-8 {
    border-right-width: 8px;
  }
  .xl\:border-b-0 {
    border-bottom-width: 0;
  }
  .xl\:border-b-1 {
    border-bottom-width: 1px;
  }
  .xl\:border-b-2 {
    border-bottom-width: 2px;
  }
  .xl\:border-b-4 {
    border-bottom-width: 4px;
  }
  .xl\:border-b-8 {
    border-bottom-width: 8px;
  }
  .xl\:border-l-0 {
    border-left-width: 0;
  }
  .xl\:border-l-1 {
    border-left-width: 1px;
  }
  .xl\:border-l-2 {
    border-left-width: 2px;
  }
  .xl\:border-l-4 {
    border-left-width: 4px;
  }
  .xl\:border-l-8 {
    border-left-width: 8px;
  }
}
.shadow-2xs {
  box-shadow: var(--size-2xs) var(--size-2xs) var(--radius-ml) var(--size-zero) #00000026;
}
.shadow-sm {
  box-shadow: var(--size-sm) var(--size-sm) var(--radius-md) var(--size-zero) #0003;
}
@media (min-width: 768px) {
  .md\:shadow-2xs {
    box-shadow: var(--size-2xs) var(--size-2xs) var(--radius-ml) var(--size-zero) #00000026;
  }
  .md\:shadow-sm {
    box-shadow: var(--size-sm) var(--size-sm) var(--radius-md) var(--size-zero) #0003;
  }
}
@media (min-width: 1280px) {
  .lg\:shadow-2xs {
    box-shadow: var(--size-2xs) var(--size-2xs) var(--radius-ml) var(--size-zero) #00000026;
  }
  .lg\:shadow-sm {
    box-shadow: var(--size-sm) var(--size-sm) var(--radius-md) var(--size-zero) #0003;
  }
}
@media (min-width: 1440px) {
  .xl\:shadow-2xs {
    box-shadow: var(--size-2xs) var(--size-2xs) var(--radius-ml) var(--size-zero) #00000026;
  }
  .xl\:shadow-sm {
    box-shadow: var(--size-sm) var(--size-sm) var(--radius-md) var(--size-zero) #0003;
  }
}
.color-white {
  color: var(--color-white);
}
.color-black {
  color: var(--color-black);
}
.color-inherit {
  color: inherit;
}
.color-primary {
  color: var(--color-500);
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.inline-table {
  display: inline-table;
}
.table-caption {
  display: table-caption;
}
.table-header-group {
  display: table-header-group;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
@media (min-width: 768px) {
  .md\:block {
    display: block;
  }
  .md\:inline-block {
    display: inline-block;
  }
  .md\:inline {
    display: inline;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:table {
    display: table;
  }
  .md\:inline-table {
    display: inline-table;
  }
  .md\:table-caption {
    display: table-caption;
  }
  .md\:table-cell {
    display: table-cell;
  }
  .md\:table-column {
    display: table-column;
  }
  .md\:table-column-group {
    display: table-column-group;
  }
  .md\:table-footer-group {
    display: table-footer-group;
  }
  .md\:table-header-group {
    display: table-header-group;
  }
  .md\:table-row-group {
    display: table-row-group;
  }
  .md\:table-row {
    display: table-row;
  }
  .md\:flow-root {
    display: flow-root;
  }
  .md\:grid {
    display: grid;
  }
  .md\:inline-grid {
    display: inline-grid;
  }
  .md\:contents {
    display: contents;
  }
  .md\:list-item {
    display: list-item;
  }
  .md\:hidden {
    display: none;
  }
}
@media (min-width: 1280px) {
  .lg\:inline-block {
    display: inline-block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:inline-flex {
    display: inline-flex;
  }
  .lg\:inline-table {
    display: inline-table;
  }
  .lg\:table-caption {
    display: table-caption;
  }
  .lg\:table-header-group {
    display: table-header-group;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:inline-grid {
    display: inline-grid;
  }
  .lg\:list-item {
    display: list-item;
  }
  .lg\:hidden {
    display: none;
  }
}
@media (min-width: 1440px) {
  .xl\:inline-block {
    display: inline-block;
  }
  .xl\:inline {
    display: inline;
  }
  .xl\:inline-flex {
    display: inline-flex;
  }
  .xl\:inline-table {
    display: inline-table;
  }
  .xl\:table-caption {
    display: table-caption;
  }
  .xl\:table-header-group {
    display: table-header-group;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:inline-grid {
    display: inline-grid;
  }
  .xl\:list-item {
    display: list-item;
  }
  .xl\:hidden {
    display: none;
  }
}
.basis-auto {
  flex-basis: var(--size-auto);
}
.basis-zero {
  flex-basis: var(--size-zero);
}
.basis-3xs {
  flex-basis: var(--size-3xs);
}
.basis-2xs {
  flex-basis: var(--size-2xs);
}
.basis-xs {
  flex-basis: var(--size-xs);
}
.basis-sm {
  flex-basis: var(--size-sm);
}
.basis-md {
  flex-basis: var(--size-md);
}
.basis-ml {
  flex-basis: var(--size-ml);
}
.basis-lg {
  flex-basis: var(--size-lg);
}
.basis-xl {
  flex-basis: var(--size-xl);
}
.basis-2xl {
  flex-basis: var(--size-2xl);
}
.basis-3xl {
  flex-basis: var(--size-3xl);
}
.basis-4xl {
  flex-basis: var(--size-4xl);
}
.basis-5xl {
  flex-basis: var(--size-5xl);
}
.basis-6xl {
  flex-basis: var(--size-6xl);
}
.basis--7xl {
  flex-basis: calc(var(--size-7xl) * -1);
}
.basis-7xl {
  flex-basis: var(--size-7xl);
}
.basis-8xl {
  flex-basis: var(--size-8xl);
}
.basis-9xl {
  flex-basis: var(--size-9xl);
}
.basis-10xl {
  flex-basis: var(--size-10xl);
}
.basis-max {
  flex-basis: var(--size-max);
}
.basis-column {
  flex-basis: var(--size-column);
}
.basis-grid-margin {
  flex-basis: var(--grid-margin);
}
.basis-50\% {
  flex-basis: 50%;
}
@media (min-width: 768px) {
  .md\:basis-auto {
    flex-basis: var(--size-auto);
  }
  .md\:basis-zero {
    flex-basis: var(--size-zero);
  }
  .md\:basis-3xs {
    flex-basis: var(--size-3xs);
  }
  .md\:basis-2xs {
    flex-basis: var(--size-2xs);
  }
  .md\:basis-xs {
    flex-basis: var(--size-xs);
  }
  .md\:basis-sm {
    flex-basis: var(--size-sm);
  }
  .md\:basis-md {
    flex-basis: var(--size-md);
  }
  .md\:basis-ml {
    flex-basis: var(--size-ml);
  }
  .md\:basis-lg {
    flex-basis: var(--size-lg);
  }
  .md\:basis-xl {
    flex-basis: var(--size-xl);
  }
  .md\:basis-2xl {
    flex-basis: var(--size-2xl);
  }
  .md\:basis-3xl {
    flex-basis: var(--size-3xl);
  }
  .md\:basis-4xl {
    flex-basis: var(--size-4xl);
  }
  .md\:basis-5xl {
    flex-basis: var(--size-5xl);
  }
  .md\:basis-6xl {
    flex-basis: var(--size-6xl);
  }
  .md\:basis--7xl {
    flex-basis: calc(var(--size-7xl) * -1);
  }
  .md\:basis-7xl {
    flex-basis: var(--size-7xl);
  }
  .md\:basis-8xl {
    flex-basis: var(--size-8xl);
  }
  .md\:basis-9xl {
    flex-basis: var(--size-9xl);
  }
  .md\:basis-10xl {
    flex-basis: var(--size-10xl);
  }
  .md\:basis-max {
    flex-basis: var(--size-max);
  }
  .md\:basis-column {
    flex-basis: var(--size-column);
  }
  .md\:basis-grid-margin {
    flex-basis: var(--grid-margin);
  }
  .md\:basis-50\% {
    flex-basis: 50%;
  }
}
@media (min-width: 1280px) {
  .lg\:basis-auto {
    flex-basis: var(--size-auto);
  }
  .lg\:basis-zero {
    flex-basis: var(--size-zero);
  }
  .lg\:basis-3xs {
    flex-basis: var(--size-3xs);
  }
  .lg\:basis-2xs {
    flex-basis: var(--size-2xs);
  }
  .lg\:basis-xs {
    flex-basis: var(--size-xs);
  }
  .lg\:basis-sm {
    flex-basis: var(--size-sm);
  }
  .lg\:basis-md {
    flex-basis: var(--size-md);
  }
  .lg\:basis-ml {
    flex-basis: var(--size-ml);
  }
  .lg\:basis-lg {
    flex-basis: var(--size-lg);
  }
  .lg\:basis-xl {
    flex-basis: var(--size-xl);
  }
  .lg\:basis-2xl {
    flex-basis: var(--size-2xl);
  }
  .lg\:basis-3xl {
    flex-basis: var(--size-3xl);
  }
  .lg\:basis-4xl {
    flex-basis: var(--size-4xl);
  }
  .lg\:basis-5xl {
    flex-basis: var(--size-5xl);
  }
  .lg\:basis-6xl {
    flex-basis: var(--size-6xl);
  }
  .lg\:basis--7xl {
    flex-basis: calc(var(--size-7xl) * -1);
  }
  .lg\:basis-7xl {
    flex-basis: var(--size-7xl);
  }
  .lg\:basis-8xl {
    flex-basis: var(--size-8xl);
  }
  .lg\:basis-9xl {
    flex-basis: var(--size-9xl);
  }
  .lg\:basis-10xl {
    flex-basis: var(--size-10xl);
  }
  .lg\:basis-max {
    flex-basis: var(--size-max);
  }
  .lg\:basis-column {
    flex-basis: var(--size-column);
  }
  .lg\:basis-grid-margin {
    flex-basis: var(--grid-margin);
  }
  .lg\:basis-50\% {
    flex-basis: 50%;
  }
}
@media (min-width: 1440px) {
  .xl\:basis-auto {
    flex-basis: var(--size-auto);
  }
  .xl\:basis-zero {
    flex-basis: var(--size-zero);
  }
  .xl\:basis-3xs {
    flex-basis: var(--size-3xs);
  }
  .xl\:basis-2xs {
    flex-basis: var(--size-2xs);
  }
  .xl\:basis-xs {
    flex-basis: var(--size-xs);
  }
  .xl\:basis-sm {
    flex-basis: var(--size-sm);
  }
  .xl\:basis-md {
    flex-basis: var(--size-md);
  }
  .xl\:basis-ml {
    flex-basis: var(--size-ml);
  }
  .xl\:basis-lg {
    flex-basis: var(--size-lg);
  }
  .xl\:basis-xl {
    flex-basis: var(--size-xl);
  }
  .xl\:basis-2xl {
    flex-basis: var(--size-2xl);
  }
  .xl\:basis-3xl {
    flex-basis: var(--size-3xl);
  }
  .xl\:basis-4xl {
    flex-basis: var(--size-4xl);
  }
  .xl\:basis-5xl {
    flex-basis: var(--size-5xl);
  }
  .xl\:basis-6xl {
    flex-basis: var(--size-6xl);
  }
  .xl\:basis--7xl {
    flex-basis: calc(var(--size-7xl) * -1);
  }
  .xl\:basis-7xl {
    flex-basis: var(--size-7xl);
  }
  .xl\:basis-8xl {
    flex-basis: var(--size-8xl);
  }
  .xl\:basis-9xl {
    flex-basis: var(--size-9xl);
  }
  .xl\:basis-10xl {
    flex-basis: var(--size-10xl);
  }
  .xl\:basis-max {
    flex-basis: var(--size-max);
  }
  .xl\:basis-column {
    flex-basis: var(--size-column);
  }
  .xl\:basis-grid-margin {
    flex-basis: var(--grid-margin);
  }
  .xl\:basis-50\% {
    flex-basis: 50%;
  }
}
.flex-col {
  flex-direction: column;
}
@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .md\:grow {
    flex-grow: 1;
  }
  .md\:grow-0 {
    flex-grow: 0;
  }
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .md\:shrink {
    flex-shrink: 1;
  }
  .md\:shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 1280px) {
  .lg\:shrink {
    flex-shrink: 1;
  }
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 1440px) {
  .xl\:shrink {
    flex-shrink: 1;
  }
  .xl\:shrink-0 {
    flex-shrink: 0;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
.font-serif {
  font-family: var(--font-family-serif);
}
@media (min-width: 768px) {
  .md\:font-sans {
    font-family: var(--font-family-sans-serif);
  }
  .md\:font-serif {
    font-family: var(--font-family-serif);
  }
}
@media (min-width: 1280px) {
  .lg\:font-serif {
    font-family: var(--font-family-serif);
  }
}
@media (min-width: 1440px) {
  .xl\:font-serif {
    font-family: var(--font-family-serif);
  }
}
.text-sm {
  font-size: var(--font-size-sm);
}
.text-md {
  font-size: var(--font-size-md);
}
.text-ml {
  font-size: var(--font-size-ml);
}
.text-3xl {
  font-size: var(--font-size-3xl);
}
@media (min-width: 768px) {
  .md\:text-xs {
    font-size: var(--font-size-xs);
  }
  .md\:text-sm {
    font-size: var(--font-size-sm);
  }
  .md\:text-md {
    font-size: var(--font-size-md);
  }
  .md\:text-ml {
    font-size: var(--font-size-ml);
  }
  .md\:text-lg {
    font-size: var(--font-size-lg);
  }
  .md\:text-xl {
    font-size: var(--font-size-xl);
  }
  .md\:text-2xl {
    font-size: var(--font-size-2xl);
  }
  .md\:text-3xl {
    font-size: var(--font-size-3xl);
  }
  .md\:text-4xl {
    font-size: var(--font-size-4xl);
  }
  .md\:text-5xl {
    font-size: var(--font-size-5xl);
  }
  .md\:text-6xl {
    font-size: var(--font-size-6xl);
  }
  .md\:text-7xl {
    font-size: var(--font-size-7xl);
  }
}
@media (min-width: 1280px) {
  .lg\:text-md {
    font-size: var(--font-size-md);
  }
}
@media (min-width: 1440px) {
  .xl\:text-md {
    font-size: var(--font-size-md);
  }
}
.font-thin {
  font-weight: var(--font-weight-thin);
}
.font-extralight {
  font-weight: var(--font-weight-extralight);
}
.font-light {
  font-weight: var(--font-weight-light);
}
.font-normal {
  font-weight: var(--font-weight-normal);
}
.font-medium {
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  font-weight: var(--font-weight-semibold);
}
.font-bold {
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  font-weight: var(--font-weight-extrabold);
}
@media (min-width: 768px) {
  .md\:font-thin {
    font-weight: var(--font-weight-thin);
  }
  .md\:font-extralight {
    font-weight: var(--font-weight-extralight);
  }
  .md\:font-light {
    font-weight: var(--font-weight-light);
  }
  .md\:font-normal {
    font-weight: var(--font-weight-normal);
  }
  .md\:font-medium {
    font-weight: var(--font-weight-medium);
  }
  .md\:font-semibold {
    font-weight: var(--font-weight-semibold);
  }
  .md\:font-bold {
    font-weight: var(--font-weight-bold);
  }
  .md\:font-extrabold {
    font-weight: var(--font-weight-extrabold);
  }
  .md\:font-black {
    font-weight: var(--font-weight-black);
  }
  .md\:font-extrablack {
    font-weight: var(--font-weight-extrablack);
  }
}
@media (min-width: 1280px) {
  .lg\:font-thin {
    font-weight: var(--font-weight-thin);
  }
  .lg\:font-extralight {
    font-weight: var(--font-weight-extralight);
  }
  .lg\:font-light {
    font-weight: var(--font-weight-light);
  }
  .lg\:font-medium {
    font-weight: var(--font-weight-medium);
  }
  .lg\:font-semibold {
    font-weight: var(--font-weight-semibold);
  }
  .lg\:font-bold {
    font-weight: var(--font-weight-bold);
  }
  .lg\:font-extrabold {
    font-weight: var(--font-weight-extrabold);
  }
}
@media (min-width: 1440px) {
  .xl\:font-thin {
    font-weight: var(--font-weight-thin);
  }
  .xl\:font-extralight {
    font-weight: var(--font-weight-extralight);
  }
  .xl\:font-light {
    font-weight: var(--font-weight-light);
  }
  .xl\:font-medium {
    font-weight: var(--font-weight-medium);
  }
  .xl\:font-semibold {
    font-weight: var(--font-weight-semibold);
  }
  .xl\:font-bold {
    font-weight: var(--font-weight-bold);
  }
  .xl\:font-extrabold {
    font-weight: var(--font-weight-extrabold);
  }
}
.gap-md {
  gap: var(--size-md);
}
.gap-4xl {
  gap: var(--size-4xl);
}
.gap-grid-margin {
  gap: var(--grid-margin);
}
.row-gap-zero {
  row-gap: var(--size-zero);
}
.row-gap-md {
  row-gap: var(--size-md);
}
.row-gap-5xl {
  row-gap: var(--size-5xl);
}
.row-gap-grid-margin {
  row-gap: var(--grid-margin);
}
.column-gap-md {
  column-gap: var(--size-md);
}
.column-gap-grid-margin {
  column-gap: var(--grid-margin);
}
.--column-gap-zero {
  --column-gap: var(--size-zero);
}
.--column-gap-md {
  --column-gap: var(--size-md);
}
.--column-gap-grid-margin {
  --column-gap: var(--grid-margin);
}
@media (min-width: 768px) {
  .md\:gap-auto {
    gap: var(--size-auto);
  }
  .md\:gap-zero {
    gap: var(--size-zero);
  }
  .md\:gap-3xs {
    gap: var(--size-3xs);
  }
  .md\:gap-2xs {
    gap: var(--size-2xs);
  }
  .md\:gap-xs {
    gap: var(--size-xs);
  }
  .md\:gap-sm {
    gap: var(--size-sm);
  }
  .md\:gap-md {
    gap: var(--size-md);
  }
  .md\:gap-ml {
    gap: var(--size-ml);
  }
  .md\:gap-lg {
    gap: var(--size-lg);
  }
  .md\:gap-xl {
    gap: var(--size-xl);
  }
  .md\:gap-2xl {
    gap: var(--size-2xl);
  }
  .md\:gap-3xl {
    gap: var(--size-3xl);
  }
  .md\:gap-4xl {
    gap: var(--size-4xl);
  }
  .md\:gap-5xl {
    gap: var(--size-5xl);
  }
  .md\:gap-6xl {
    gap: var(--size-6xl);
  }
  .md\:gap--7xl {
    gap: calc(var(--size-7xl) * -1);
  }
  .md\:gap-7xl {
    gap: var(--size-7xl);
  }
  .md\:gap-8xl {
    gap: var(--size-8xl);
  }
  .md\:gap-9xl {
    gap: var(--size-9xl);
  }
  .md\:gap-10xl {
    gap: var(--size-10xl);
  }
  .md\:gap-max {
    gap: var(--size-max);
  }
  .md\:gap-column {
    gap: var(--size-column);
  }
  .md\:gap-grid-margin {
    gap: var(--grid-margin);
  }
  .md\:gap-50\% {
    gap: 50%;
  }
  .md\:row-gap-auto {
    row-gap: var(--size-auto);
  }
  .md\:row-gap-zero {
    row-gap: var(--size-zero);
  }
  .md\:row-gap-3xs {
    row-gap: var(--size-3xs);
  }
  .md\:row-gap-2xs {
    row-gap: var(--size-2xs);
  }
  .md\:row-gap-xs {
    row-gap: var(--size-xs);
  }
  .md\:row-gap-sm {
    row-gap: var(--size-sm);
  }
  .md\:row-gap-md {
    row-gap: var(--size-md);
  }
  .md\:row-gap-ml {
    row-gap: var(--size-ml);
  }
  .md\:row-gap-lg {
    row-gap: var(--size-lg);
  }
  .md\:row-gap-xl {
    row-gap: var(--size-xl);
  }
  .md\:row-gap-2xl {
    row-gap: var(--size-2xl);
  }
  .md\:row-gap-3xl {
    row-gap: var(--size-3xl);
  }
  .md\:row-gap-4xl {
    row-gap: var(--size-4xl);
  }
  .md\:row-gap-5xl {
    row-gap: var(--size-5xl);
  }
  .md\:row-gap-6xl {
    row-gap: var(--size-6xl);
  }
  .md\:row-gap--7xl {
    row-gap: calc(var(--size-7xl) * -1);
  }
  .md\:row-gap-7xl {
    row-gap: var(--size-7xl);
  }
  .md\:row-gap-8xl {
    row-gap: var(--size-8xl);
  }
  .md\:row-gap-9xl {
    row-gap: var(--size-9xl);
  }
  .md\:row-gap-10xl {
    row-gap: var(--size-10xl);
  }
  .md\:row-gap-max {
    row-gap: var(--size-max);
  }
  .md\:row-gap-column {
    row-gap: var(--size-column);
  }
  .md\:row-gap-grid-margin {
    row-gap: var(--grid-margin);
  }
  .md\:row-gap-50\% {
    row-gap: 50%;
  }
  .md\:column-gap-auto {
    column-gap: var(--size-auto);
  }
  .md\:column-gap-zero {
    column-gap: var(--size-zero);
  }
  .md\:column-gap-3xs {
    column-gap: var(--size-3xs);
  }
  .md\:column-gap-2xs {
    column-gap: var(--size-2xs);
  }
  .md\:column-gap-xs {
    column-gap: var(--size-xs);
  }
  .md\:column-gap-sm {
    column-gap: var(--size-sm);
  }
  .md\:column-gap-md {
    column-gap: var(--size-md);
  }
  .md\:column-gap-ml {
    column-gap: var(--size-ml);
  }
  .md\:column-gap-lg {
    column-gap: var(--size-lg);
  }
  .md\:column-gap-xl {
    column-gap: var(--size-xl);
  }
  .md\:column-gap-2xl {
    column-gap: var(--size-2xl);
  }
  .md\:column-gap-3xl {
    column-gap: var(--size-3xl);
  }
  .md\:column-gap-4xl {
    column-gap: var(--size-4xl);
  }
  .md\:column-gap-5xl {
    column-gap: var(--size-5xl);
  }
  .md\:column-gap-6xl {
    column-gap: var(--size-6xl);
  }
  .md\:column-gap--7xl {
    column-gap: calc(var(--size-7xl) * -1);
  }
  .md\:column-gap-7xl {
    column-gap: var(--size-7xl);
  }
  .md\:column-gap-8xl {
    column-gap: var(--size-8xl);
  }
  .md\:column-gap-9xl {
    column-gap: var(--size-9xl);
  }
  .md\:column-gap-10xl {
    column-gap: var(--size-10xl);
  }
  .md\:column-gap-max {
    column-gap: var(--size-max);
  }
  .md\:column-gap-column {
    column-gap: var(--size-column);
  }
  .md\:column-gap-grid-margin {
    column-gap: var(--grid-margin);
  }
  .md\:column-gap-50\% {
    column-gap: 50%;
  }
  .md\:--column-gap-auto {
    --column-gap: var(--size-auto);
  }
  .md\:--column-gap-zero {
    --column-gap: var(--size-zero);
  }
  .md\:--column-gap-3xs {
    --column-gap: var(--size-3xs);
  }
  .md\:--column-gap-2xs {
    --column-gap: var(--size-2xs);
  }
  .md\:--column-gap-xs {
    --column-gap: var(--size-xs);
  }
  .md\:--column-gap-sm {
    --column-gap: var(--size-sm);
  }
  .md\:--column-gap-md {
    --column-gap: var(--size-md);
  }
  .md\:--column-gap-ml {
    --column-gap: var(--size-ml);
  }
  .md\:--column-gap-lg {
    --column-gap: var(--size-lg);
  }
  .md\:--column-gap-xl {
    --column-gap: var(--size-xl);
  }
  .md\:--column-gap-2xl {
    --column-gap: var(--size-2xl);
  }
  .md\:--column-gap-3xl {
    --column-gap: var(--size-3xl);
  }
  .md\:--column-gap-4xl {
    --column-gap: var(--size-4xl);
  }
  .md\:--column-gap-5xl {
    --column-gap: var(--size-5xl);
  }
  .md\:--column-gap-6xl {
    --column-gap: var(--size-6xl);
  }
  .md\:--column-gap--7xl {
    --column-gap: calc(var(--size-7xl) * -1);
  }
  .md\:--column-gap-7xl {
    --column-gap: var(--size-7xl);
  }
  .md\:--column-gap-8xl {
    --column-gap: var(--size-8xl);
  }
  .md\:--column-gap-9xl {
    --column-gap: var(--size-9xl);
  }
  .md\:--column-gap-10xl {
    --column-gap: var(--size-10xl);
  }
  .md\:--column-gap-max {
    --column-gap: var(--size-max);
  }
  .md\:--column-gap-column {
    --column-gap: var(--size-column);
  }
  .md\:--column-gap-grid-margin {
    --column-gap: var(--grid-margin);
  }
  .md\:--column-gap-50\% {
    --column-gap: 50%;
  }
}
@media (min-width: 1280px) {
  .lg\:gap-md {
    gap: var(--size-md);
  }
  .lg\:gap-grid-margin {
    gap: var(--grid-margin);
  }
  .lg\:row-gap-md {
    row-gap: var(--size-md);
  }
  .lg\:row-gap-grid-margin {
    row-gap: var(--grid-margin);
  }
  .lg\:column-gap-md {
    column-gap: var(--size-md);
  }
  .lg\:column-gap-grid-margin {
    column-gap: var(--grid-margin);
  }
  .lg\:--column-gap-md {
    --column-gap: var(--size-md);
  }
  .lg\:--column-gap-grid-margin {
    --column-gap: var(--grid-margin);
  }
}
@media (min-width: 1440px) {
  .xl\:gap-md {
    gap: var(--size-md);
  }
  .xl\:gap-grid-margin {
    gap: var(--grid-margin);
  }
  .xl\:row-gap-md {
    row-gap: var(--size-md);
  }
  .xl\:row-gap-grid-margin {
    row-gap: var(--grid-margin);
  }
  .xl\:column-gap-md {
    column-gap: var(--size-md);
  }
  .xl\:column-gap-grid-margin {
    column-gap: var(--grid-margin);
  }
  .xl\:--column-gap-md {
    --column-gap: var(--size-md);
  }
  .xl\:--column-gap-grid-margin {
    --column-gap: var(--grid-margin);
  }
}
.h-auto {
  height: auto;
}
@media (min-width: 768px) {
  .md\:h-100\% {
    height: 100%;
  }
  .md\:h-auto {
    height: auto;
  }
}
.justify-normal {
  justify-content: normal;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-stretch {
  justify-content: stretch;
}
@media (min-width: 768px) {
  .md\:justify-normal {
    justify-content: normal;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-around {
    justify-content: space-around;
  }
  .md\:justify-evenly {
    justify-content: space-evenly;
  }
  .md\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:justify-normal {
    justify-content: normal;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:justify-around {
    justify-content: space-around;
  }
  .lg\:justify-evenly {
    justify-content: space-evenly;
  }
  .lg\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 1440px) {
  .xl\:justify-normal {
    justify-content: normal;
  }
  .xl\:justify-start {
    justify-content: flex-start;
  }
  .xl\:justify-end {
    justify-content: flex-end;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:justify-around {
    justify-content: space-around;
  }
  .xl\:justify-evenly {
    justify-content: space-evenly;
  }
  .xl\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 768px) {
  .md\:pull-left {
    margin-left: calc(var(--grid-margin) * -1);
  }
}
.pull-right {
  margin-right: calc(var(--grid-margin) * -1);
}
@media (min-width: 768px) {
  .md\:pull-right {
    margin-right: calc(var(--grid-margin) * -1);
  }
}
@media (min-width: 1280px) {
  .lg\:pull-right {
    margin-right: calc(var(--grid-margin) * -1);
  }
}
@media (min-width: 1440px) {
  .xl\:pull-right {
    margin-right: calc(var(--grid-margin) * -1);
  }
  .pull-right-edge {
    margin-right: calc((100vw - var(--grid-screenwidth)) * -1 / 2 - var(--grid-margin));
  }
}
@media (min-width: 1440px) {
  .section:has(.pull-right-edge) {
    overflow-x: hidden;
  }
}
.m-md {
  margin: var(--size-md);
}
.m-grid-margin {
  margin: var(--grid-margin);
}
.my-md {
  margin-block: var(--size-md);
}
.my-grid-margin {
  margin-block: var(--grid-margin);
}
.mx-auto {
  margin-inline: var(--size-auto);
}
.mx-md {
  margin-inline: var(--size-md);
}
.mx-grid-margin {
  margin-inline: var(--grid-margin);
}
.mt-auto {
  margin-top: var(--size-auto);
}
.mt-zero {
  margin-top: var(--size-zero);
}
.mt-md {
  margin-top: var(--size-md);
}
.mt-ml {
  margin-top: var(--size-ml);
}
.mt-lg {
  margin-top: var(--size-lg);
}
.mt-2xl {
  margin-top: var(--size-2xl);
}
.mt-4xl {
  margin-top: var(--size-4xl);
}
.mt-5xl {
  margin-top: var(--size-5xl);
}
.mt--7xl {
  margin-top: calc(var(--size-7xl) * -1);
}
.mt-7xl {
  margin-top: var(--size-7xl);
}
.mt-9xl {
  margin-top: var(--size-9xl);
}
.mt-grid-margin {
  margin-top: var(--grid-margin);
}
.mr-md {
  margin-right: var(--size-md);
}
.mr-grid-margin {
  margin-right: var(--grid-margin);
}
.mb-zero {
  margin-bottom: var(--size-zero);
}
.mb-md {
  margin-bottom: var(--size-md);
}
.mb-ml {
  margin-bottom: var(--size-ml);
}
.mb-2xl {
  margin-bottom: var(--size-2xl);
}
.mb-5xl {
  margin-bottom: var(--size-5xl);
}
.mb-9xl {
  margin-bottom: var(--size-9xl);
}
.mb-grid-margin {
  margin-bottom: var(--grid-margin);
}
.ml-md {
  margin-left: var(--size-md);
}
.ml-grid-margin {
  margin-left: var(--grid-margin);
}
@media (min-width: 768px) {
  .md\:m-auto {
    margin: var(--size-auto);
  }
  .md\:m-zero {
    margin: var(--size-zero);
  }
  .md\:m-3xs {
    margin: var(--size-3xs);
  }
  .md\:m-2xs {
    margin: var(--size-2xs);
  }
  .md\:m-xs {
    margin: var(--size-xs);
  }
  .md\:m-sm {
    margin: var(--size-sm);
  }
  .md\:m-md {
    margin: var(--size-md);
  }
  .md\:m-ml {
    margin: var(--size-ml);
  }
  .md\:m-lg {
    margin: var(--size-lg);
  }
  .md\:m-xl {
    margin: var(--size-xl);
  }
  .md\:m-2xl {
    margin: var(--size-2xl);
  }
  .md\:m-3xl {
    margin: var(--size-3xl);
  }
  .md\:m-4xl {
    margin: var(--size-4xl);
  }
  .md\:m-5xl {
    margin: var(--size-5xl);
  }
  .md\:m-6xl {
    margin: var(--size-6xl);
  }
  .md\:m--7xl {
    margin: calc(var(--size-7xl) * -1);
  }
  .md\:m-7xl {
    margin: var(--size-7xl);
  }
  .md\:m-8xl {
    margin: var(--size-8xl);
  }
  .md\:m-9xl {
    margin: var(--size-9xl);
  }
  .md\:m-10xl {
    margin: var(--size-10xl);
  }
  .md\:m-max {
    margin: var(--size-max);
  }
  .md\:m-column {
    margin: var(--size-column);
  }
  .md\:m-grid-margin {
    margin: var(--grid-margin);
  }
  .md\:m-50\% {
    margin: 50%;
  }
  .md\:my-auto {
    margin-block: var(--size-auto);
  }
  .md\:my-zero {
    margin-block: var(--size-zero);
  }
  .md\:my-3xs {
    margin-block: var(--size-3xs);
  }
  .md\:my-2xs {
    margin-block: var(--size-2xs);
  }
  .md\:my-xs {
    margin-block: var(--size-xs);
  }
  .md\:my-sm {
    margin-block: var(--size-sm);
  }
  .md\:my-md {
    margin-block: var(--size-md);
  }
  .md\:my-ml {
    margin-block: var(--size-ml);
  }
  .md\:my-lg {
    margin-block: var(--size-lg);
  }
  .md\:my-xl {
    margin-block: var(--size-xl);
  }
  .md\:my-2xl {
    margin-block: var(--size-2xl);
  }
  .md\:my-3xl {
    margin-block: var(--size-3xl);
  }
  .md\:my-4xl {
    margin-block: var(--size-4xl);
  }
  .md\:my-5xl {
    margin-block: var(--size-5xl);
  }
  .md\:my-6xl {
    margin-block: var(--size-6xl);
  }
  .md\:my--7xl {
    margin-block: calc(var(--size-7xl) * -1);
  }
  .md\:my-7xl {
    margin-block: var(--size-7xl);
  }
  .md\:my-8xl {
    margin-block: var(--size-8xl);
  }
  .md\:my-9xl {
    margin-block: var(--size-9xl);
  }
  .md\:my-10xl {
    margin-block: var(--size-10xl);
  }
  .md\:my-max {
    margin-block: var(--size-max);
  }
  .md\:my-column {
    margin-block: var(--size-column);
  }
  .md\:my-grid-margin {
    margin-block: var(--grid-margin);
  }
  .md\:my-50\% {
    margin-block: 50%;
  }
  .md\:mx-auto {
    margin-inline: var(--size-auto);
  }
  .md\:mx-zero {
    margin-inline: var(--size-zero);
  }
  .md\:mx-3xs {
    margin-inline: var(--size-3xs);
  }
  .md\:mx-2xs {
    margin-inline: var(--size-2xs);
  }
  .md\:mx-xs {
    margin-inline: var(--size-xs);
  }
  .md\:mx-sm {
    margin-inline: var(--size-sm);
  }
  .md\:mx-md {
    margin-inline: var(--size-md);
  }
  .md\:mx-ml {
    margin-inline: var(--size-ml);
  }
  .md\:mx-lg {
    margin-inline: var(--size-lg);
  }
  .md\:mx-xl {
    margin-inline: var(--size-xl);
  }
  .md\:mx-2xl {
    margin-inline: var(--size-2xl);
  }
  .md\:mx-3xl {
    margin-inline: var(--size-3xl);
  }
  .md\:mx-4xl {
    margin-inline: var(--size-4xl);
  }
  .md\:mx-5xl {
    margin-inline: var(--size-5xl);
  }
  .md\:mx-6xl {
    margin-inline: var(--size-6xl);
  }
  .md\:mx--7xl {
    margin-inline: calc(var(--size-7xl) * -1);
  }
  .md\:mx-7xl {
    margin-inline: var(--size-7xl);
  }
  .md\:mx-8xl {
    margin-inline: var(--size-8xl);
  }
  .md\:mx-9xl {
    margin-inline: var(--size-9xl);
  }
  .md\:mx-10xl {
    margin-inline: var(--size-10xl);
  }
  .md\:mx-max {
    margin-inline: var(--size-max);
  }
  .md\:mx-column {
    margin-inline: var(--size-column);
  }
  .md\:mx-grid-margin {
    margin-inline: var(--grid-margin);
  }
  .md\:mx-50\% {
    margin-inline: 50%;
  }
  .md\:mt-auto {
    margin-top: var(--size-auto);
  }
  .md\:mt-zero {
    margin-top: var(--size-zero);
  }
  .md\:mt-3xs {
    margin-top: var(--size-3xs);
  }
  .md\:mt-2xs {
    margin-top: var(--size-2xs);
  }
  .md\:mt-xs {
    margin-top: var(--size-xs);
  }
  .md\:mt-sm {
    margin-top: var(--size-sm);
  }
  .md\:mt-md {
    margin-top: var(--size-md);
  }
  .md\:mt-ml {
    margin-top: var(--size-ml);
  }
  .md\:mt-lg {
    margin-top: var(--size-lg);
  }
  .md\:mt-xl {
    margin-top: var(--size-xl);
  }
  .md\:mt-2xl {
    margin-top: var(--size-2xl);
  }
  .md\:mt-3xl {
    margin-top: var(--size-3xl);
  }
  .md\:mt-4xl {
    margin-top: var(--size-4xl);
  }
  .md\:mt-5xl {
    margin-top: var(--size-5xl);
  }
  .md\:mt-6xl {
    margin-top: var(--size-6xl);
  }
  .md\:mt--7xl {
    margin-top: calc(var(--size-7xl) * -1);
  }
  .md\:mt-7xl {
    margin-top: var(--size-7xl);
  }
  .md\:mt-8xl {
    margin-top: var(--size-8xl);
  }
  .md\:mt-9xl {
    margin-top: var(--size-9xl);
  }
  .md\:mt-10xl {
    margin-top: var(--size-10xl);
  }
  .md\:mt-max {
    margin-top: var(--size-max);
  }
  .md\:mt-column {
    margin-top: var(--size-column);
  }
  .md\:mt-grid-margin {
    margin-top: var(--grid-margin);
  }
  .md\:mt-50\% {
    margin-top: 50%;
  }
  .md\:mr-auto {
    margin-right: var(--size-auto);
  }
  .md\:mr-zero {
    margin-right: var(--size-zero);
  }
  .md\:mr-3xs {
    margin-right: var(--size-3xs);
  }
  .md\:mr-2xs {
    margin-right: var(--size-2xs);
  }
  .md\:mr-xs {
    margin-right: var(--size-xs);
  }
  .md\:mr-sm {
    margin-right: var(--size-sm);
  }
  .md\:mr-md {
    margin-right: var(--size-md);
  }
  .md\:mr-ml {
    margin-right: var(--size-ml);
  }
  .md\:mr-lg {
    margin-right: var(--size-lg);
  }
  .md\:mr-xl {
    margin-right: var(--size-xl);
  }
  .md\:mr-2xl {
    margin-right: var(--size-2xl);
  }
  .md\:mr-3xl {
    margin-right: var(--size-3xl);
  }
  .md\:mr-4xl {
    margin-right: var(--size-4xl);
  }
  .md\:mr-5xl {
    margin-right: var(--size-5xl);
  }
  .md\:mr-6xl {
    margin-right: var(--size-6xl);
  }
  .md\:mr--7xl {
    margin-right: calc(var(--size-7xl) * -1);
  }
  .md\:mr-7xl {
    margin-right: var(--size-7xl);
  }
  .md\:mr-8xl {
    margin-right: var(--size-8xl);
  }
  .md\:mr-9xl {
    margin-right: var(--size-9xl);
  }
  .md\:mr-10xl {
    margin-right: var(--size-10xl);
  }
  .md\:mr-max {
    margin-right: var(--size-max);
  }
  .md\:mr-column {
    margin-right: var(--size-column);
  }
  .md\:mr-grid-margin {
    margin-right: var(--grid-margin);
  }
  .md\:mr-50\% {
    margin-right: 50%;
  }
  .md\:mb-auto {
    margin-bottom: var(--size-auto);
  }
  .md\:mb-zero {
    margin-bottom: var(--size-zero);
  }
  .md\:mb-3xs {
    margin-bottom: var(--size-3xs);
  }
  .md\:mb-2xs {
    margin-bottom: var(--size-2xs);
  }
  .md\:mb-xs {
    margin-bottom: var(--size-xs);
  }
  .md\:mb-sm {
    margin-bottom: var(--size-sm);
  }
  .md\:mb-md {
    margin-bottom: var(--size-md);
  }
  .md\:mb-ml {
    margin-bottom: var(--size-ml);
  }
  .md\:mb-lg {
    margin-bottom: var(--size-lg);
  }
  .md\:mb-xl {
    margin-bottom: var(--size-xl);
  }
  .md\:mb-2xl {
    margin-bottom: var(--size-2xl);
  }
  .md\:mb-3xl {
    margin-bottom: var(--size-3xl);
  }
  .md\:mb-4xl {
    margin-bottom: var(--size-4xl);
  }
  .md\:mb-5xl {
    margin-bottom: var(--size-5xl);
  }
  .md\:mb-6xl {
    margin-bottom: var(--size-6xl);
  }
  .md\:mb--7xl {
    margin-bottom: calc(var(--size-7xl) * -1);
  }
  .md\:mb-7xl {
    margin-bottom: var(--size-7xl);
  }
  .md\:mb-8xl {
    margin-bottom: var(--size-8xl);
  }
  .md\:mb-9xl {
    margin-bottom: var(--size-9xl);
  }
  .md\:mb-10xl {
    margin-bottom: var(--size-10xl);
  }
  .md\:mb-max {
    margin-bottom: var(--size-max);
  }
  .md\:mb-column {
    margin-bottom: var(--size-column);
  }
  .md\:mb-grid-margin {
    margin-bottom: var(--grid-margin);
  }
  .md\:mb-50\% {
    margin-bottom: 50%;
  }
  .md\:ml-auto {
    margin-left: var(--size-auto);
  }
  .md\:ml-zero {
    margin-left: var(--size-zero);
  }
  .md\:ml-3xs {
    margin-left: var(--size-3xs);
  }
  .md\:ml-2xs {
    margin-left: var(--size-2xs);
  }
  .md\:ml-xs {
    margin-left: var(--size-xs);
  }
  .md\:ml-sm {
    margin-left: var(--size-sm);
  }
  .md\:ml-md {
    margin-left: var(--size-md);
  }
  .md\:ml-ml {
    margin-left: var(--size-ml);
  }
  .md\:ml-lg {
    margin-left: var(--size-lg);
  }
  .md\:ml-xl {
    margin-left: var(--size-xl);
  }
  .md\:ml-2xl {
    margin-left: var(--size-2xl);
  }
  .md\:ml-3xl {
    margin-left: var(--size-3xl);
  }
  .md\:ml-4xl {
    margin-left: var(--size-4xl);
  }
  .md\:ml-5xl {
    margin-left: var(--size-5xl);
  }
  .md\:ml-6xl {
    margin-left: var(--size-6xl);
  }
  .md\:ml--7xl {
    margin-left: calc(var(--size-7xl) * -1);
  }
  .md\:ml-7xl {
    margin-left: var(--size-7xl);
  }
  .md\:ml-8xl {
    margin-left: var(--size-8xl);
  }
  .md\:ml-9xl {
    margin-left: var(--size-9xl);
  }
  .md\:ml-10xl {
    margin-left: var(--size-10xl);
  }
  .md\:ml-max {
    margin-left: var(--size-max);
  }
  .md\:ml-column {
    margin-left: var(--size-column);
  }
  .md\:ml-grid-margin {
    margin-left: var(--grid-margin);
  }
  .md\:ml-50\% {
    margin-left: 50%;
  }
}
@media (min-width: 1280px) {
  .lg\:m-md {
    margin: var(--size-md);
  }
  .lg\:m-grid-margin {
    margin: var(--grid-margin);
  }
  .lg\:my-md {
    margin-block: var(--size-md);
  }
  .lg\:my-grid-margin {
    margin-block: var(--grid-margin);
  }
  .lg\:mx-md {
    margin-inline: var(--size-md);
  }
  .lg\:mx-grid-margin {
    margin-inline: var(--grid-margin);
  }
  .lg\:mt-md {
    margin-top: var(--size-md);
  }
  .lg\:mt-grid-margin {
    margin-top: var(--grid-margin);
  }
  .lg\:mr-md {
    margin-right: var(--size-md);
  }
  .lg\:mr-grid-margin {
    margin-right: var(--grid-margin);
  }
  .lg\:mb-md {
    margin-bottom: var(--size-md);
  }
  .lg\:mb-grid-margin {
    margin-bottom: var(--grid-margin);
  }
  .lg\:ml-md {
    margin-left: var(--size-md);
  }
  .lg\:ml-grid-margin {
    margin-left: var(--grid-margin);
  }
}
@media (min-width: 1440px) {
  .xl\:m-md {
    margin: var(--size-md);
  }
  .xl\:m-grid-margin {
    margin: var(--grid-margin);
  }
  .xl\:my-md {
    margin-block: var(--size-md);
  }
  .xl\:my-grid-margin {
    margin-block: var(--grid-margin);
  }
  .xl\:mx-md {
    margin-inline: var(--size-md);
  }
  .xl\:mx-grid-margin {
    margin-inline: var(--grid-margin);
  }
  .xl\:mt-md {
    margin-top: var(--size-md);
  }
  .xl\:mt-grid-margin {
    margin-top: var(--grid-margin);
  }
  .xl\:mr-md {
    margin-right: var(--size-md);
  }
  .xl\:mr-grid-margin {
    margin-right: var(--grid-margin);
  }
  .xl\:mb-md {
    margin-bottom: var(--size-md);
  }
  .xl\:mb-grid-margin {
    margin-bottom: var(--grid-margin);
  }
  .xl\:ml-md {
    margin-left: var(--size-md);
  }
  .xl\:ml-grid-margin {
    margin-left: var(--grid-margin);
  }
}
.max-w-100\% {
  max-width: 100%;
}
@media (min-width: 768px) {
  .md\:max-w-100\% {
    max-width: 100%;
  }
  .md\:max-w-75\% {
    max-width: 75%;
  }
  .md\:max-w-50\% {
    max-width: 50%;
  }
  .md\:max-w-4\/5 {
    max-width: 80%;
  }
}
.min-h-100\% {
  min-height: 100%;
}
.min-h-33vh {
  min-height: 33vh;
}
.min-h-50vh {
  min-height: 50vh;
}
.min-h-75vh {
  min-height: 75vh;
}
.min-h-100svh {
  min-height: 100svh;
}
.min-h-2em {
  min-height: 2.66em;
}
@media (min-width: 768px) {
  .md\:min-h-100\% {
    min-height: 100%;
  }
  .md\:min-h-33vh {
    min-height: 33vh;
  }
  .md\:min-h-50vh {
    min-height: 50vh;
  }
  .md\:min-h-75vh {
    min-height: 75vh;
  }
  .md\:min-h-100svh {
    min-height: 100svh;
  }
  .md\:min-h-2em {
    min-height: 2.66em;
  }
}
@media (min-width: 1280px) {
  .lg\:min-h-100\% {
    min-height: 100%;
  }
  .lg\:min-h-33vh {
    min-height: 33vh;
  }
  .lg\:min-h-50vh {
    min-height: 50vh;
  }
  .lg\:min-h-75vh {
    min-height: 75vh;
  }
  .lg\:min-h-100svh {
    min-height: 100svh;
  }
  .lg\:min-h-2em {
    min-height: 2.66em;
  }
}
@media (min-width: 1440px) {
  .xl\:min-h-100\% {
    min-height: 100%;
  }
  .xl\:min-h-33vh {
    min-height: 33vh;
  }
  .xl\:min-h-50vh {
    min-height: 50vh;
  }
  .xl\:min-h-75vh {
    min-height: 75vh;
  }
  .xl\:min-h-100svh {
    min-height: 100svh;
  }
  .xl\:min-h-2em {
    min-height: 2.66em;
  }
}
.object-contain {
  object-fit: contain;
}
.object-fill {
  object-fit: fill;
}
.object-scale-down {
  object-fit: scale-down;
}
@media (min-width: 768px) {
  .md\:object-contain {
    object-fit: contain;
  }
  .md\:object-cover {
    object-fit: cover;
  }
  .md\:object-fill {
    object-fit: fill;
  }
  .md\:object-none {
    object-fit: none;
  }
  .md\:object-scale-down {
    object-fit: scale-down;
  }
}
@media (min-width: 1280px) {
  .lg\:object-contain {
    object-fit: contain;
  }
  .lg\:object-cover {
    object-fit: cover;
  }
  .lg\:object-fill {
    object-fit: fill;
  }
  .lg\:object-scale-down {
    object-fit: scale-down;
  }
}
@media (min-width: 1440px) {
  .xl\:object-contain {
    object-fit: contain;
  }
  .xl\:object-fill {
    object-fit: fill;
  }
  .xl\:object-scale-down {
    object-fit: scale-down;
  }
}
.object-top {
  object-position: top;
}
.object-right {
  object-position: right;
}
.object-bottom-right {
  object-position: right bottom;
}
.object-top-right {
  object-position: right top;
}
.object-center-28 {
  object-position: center 28%;
}
.object-hero-compassion {
  object-position: 74% center;
}
@media (min-width: 768px) {
  .md\:object-top {
    object-position: top;
  }
  .md\:object-right {
    object-position: right;
  }
  .md\:object-bottom {
    object-position: bottom;
  }
  .md\:object-left {
    object-position: left;
  }
  .md\:object-center {
    object-position: center;
  }
  .md\:object-bottom-right {
    object-position: right bottom;
  }
  .md\:object-bottom-left {
    object-position: left bottom;
  }
  .md\:object-top-right {
    object-position: right top;
  }
  .md\:object-top-left {
    object-position: left top;
  }
  .md\:object-center-28 {
    object-position: center 28%;
  }
  .md\:object-hero-compassion {
    object-position: 74% center;
  }
}
@media (min-width: 1280px) {
  .lg\:object-top {
    object-position: top;
  }
  .lg\:object-right {
    object-position: right;
  }
  .lg\:object-bottom-right {
    object-position: right bottom;
  }
  .lg\:object-top-right {
    object-position: right top;
  }
  .lg\:object-hero-compassion {
    object-position: 74% center;
  }
}
@media (min-width: 1440px) {
  .xl\:object-right {
    object-position: right;
  }
  .xl\:object-bottom-right {
    object-position: right bottom;
  }
  .xl\:object-top-right {
    object-position: right top;
  }
  .xl\:object-hero-compassion {
    object-position: 74% center;
  }
}
.opacity-0 {
  opacity: 0;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-15 {
  opacity: 0.15;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-55 {
  opacity: 0.55;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-65 {
  opacity: 0.65;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-85 {
  opacity: 0.85;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-95 {
  opacity: 0.95;
}
.opacity-100 {
  opacity: 1;
}
@media (min-width: 768px) {
  .md\:opacity-0 {
    opacity: 0;
  }
  .md\:opacity-5 {
    opacity: 0.05;
  }
  .md\:opacity-10 {
    opacity: 0.1;
  }
  .md\:opacity-15 {
    opacity: 0.15;
  }
  .md\:opacity-20 {
    opacity: 0.2;
  }
  .md\:opacity-25 {
    opacity: 0.25;
  }
  .md\:opacity-30 {
    opacity: 0.3;
  }
  .md\:opacity-35 {
    opacity: 0.35;
  }
  .md\:opacity-40 {
    opacity: 0.4;
  }
  .md\:opacity-45 {
    opacity: 0.45;
  }
  .md\:opacity-50 {
    opacity: 0.5;
  }
  .md\:opacity-55 {
    opacity: 0.55;
  }
  .md\:opacity-60 {
    opacity: 0.6;
  }
  .md\:opacity-65 {
    opacity: 0.65;
  }
  .md\:opacity-70 {
    opacity: 0.7;
  }
  .md\:opacity-75 {
    opacity: 0.75;
  }
  .md\:opacity-80 {
    opacity: 0.8;
  }
  .md\:opacity-85 {
    opacity: 0.85;
  }
  .md\:opacity-90 {
    opacity: 0.9;
  }
  .md\:opacity-95 {
    opacity: 0.95;
  }
  .md\:opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 1280px) {
  .lg\:opacity-0 {
    opacity: 0;
  }
  .lg\:opacity-5 {
    opacity: 0.05;
  }
  .lg\:opacity-10 {
    opacity: 0.1;
  }
  .lg\:opacity-15 {
    opacity: 0.15;
  }
  .lg\:opacity-20 {
    opacity: 0.2;
  }
  .lg\:opacity-25 {
    opacity: 0.25;
  }
  .lg\:opacity-30 {
    opacity: 0.3;
  }
  .lg\:opacity-35 {
    opacity: 0.35;
  }
  .lg\:opacity-40 {
    opacity: 0.4;
  }
  .lg\:opacity-45 {
    opacity: 0.45;
  }
  .lg\:opacity-50 {
    opacity: 0.5;
  }
  .lg\:opacity-55 {
    opacity: 0.55;
  }
  .lg\:opacity-60 {
    opacity: 0.6;
  }
  .lg\:opacity-65 {
    opacity: 0.65;
  }
  .lg\:opacity-70 {
    opacity: 0.7;
  }
  .lg\:opacity-75 {
    opacity: 0.75;
  }
  .lg\:opacity-80 {
    opacity: 0.8;
  }
  .lg\:opacity-85 {
    opacity: 0.85;
  }
  .lg\:opacity-90 {
    opacity: 0.9;
  }
  .lg\:opacity-95 {
    opacity: 0.95;
  }
  .lg\:opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 1440px) {
  .xl\:opacity-0 {
    opacity: 0;
  }
  .xl\:opacity-5 {
    opacity: 0.05;
  }
  .xl\:opacity-10 {
    opacity: 0.1;
  }
  .xl\:opacity-15 {
    opacity: 0.15;
  }
  .xl\:opacity-20 {
    opacity: 0.2;
  }
  .xl\:opacity-25 {
    opacity: 0.25;
  }
  .xl\:opacity-30 {
    opacity: 0.3;
  }
  .xl\:opacity-35 {
    opacity: 0.35;
  }
  .xl\:opacity-40 {
    opacity: 0.4;
  }
  .xl\:opacity-45 {
    opacity: 0.45;
  }
  .xl\:opacity-50 {
    opacity: 0.5;
  }
  .xl\:opacity-55 {
    opacity: 0.55;
  }
  .xl\:opacity-60 {
    opacity: 0.6;
  }
  .xl\:opacity-65 {
    opacity: 0.65;
  }
  .xl\:opacity-70 {
    opacity: 0.7;
  }
  .xl\:opacity-75 {
    opacity: 0.75;
  }
  .xl\:opacity-80 {
    opacity: 0.8;
  }
  .xl\:opacity-85 {
    opacity: 0.85;
  }
  .xl\:opacity-90 {
    opacity: 0.9;
  }
  .xl\:opacity-95 {
    opacity: 0.95;
  }
  .xl\:opacity-100 {
    opacity: 1;
  }
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.order-first {
  order: -9999;
}
.order-last {
  order: 9999;
}
.order-none {
  order: 0;
}
@media (min-width: 768px) {
  .md\:order-0 {
    order: 0;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-3 {
    order: 3;
  }
  .md\:order-4 {
    order: 4;
  }
  .md\:order-5 {
    order: 5;
  }
  .md\:order-6 {
    order: 6;
  }
  .md\:order-7 {
    order: 7;
  }
  .md\:order-8 {
    order: 8;
  }
  .md\:order-9 {
    order: 9;
  }
  .md\:order-10 {
    order: 10;
  }
  .md\:order-11 {
    order: 11;
  }
  .md\:order-12 {
    order: 12;
  }
  .md\:order-first {
    order: -9999;
  }
  .md\:order-last {
    order: 9999;
  }
  .md\:order-none {
    order: 0;
  }
}
@media (min-width: 1280px) {
  .lg\:order-0 {
    order: 0;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:order-3 {
    order: 3;
  }
  .lg\:order-4 {
    order: 4;
  }
  .lg\:order-5 {
    order: 5;
  }
  .lg\:order-6 {
    order: 6;
  }
  .lg\:order-7 {
    order: 7;
  }
  .lg\:order-8 {
    order: 8;
  }
  .lg\:order-9 {
    order: 9;
  }
  .lg\:order-10 {
    order: 10;
  }
  .lg\:order-11 {
    order: 11;
  }
  .lg\:order-12 {
    order: 12;
  }
  .lg\:order-first {
    order: -9999;
  }
  .lg\:order-last {
    order: 9999;
  }
  .lg\:order-none {
    order: 0;
  }
}
@media (min-width: 1440px) {
  .xl\:order-0 {
    order: 0;
  }
  .xl\:order-1 {
    order: 1;
  }
  .xl\:order-2 {
    order: 2;
  }
  .xl\:order-3 {
    order: 3;
  }
  .xl\:order-4 {
    order: 4;
  }
  .xl\:order-5 {
    order: 5;
  }
  .xl\:order-6 {
    order: 6;
  }
  .xl\:order-7 {
    order: 7;
  }
  .xl\:order-8 {
    order: 8;
  }
  .xl\:order-9 {
    order: 9;
  }
  .xl\:order-10 {
    order: 10;
  }
  .xl\:order-11 {
    order: 11;
  }
  .xl\:order-12 {
    order: 12;
  }
  .xl\:order-first {
    order: -9999;
  }
  .xl\:order-last {
    order: 9999;
  }
  .xl\:order-none {
    order: 0;
  }
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-visible {
  overflow: visible;
}
@media (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto;
  }
  .md\:overflow-hidden {
    overflow: hidden;
  }
  .md\:overflow-clip {
    overflow: clip;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:overflow-scroll {
    overflow: scroll;
  }
}
@media (min-width: 1280px) {
  .lg\:overflow-hidden {
    overflow: hidden;
  }
  .lg\:overflow-clip {
    overflow: clip;
  }
  .lg\:overflow-visible {
    overflow: visible;
  }
}
@media (min-width: 1440px) {
  .xl\:overflow-hidden {
    overflow: hidden;
  }
  .xl\:overflow-clip {
    overflow: clip;
  }
  .xl\:overflow-visible {
    overflow: visible;
  }
}
.p-md {
  padding: var(--size-md);
}
.p-xl {
  padding: var(--size-xl);
}
.p-2xl {
  padding: var(--size-2xl);
}
.p-3xl {
  padding: var(--size-3xl);
}
.p-grid-margin {
  padding: var(--grid-margin);
}
.py-md {
  padding-block: var(--size-md);
}
.py-9xl {
  padding-block: var(--size-9xl);
}
.py-grid-margin {
  padding-block: var(--grid-margin);
}
.px-zero {
  padding-inline: var(--size-zero);
}
.px-md {
  padding-inline: var(--size-md);
}
.px-grid-margin {
  padding-inline: var(--grid-margin);
}
.pt-md {
  padding-top: var(--size-md);
}
.pt-5xl {
  padding-top: var(--size-5xl);
}
.pt-7xl {
  padding-top: var(--size-7xl);
}
.pt-9xl {
  padding-top: var(--size-9xl);
}
.pt-grid-margin {
  padding-top: var(--grid-margin);
}
.pr-md {
  padding-right: var(--size-md);
}
.pr-grid-margin {
  padding-right: var(--grid-margin);
}
.pb-zero {
  padding-bottom: var(--size-zero);
}
.pb-md {
  padding-bottom: var(--size-md);
}
.pb-5xl {
  padding-bottom: var(--size-5xl);
}
.pb-7xl {
  padding-bottom: var(--size-7xl);
}
.pb-9xl {
  padding-bottom: var(--size-9xl);
}
.pb-grid-margin {
  padding-bottom: var(--grid-margin);
}
.pl-md {
  padding-left: var(--size-md);
}
.pl-grid-margin {
  padding-left: var(--grid-margin);
}
@media (min-width: 768px) {
  .md\:p-auto {
    padding: var(--size-auto);
  }
  .md\:p-zero {
    padding: var(--size-zero);
  }
  .md\:p-3xs {
    padding: var(--size-3xs);
  }
  .md\:p-2xs {
    padding: var(--size-2xs);
  }
  .md\:p-xs {
    padding: var(--size-xs);
  }
  .md\:p-sm {
    padding: var(--size-sm);
  }
  .md\:p-md {
    padding: var(--size-md);
  }
  .md\:p-ml {
    padding: var(--size-ml);
  }
  .md\:p-lg {
    padding: var(--size-lg);
  }
  .md\:p-xl {
    padding: var(--size-xl);
  }
  .md\:p-2xl {
    padding: var(--size-2xl);
  }
  .md\:p-3xl {
    padding: var(--size-3xl);
  }
  .md\:p-4xl {
    padding: var(--size-4xl);
  }
  .md\:p-5xl {
    padding: var(--size-5xl);
  }
  .md\:p-6xl {
    padding: var(--size-6xl);
  }
  .md\:p--7xl {
    padding: calc(var(--size-7xl) * -1);
  }
  .md\:p-7xl {
    padding: var(--size-7xl);
  }
  .md\:p-8xl {
    padding: var(--size-8xl);
  }
  .md\:p-9xl {
    padding: var(--size-9xl);
  }
  .md\:p-10xl {
    padding: var(--size-10xl);
  }
  .md\:p-max {
    padding: var(--size-max);
  }
  .md\:p-column {
    padding: var(--size-column);
  }
  .md\:p-grid-margin {
    padding: var(--grid-margin);
  }
  .md\:p-50\% {
    padding: 50%;
  }
  .md\:py-auto {
    padding-block: var(--size-auto);
  }
  .md\:py-zero {
    padding-block: var(--size-zero);
  }
  .md\:py-3xs {
    padding-block: var(--size-3xs);
  }
  .md\:py-2xs {
    padding-block: var(--size-2xs);
  }
  .md\:py-xs {
    padding-block: var(--size-xs);
  }
  .md\:py-sm {
    padding-block: var(--size-sm);
  }
  .md\:py-md {
    padding-block: var(--size-md);
  }
  .md\:py-ml {
    padding-block: var(--size-ml);
  }
  .md\:py-lg {
    padding-block: var(--size-lg);
  }
  .md\:py-xl {
    padding-block: var(--size-xl);
  }
  .md\:py-2xl {
    padding-block: var(--size-2xl);
  }
  .md\:py-3xl {
    padding-block: var(--size-3xl);
  }
  .md\:py-4xl {
    padding-block: var(--size-4xl);
  }
  .md\:py-5xl {
    padding-block: var(--size-5xl);
  }
  .md\:py-6xl {
    padding-block: var(--size-6xl);
  }
  .md\:py--7xl {
    padding-block: calc(var(--size-7xl) * -1);
  }
  .md\:py-7xl {
    padding-block: var(--size-7xl);
  }
  .md\:py-8xl {
    padding-block: var(--size-8xl);
  }
  .md\:py-9xl {
    padding-block: var(--size-9xl);
  }
  .md\:py-10xl {
    padding-block: var(--size-10xl);
  }
  .md\:py-max {
    padding-block: var(--size-max);
  }
  .md\:py-column {
    padding-block: var(--size-column);
  }
  .md\:py-grid-margin {
    padding-block: var(--grid-margin);
  }
  .md\:py-50\% {
    padding-block: 50%;
  }
  .md\:px-auto {
    padding-inline: var(--size-auto);
  }
  .md\:px-zero {
    padding-inline: var(--size-zero);
  }
  .md\:px-3xs {
    padding-inline: var(--size-3xs);
  }
  .md\:px-2xs {
    padding-inline: var(--size-2xs);
  }
  .md\:px-xs {
    padding-inline: var(--size-xs);
  }
  .md\:px-sm {
    padding-inline: var(--size-sm);
  }
  .md\:px-md {
    padding-inline: var(--size-md);
  }
  .md\:px-ml {
    padding-inline: var(--size-ml);
  }
  .md\:px-lg {
    padding-inline: var(--size-lg);
  }
  .md\:px-xl {
    padding-inline: var(--size-xl);
  }
  .md\:px-2xl {
    padding-inline: var(--size-2xl);
  }
  .md\:px-3xl {
    padding-inline: var(--size-3xl);
  }
  .md\:px-4xl {
    padding-inline: var(--size-4xl);
  }
  .md\:px-5xl {
    padding-inline: var(--size-5xl);
  }
  .md\:px-6xl {
    padding-inline: var(--size-6xl);
  }
  .md\:px--7xl {
    padding-inline: calc(var(--size-7xl) * -1);
  }
  .md\:px-7xl {
    padding-inline: var(--size-7xl);
  }
  .md\:px-8xl {
    padding-inline: var(--size-8xl);
  }
  .md\:px-9xl {
    padding-inline: var(--size-9xl);
  }
  .md\:px-10xl {
    padding-inline: var(--size-10xl);
  }
  .md\:px-max {
    padding-inline: var(--size-max);
  }
  .md\:px-column {
    padding-inline: var(--size-column);
  }
  .md\:px-grid-margin {
    padding-inline: var(--grid-margin);
  }
  .md\:px-50\% {
    padding-inline: 50%;
  }
  .md\:pt-auto {
    padding-top: var(--size-auto);
  }
  .md\:pt-zero {
    padding-top: var(--size-zero);
  }
  .md\:pt-3xs {
    padding-top: var(--size-3xs);
  }
  .md\:pt-2xs {
    padding-top: var(--size-2xs);
  }
  .md\:pt-xs {
    padding-top: var(--size-xs);
  }
  .md\:pt-sm {
    padding-top: var(--size-sm);
  }
  .md\:pt-md {
    padding-top: var(--size-md);
  }
  .md\:pt-ml {
    padding-top: var(--size-ml);
  }
  .md\:pt-lg {
    padding-top: var(--size-lg);
  }
  .md\:pt-xl {
    padding-top: var(--size-xl);
  }
  .md\:pt-2xl {
    padding-top: var(--size-2xl);
  }
  .md\:pt-3xl {
    padding-top: var(--size-3xl);
  }
  .md\:pt-4xl {
    padding-top: var(--size-4xl);
  }
  .md\:pt-5xl {
    padding-top: var(--size-5xl);
  }
  .md\:pt-6xl {
    padding-top: var(--size-6xl);
  }
  .md\:pt--7xl {
    padding-top: calc(var(--size-7xl) * -1);
  }
  .md\:pt-7xl {
    padding-top: var(--size-7xl);
  }
  .md\:pt-8xl {
    padding-top: var(--size-8xl);
  }
  .md\:pt-9xl {
    padding-top: var(--size-9xl);
  }
  .md\:pt-10xl {
    padding-top: var(--size-10xl);
  }
  .md\:pt-max {
    padding-top: var(--size-max);
  }
  .md\:pt-column {
    padding-top: var(--size-column);
  }
  .md\:pt-grid-margin {
    padding-top: var(--grid-margin);
  }
  .md\:pt-50\% {
    padding-top: 50%;
  }
  .md\:pr-auto {
    padding-right: var(--size-auto);
  }
  .md\:pr-zero {
    padding-right: var(--size-zero);
  }
  .md\:pr-3xs {
    padding-right: var(--size-3xs);
  }
  .md\:pr-2xs {
    padding-right: var(--size-2xs);
  }
  .md\:pr-xs {
    padding-right: var(--size-xs);
  }
  .md\:pr-sm {
    padding-right: var(--size-sm);
  }
  .md\:pr-md {
    padding-right: var(--size-md);
  }
  .md\:pr-ml {
    padding-right: var(--size-ml);
  }
  .md\:pr-lg {
    padding-right: var(--size-lg);
  }
  .md\:pr-xl {
    padding-right: var(--size-xl);
  }
  .md\:pr-2xl {
    padding-right: var(--size-2xl);
  }
  .md\:pr-3xl {
    padding-right: var(--size-3xl);
  }
  .md\:pr-4xl {
    padding-right: var(--size-4xl);
  }
  .md\:pr-5xl {
    padding-right: var(--size-5xl);
  }
  .md\:pr-6xl {
    padding-right: var(--size-6xl);
  }
  .md\:pr--7xl {
    padding-right: calc(var(--size-7xl) * -1);
  }
  .md\:pr-7xl {
    padding-right: var(--size-7xl);
  }
  .md\:pr-8xl {
    padding-right: var(--size-8xl);
  }
  .md\:pr-9xl {
    padding-right: var(--size-9xl);
  }
  .md\:pr-10xl {
    padding-right: var(--size-10xl);
  }
  .md\:pr-max {
    padding-right: var(--size-max);
  }
  .md\:pr-column {
    padding-right: var(--size-column);
  }
  .md\:pr-grid-margin {
    padding-right: var(--grid-margin);
  }
  .md\:pr-50\% {
    padding-right: 50%;
  }
  .md\:pb-auto {
    padding-bottom: var(--size-auto);
  }
  .md\:pb-zero {
    padding-bottom: var(--size-zero);
  }
  .md\:pb-3xs {
    padding-bottom: var(--size-3xs);
  }
  .md\:pb-2xs {
    padding-bottom: var(--size-2xs);
  }
  .md\:pb-xs {
    padding-bottom: var(--size-xs);
  }
  .md\:pb-sm {
    padding-bottom: var(--size-sm);
  }
  .md\:pb-md {
    padding-bottom: var(--size-md);
  }
  .md\:pb-ml {
    padding-bottom: var(--size-ml);
  }
  .md\:pb-lg {
    padding-bottom: var(--size-lg);
  }
  .md\:pb-xl {
    padding-bottom: var(--size-xl);
  }
  .md\:pb-2xl {
    padding-bottom: var(--size-2xl);
  }
  .md\:pb-3xl {
    padding-bottom: var(--size-3xl);
  }
  .md\:pb-4xl {
    padding-bottom: var(--size-4xl);
  }
  .md\:pb-5xl {
    padding-bottom: var(--size-5xl);
  }
  .md\:pb-6xl {
    padding-bottom: var(--size-6xl);
  }
  .md\:pb--7xl {
    padding-bottom: calc(var(--size-7xl) * -1);
  }
  .md\:pb-7xl {
    padding-bottom: var(--size-7xl);
  }
  .md\:pb-8xl {
    padding-bottom: var(--size-8xl);
  }
  .md\:pb-9xl {
    padding-bottom: var(--size-9xl);
  }
  .md\:pb-10xl {
    padding-bottom: var(--size-10xl);
  }
  .md\:pb-max {
    padding-bottom: var(--size-max);
  }
  .md\:pb-column {
    padding-bottom: var(--size-column);
  }
  .md\:pb-grid-margin {
    padding-bottom: var(--grid-margin);
  }
  .md\:pb-50\% {
    padding-bottom: 50%;
  }
  .md\:pl-auto {
    padding-left: var(--size-auto);
  }
  .md\:pl-zero {
    padding-left: var(--size-zero);
  }
  .md\:pl-3xs {
    padding-left: var(--size-3xs);
  }
  .md\:pl-2xs {
    padding-left: var(--size-2xs);
  }
  .md\:pl-xs {
    padding-left: var(--size-xs);
  }
  .md\:pl-sm {
    padding-left: var(--size-sm);
  }
  .md\:pl-md {
    padding-left: var(--size-md);
  }
  .md\:pl-ml {
    padding-left: var(--size-ml);
  }
  .md\:pl-lg {
    padding-left: var(--size-lg);
  }
  .md\:pl-xl {
    padding-left: var(--size-xl);
  }
  .md\:pl-2xl {
    padding-left: var(--size-2xl);
  }
  .md\:pl-3xl {
    padding-left: var(--size-3xl);
  }
  .md\:pl-4xl {
    padding-left: var(--size-4xl);
  }
  .md\:pl-5xl {
    padding-left: var(--size-5xl);
  }
  .md\:pl-6xl {
    padding-left: var(--size-6xl);
  }
  .md\:pl--7xl {
    padding-left: calc(var(--size-7xl) * -1);
  }
  .md\:pl-7xl {
    padding-left: var(--size-7xl);
  }
  .md\:pl-8xl {
    padding-left: var(--size-8xl);
  }
  .md\:pl-9xl {
    padding-left: var(--size-9xl);
  }
  .md\:pl-10xl {
    padding-left: var(--size-10xl);
  }
  .md\:pl-max {
    padding-left: var(--size-max);
  }
  .md\:pl-column {
    padding-left: var(--size-column);
  }
  .md\:pl-grid-margin {
    padding-left: var(--grid-margin);
  }
  .md\:pl-50\% {
    padding-left: 50%;
  }
}
@media (min-width: 1280px) {
  .lg\:p-md {
    padding: var(--size-md);
  }
  .lg\:p-grid-margin {
    padding: var(--grid-margin);
  }
  .lg\:py-md {
    padding-block: var(--size-md);
  }
  .lg\:py-grid-margin {
    padding-block: var(--grid-margin);
  }
  .lg\:px-md {
    padding-inline: var(--size-md);
  }
  .lg\:px-grid-margin {
    padding-inline: var(--grid-margin);
  }
  .lg\:pt-md {
    padding-top: var(--size-md);
  }
  .lg\:pt-grid-margin {
    padding-top: var(--grid-margin);
  }
  .lg\:pr-md {
    padding-right: var(--size-md);
  }
  .lg\:pr-grid-margin {
    padding-right: var(--grid-margin);
  }
  .lg\:pb-md {
    padding-bottom: var(--size-md);
  }
  .lg\:pb-grid-margin {
    padding-bottom: var(--grid-margin);
  }
  .lg\:pl-md {
    padding-left: var(--size-md);
  }
  .lg\:pl-grid-margin {
    padding-left: var(--grid-margin);
  }
}
@media (min-width: 1440px) {
  .xl\:p-md {
    padding: var(--size-md);
  }
  .xl\:p-grid-margin {
    padding: var(--grid-margin);
  }
  .xl\:py-md {
    padding-block: var(--size-md);
  }
  .xl\:py-grid-margin {
    padding-block: var(--grid-margin);
  }
  .xl\:px-md {
    padding-inline: var(--size-md);
  }
  .xl\:px-grid-margin {
    padding-inline: var(--grid-margin);
  }
  .xl\:pt-md {
    padding-top: var(--size-md);
  }
  .xl\:pt-grid-margin {
    padding-top: var(--grid-margin);
  }
  .xl\:pr-md {
    padding-right: var(--size-md);
  }
  .xl\:pr-grid-margin {
    padding-right: var(--grid-margin);
  }
  .xl\:pb-md {
    padding-bottom: var(--size-md);
  }
  .xl\:pb-grid-margin {
    padding-bottom: var(--grid-margin);
  }
  .xl\:pl-md {
    padding-left: var(--size-md);
  }
  .xl\:pl-grid-margin {
    padding-left: var(--grid-margin);
  }
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
@media (min-width: 768px) {
  .md\:static {
    position: static;
  }
  .md\:fixed {
    position: fixed;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
  .md\:sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .lg\:static {
    position: static;
  }
  .lg\:fixed {
    position: fixed;
  }
  .lg\:relative {
    position: relative;
  }
  .lg\:sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  .xl\:static {
    position: static;
  }
  .xl\:fixed {
    position: fixed;
  }
  .xl\:relative {
    position: relative;
  }
  .xl\:sticky {
    position: sticky;
  }
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-end {
  text-align: end;
}
@media (min-width: 768px) {
  .md\:text-left {
    text-align: left;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-justify {
    text-align: justify;
  }
  .md\:text-start {
    text-align: start;
  }
  .md\:text-end {
    text-align: end;
  }
}
@media (min-width: 1280px) {
  .lg\:text-right {
    text-align: right;
  }
  .lg\:text-justify {
    text-align: justify;
  }
  .lg\:text-end {
    text-align: end;
  }
}
@media (min-width: 1440px) {
  .xl\:text-right {
    text-align: right;
  }
  .xl\:text-justify {
    text-align: justify;
  }
  .xl\:text-end {
    text-align: end;
  }
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
@media (min-width: 768px) {
  .md\:uppercase {
    text-transform: uppercase;
  }
  .md\:lowercase {
    text-transform: lowercase;
  }
  .md\:capitalize {
    text-transform: capitalize;
  }
  .md\:normal-case {
    text-transform: none;
  }
}
@media (min-width: 1280px) {
  .lg\:capitalize {
    text-transform: capitalize;
  }
}
@media (min-width: 1440px) {
  .xl\:capitalize {
    text-transform: capitalize;
  }
}
.top-md {
  top: var(--size-md);
}
.top-grid-margin {
  top: var(--grid-margin);
}
.right-auto {
  right: var(--size-auto);
}
.right-zero {
  right: var(--size-zero);
}
.right-3xs {
  right: var(--size-3xs);
}
.right-2xs {
  right: var(--size-2xs);
}
.right-xs {
  right: var(--size-xs);
}
.right-sm {
  right: var(--size-sm);
}
.right-md {
  right: var(--size-md);
}
.right-ml {
  right: var(--size-ml);
}
.right-lg {
  right: var(--size-lg);
}
.right-xl {
  right: var(--size-xl);
}
.right-2xl {
  right: var(--size-2xl);
}
.right-3xl {
  right: var(--size-3xl);
}
.right-4xl {
  right: var(--size-4xl);
}
.right-5xl {
  right: var(--size-5xl);
}
.right-6xl {
  right: var(--size-6xl);
}
.right--7xl {
  right: calc(var(--size-7xl) * -1);
}
.right-7xl {
  right: var(--size-7xl);
}
.right-8xl {
  right: var(--size-8xl);
}
.right-9xl {
  right: var(--size-9xl);
}
.right-10xl {
  right: var(--size-10xl);
}
.right-max {
  right: var(--size-max);
}
.right-column {
  right: var(--size-column);
}
.right-grid-margin {
  right: var(--grid-margin);
}
.right-50\% {
  right: 50%;
}
.bottom-md {
  bottom: var(--size-md);
}
.bottom-grid-margin {
  bottom: var(--grid-margin);
}
.left-md {
  left: var(--size-md);
}
.left-grid-margin {
  left: var(--grid-margin);
}
.inset-auto {
  inset: var(--size-auto);
}
.inset-zero {
  inset: var(--size-zero);
}
.inset-3xs {
  inset: var(--size-3xs);
}
.inset-2xs {
  inset: var(--size-2xs);
}
.inset-xs {
  inset: var(--size-xs);
}
.inset-sm {
  inset: var(--size-sm);
}
.inset-md {
  inset: var(--size-md);
}
.inset-ml {
  inset: var(--size-ml);
}
.inset-lg {
  inset: var(--size-lg);
}
.inset-xl {
  inset: var(--size-xl);
}
.inset-2xl {
  inset: var(--size-2xl);
}
.inset-3xl {
  inset: var(--size-3xl);
}
.inset-4xl {
  inset: var(--size-4xl);
}
.inset-5xl {
  inset: var(--size-5xl);
}
.inset-6xl {
  inset: var(--size-6xl);
}
.inset--7xl {
  inset: calc(var(--size-7xl) * -1);
}
.inset-7xl {
  inset: var(--size-7xl);
}
.inset-8xl {
  inset: var(--size-8xl);
}
.inset-9xl {
  inset: var(--size-9xl);
}
.inset-10xl {
  inset: var(--size-10xl);
}
.inset-max {
  inset: var(--size-max);
}
.inset-column {
  inset: var(--size-column);
}
.inset-grid-margin {
  inset: var(--grid-margin);
}
.inset-50\% {
  inset: 50%;
}
@media (min-width: 768px) {
  .md\:top-auto {
    top: var(--size-auto);
  }
  .md\:top-zero {
    top: var(--size-zero);
  }
  .md\:top-3xs {
    top: var(--size-3xs);
  }
  .md\:top-2xs {
    top: var(--size-2xs);
  }
  .md\:top-xs {
    top: var(--size-xs);
  }
  .md\:top-sm {
    top: var(--size-sm);
  }
  .md\:top-md {
    top: var(--size-md);
  }
  .md\:top-ml {
    top: var(--size-ml);
  }
  .md\:top-lg {
    top: var(--size-lg);
  }
  .md\:top-xl {
    top: var(--size-xl);
  }
  .md\:top-2xl {
    top: var(--size-2xl);
  }
  .md\:top-3xl {
    top: var(--size-3xl);
  }
  .md\:top-4xl {
    top: var(--size-4xl);
  }
  .md\:top-5xl {
    top: var(--size-5xl);
  }
  .md\:top-6xl {
    top: var(--size-6xl);
  }
  .md\:top--7xl {
    top: calc(var(--size-7xl) * -1);
  }
  .md\:top-7xl {
    top: var(--size-7xl);
  }
  .md\:top-8xl {
    top: var(--size-8xl);
  }
  .md\:top-9xl {
    top: var(--size-9xl);
  }
  .md\:top-10xl {
    top: var(--size-10xl);
  }
  .md\:top-max {
    top: var(--size-max);
  }
  .md\:top-column {
    top: var(--size-column);
  }
  .md\:top-grid-margin {
    top: var(--grid-margin);
  }
  .md\:top-50\% {
    top: 50%;
  }
  .md\:right-auto {
    right: var(--size-auto);
  }
  .md\:right-zero {
    right: var(--size-zero);
  }
  .md\:right-3xs {
    right: var(--size-3xs);
  }
  .md\:right-2xs {
    right: var(--size-2xs);
  }
  .md\:right-xs {
    right: var(--size-xs);
  }
  .md\:right-sm {
    right: var(--size-sm);
  }
  .md\:right-md {
    right: var(--size-md);
  }
  .md\:right-ml {
    right: var(--size-ml);
  }
  .md\:right-lg {
    right: var(--size-lg);
  }
  .md\:right-xl {
    right: var(--size-xl);
  }
  .md\:right-2xl {
    right: var(--size-2xl);
  }
  .md\:right-3xl {
    right: var(--size-3xl);
  }
  .md\:right-4xl {
    right: var(--size-4xl);
  }
  .md\:right-5xl {
    right: var(--size-5xl);
  }
  .md\:right-6xl {
    right: var(--size-6xl);
  }
  .md\:right--7xl {
    right: calc(var(--size-7xl) * -1);
  }
  .md\:right-7xl {
    right: var(--size-7xl);
  }
  .md\:right-8xl {
    right: var(--size-8xl);
  }
  .md\:right-9xl {
    right: var(--size-9xl);
  }
  .md\:right-10xl {
    right: var(--size-10xl);
  }
  .md\:right-max {
    right: var(--size-max);
  }
  .md\:right-column {
    right: var(--size-column);
  }
  .md\:right-grid-margin {
    right: var(--grid-margin);
  }
  .md\:right-50\% {
    right: 50%;
  }
  .md\:bottom-auto {
    bottom: var(--size-auto);
  }
  .md\:bottom-zero {
    bottom: var(--size-zero);
  }
  .md\:bottom-3xs {
    bottom: var(--size-3xs);
  }
  .md\:bottom-2xs {
    bottom: var(--size-2xs);
  }
  .md\:bottom-xs {
    bottom: var(--size-xs);
  }
  .md\:bottom-sm {
    bottom: var(--size-sm);
  }
  .md\:bottom-md {
    bottom: var(--size-md);
  }
  .md\:bottom-ml {
    bottom: var(--size-ml);
  }
  .md\:bottom-lg {
    bottom: var(--size-lg);
  }
  .md\:bottom-xl {
    bottom: var(--size-xl);
  }
  .md\:bottom-2xl {
    bottom: var(--size-2xl);
  }
  .md\:bottom-3xl {
    bottom: var(--size-3xl);
  }
  .md\:bottom-4xl {
    bottom: var(--size-4xl);
  }
  .md\:bottom-5xl {
    bottom: var(--size-5xl);
  }
  .md\:bottom-6xl {
    bottom: var(--size-6xl);
  }
  .md\:bottom--7xl {
    bottom: calc(var(--size-7xl) * -1);
  }
  .md\:bottom-7xl {
    bottom: var(--size-7xl);
  }
  .md\:bottom-8xl {
    bottom: var(--size-8xl);
  }
  .md\:bottom-9xl {
    bottom: var(--size-9xl);
  }
  .md\:bottom-10xl {
    bottom: var(--size-10xl);
  }
  .md\:bottom-max {
    bottom: var(--size-max);
  }
  .md\:bottom-column {
    bottom: var(--size-column);
  }
  .md\:bottom-grid-margin {
    bottom: var(--grid-margin);
  }
  .md\:bottom-50\% {
    bottom: 50%;
  }
  .md\:left-auto {
    left: var(--size-auto);
  }
  .md\:left-zero {
    left: var(--size-zero);
  }
  .md\:left-3xs {
    left: var(--size-3xs);
  }
  .md\:left-2xs {
    left: var(--size-2xs);
  }
  .md\:left-xs {
    left: var(--size-xs);
  }
  .md\:left-sm {
    left: var(--size-sm);
  }
  .md\:left-md {
    left: var(--size-md);
  }
  .md\:left-ml {
    left: var(--size-ml);
  }
  .md\:left-lg {
    left: var(--size-lg);
  }
  .md\:left-xl {
    left: var(--size-xl);
  }
  .md\:left-2xl {
    left: var(--size-2xl);
  }
  .md\:left-3xl {
    left: var(--size-3xl);
  }
  .md\:left-4xl {
    left: var(--size-4xl);
  }
  .md\:left-5xl {
    left: var(--size-5xl);
  }
  .md\:left-6xl {
    left: var(--size-6xl);
  }
  .md\:left--7xl {
    left: calc(var(--size-7xl) * -1);
  }
  .md\:left-7xl {
    left: var(--size-7xl);
  }
  .md\:left-8xl {
    left: var(--size-8xl);
  }
  .md\:left-9xl {
    left: var(--size-9xl);
  }
  .md\:left-10xl {
    left: var(--size-10xl);
  }
  .md\:left-max {
    left: var(--size-max);
  }
  .md\:left-column {
    left: var(--size-column);
  }
  .md\:left-grid-margin {
    left: var(--grid-margin);
  }
  .md\:left-50\% {
    left: 50%;
  }
  .md\:inset-auto {
    inset: var(--size-auto);
  }
  .md\:inset-zero {
    inset: var(--size-zero);
  }
  .md\:inset-3xs {
    inset: var(--size-3xs);
  }
  .md\:inset-2xs {
    inset: var(--size-2xs);
  }
  .md\:inset-xs {
    inset: var(--size-xs);
  }
  .md\:inset-sm {
    inset: var(--size-sm);
  }
  .md\:inset-md {
    inset: var(--size-md);
  }
  .md\:inset-ml {
    inset: var(--size-ml);
  }
  .md\:inset-lg {
    inset: var(--size-lg);
  }
  .md\:inset-xl {
    inset: var(--size-xl);
  }
  .md\:inset-2xl {
    inset: var(--size-2xl);
  }
  .md\:inset-3xl {
    inset: var(--size-3xl);
  }
  .md\:inset-4xl {
    inset: var(--size-4xl);
  }
  .md\:inset-5xl {
    inset: var(--size-5xl);
  }
  .md\:inset-6xl {
    inset: var(--size-6xl);
  }
  .md\:inset--7xl {
    inset: calc(var(--size-7xl) * -1);
  }
  .md\:inset-7xl {
    inset: var(--size-7xl);
  }
  .md\:inset-8xl {
    inset: var(--size-8xl);
  }
  .md\:inset-9xl {
    inset: var(--size-9xl);
  }
  .md\:inset-10xl {
    inset: var(--size-10xl);
  }
  .md\:inset-max {
    inset: var(--size-max);
  }
  .md\:inset-column {
    inset: var(--size-column);
  }
  .md\:inset-grid-margin {
    inset: var(--grid-margin);
  }
  .md\:inset-50\% {
    inset: 50%;
  }
}
@media (min-width: 1280px) {
  .lg\:top-md {
    top: var(--size-md);
  }
  .lg\:top-grid-margin {
    top: var(--grid-margin);
  }
  .lg\:right-auto {
    right: var(--size-auto);
  }
  .lg\:right-zero {
    right: var(--size-zero);
  }
  .lg\:right-3xs {
    right: var(--size-3xs);
  }
  .lg\:right-2xs {
    right: var(--size-2xs);
  }
  .lg\:right-xs {
    right: var(--size-xs);
  }
  .lg\:right-sm {
    right: var(--size-sm);
  }
  .lg\:right-md {
    right: var(--size-md);
  }
  .lg\:right-ml {
    right: var(--size-ml);
  }
  .lg\:right-lg {
    right: var(--size-lg);
  }
  .lg\:right-xl {
    right: var(--size-xl);
  }
  .lg\:right-2xl {
    right: var(--size-2xl);
  }
  .lg\:right-3xl {
    right: var(--size-3xl);
  }
  .lg\:right-4xl {
    right: var(--size-4xl);
  }
  .lg\:right-5xl {
    right: var(--size-5xl);
  }
  .lg\:right-6xl {
    right: var(--size-6xl);
  }
  .lg\:right--7xl {
    right: calc(var(--size-7xl) * -1);
  }
  .lg\:right-7xl {
    right: var(--size-7xl);
  }
  .lg\:right-8xl {
    right: var(--size-8xl);
  }
  .lg\:right-9xl {
    right: var(--size-9xl);
  }
  .lg\:right-10xl {
    right: var(--size-10xl);
  }
  .lg\:right-max {
    right: var(--size-max);
  }
  .lg\:right-column {
    right: var(--size-column);
  }
  .lg\:right-grid-margin {
    right: var(--grid-margin);
  }
  .lg\:right-50\% {
    right: 50%;
  }
  .lg\:bottom-md {
    bottom: var(--size-md);
  }
  .lg\:bottom-grid-margin {
    bottom: var(--grid-margin);
  }
  .lg\:left-md {
    left: var(--size-md);
  }
  .lg\:left-grid-margin {
    left: var(--grid-margin);
  }
  .lg\:inset-auto {
    inset: var(--size-auto);
  }
  .lg\:inset-zero {
    inset: var(--size-zero);
  }
  .lg\:inset-3xs {
    inset: var(--size-3xs);
  }
  .lg\:inset-2xs {
    inset: var(--size-2xs);
  }
  .lg\:inset-xs {
    inset: var(--size-xs);
  }
  .lg\:inset-sm {
    inset: var(--size-sm);
  }
  .lg\:inset-md {
    inset: var(--size-md);
  }
  .lg\:inset-ml {
    inset: var(--size-ml);
  }
  .lg\:inset-lg {
    inset: var(--size-lg);
  }
  .lg\:inset-xl {
    inset: var(--size-xl);
  }
  .lg\:inset-2xl {
    inset: var(--size-2xl);
  }
  .lg\:inset-3xl {
    inset: var(--size-3xl);
  }
  .lg\:inset-4xl {
    inset: var(--size-4xl);
  }
  .lg\:inset-5xl {
    inset: var(--size-5xl);
  }
  .lg\:inset-6xl {
    inset: var(--size-6xl);
  }
  .lg\:inset--7xl {
    inset: calc(var(--size-7xl) * -1);
  }
  .lg\:inset-7xl {
    inset: var(--size-7xl);
  }
  .lg\:inset-8xl {
    inset: var(--size-8xl);
  }
  .lg\:inset-9xl {
    inset: var(--size-9xl);
  }
  .lg\:inset-10xl {
    inset: var(--size-10xl);
  }
  .lg\:inset-max {
    inset: var(--size-max);
  }
  .lg\:inset-column {
    inset: var(--size-column);
  }
  .lg\:inset-grid-margin {
    inset: var(--grid-margin);
  }
  .lg\:inset-50\% {
    inset: 50%;
  }
}
@media (min-width: 1440px) {
  .xl\:top-md {
    top: var(--size-md);
  }
  .xl\:top-grid-margin {
    top: var(--grid-margin);
  }
  .xl\:right-auto {
    right: var(--size-auto);
  }
  .xl\:right-zero {
    right: var(--size-zero);
  }
  .xl\:right-3xs {
    right: var(--size-3xs);
  }
  .xl\:right-2xs {
    right: var(--size-2xs);
  }
  .xl\:right-xs {
    right: var(--size-xs);
  }
  .xl\:right-sm {
    right: var(--size-sm);
  }
  .xl\:right-md {
    right: var(--size-md);
  }
  .xl\:right-ml {
    right: var(--size-ml);
  }
  .xl\:right-lg {
    right: var(--size-lg);
  }
  .xl\:right-xl {
    right: var(--size-xl);
  }
  .xl\:right-2xl {
    right: var(--size-2xl);
  }
  .xl\:right-3xl {
    right: var(--size-3xl);
  }
  .xl\:right-4xl {
    right: var(--size-4xl);
  }
  .xl\:right-5xl {
    right: var(--size-5xl);
  }
  .xl\:right-6xl {
    right: var(--size-6xl);
  }
  .xl\:right--7xl {
    right: calc(var(--size-7xl) * -1);
  }
  .xl\:right-7xl {
    right: var(--size-7xl);
  }
  .xl\:right-8xl {
    right: var(--size-8xl);
  }
  .xl\:right-9xl {
    right: var(--size-9xl);
  }
  .xl\:right-10xl {
    right: var(--size-10xl);
  }
  .xl\:right-max {
    right: var(--size-max);
  }
  .xl\:right-column {
    right: var(--size-column);
  }
  .xl\:right-grid-margin {
    right: var(--grid-margin);
  }
  .xl\:right-50\% {
    right: 50%;
  }
  .xl\:bottom-md {
    bottom: var(--size-md);
  }
  .xl\:bottom-grid-margin {
    bottom: var(--grid-margin);
  }
  .xl\:left-md {
    left: var(--size-md);
  }
  .xl\:left-grid-margin {
    left: var(--grid-margin);
  }
  .xl\:inset-auto {
    inset: var(--size-auto);
  }
  .xl\:inset-zero {
    inset: var(--size-zero);
  }
  .xl\:inset-3xs {
    inset: var(--size-3xs);
  }
  .xl\:inset-2xs {
    inset: var(--size-2xs);
  }
  .xl\:inset-xs {
    inset: var(--size-xs);
  }
  .xl\:inset-sm {
    inset: var(--size-sm);
  }
  .xl\:inset-md {
    inset: var(--size-md);
  }
  .xl\:inset-ml {
    inset: var(--size-ml);
  }
  .xl\:inset-lg {
    inset: var(--size-lg);
  }
  .xl\:inset-xl {
    inset: var(--size-xl);
  }
  .xl\:inset-2xl {
    inset: var(--size-2xl);
  }
  .xl\:inset-3xl {
    inset: var(--size-3xl);
  }
  .xl\:inset-4xl {
    inset: var(--size-4xl);
  }
  .xl\:inset-5xl {
    inset: var(--size-5xl);
  }
  .xl\:inset-6xl {
    inset: var(--size-6xl);
  }
  .xl\:inset--7xl {
    inset: calc(var(--size-7xl) * -1);
  }
  .xl\:inset-7xl {
    inset: var(--size-7xl);
  }
  .xl\:inset-8xl {
    inset: var(--size-8xl);
  }
  .xl\:inset-9xl {
    inset: var(--size-9xl);
  }
  .xl\:inset-10xl {
    inset: var(--size-10xl);
  }
  .xl\:inset-max {
    inset: var(--size-max);
  }
  .xl\:inset-column {
    inset: var(--size-column);
  }
  .xl\:inset-grid-margin {
    inset: var(--grid-margin);
  }
  .xl\:inset-50\% {
    inset: 50%;
  }
}
.w-100\% {
  width: 100%;
}
.w-158px {
  width: 158px;
}
@media (min-width: 768px) {
  .md\:w-auto {
    width: auto;
  }
  .md\:w-20\% {
    width: 20%;
  }
  .md\:w-25\% {
    width: 25%;
  }
  .md\:w-30\% {
    width: 30%;
  }
  .md\:w-33\% {
    width: 33.3333%;
  }
  .md\:w-50\% {
    width: 50%;
  }
  .md\:w-100\% {
    width: 100%;
  }
  .md\:w-158px {
    width: 158px;
  }
  .md\:w-63px {
    width: 63px;
  }
}
@media (min-width: 768px) {
  .md\:z--1 {
    z-index: -1;
  }
  .md\:z-0 {
    z-index: 0;
  }
  .md\:z-10 {
    z-index: 10;
  }
  .md\:z-20 {
    z-index: 20;
  }
  .md\:z-30 {
    z-index: 30;
  }
  .md\:z-40 {
    z-index: 40;
  }
  .md\:z-50 {
    z-index: 50;
  }
  .md\:z-999 {
    z-index: 999;
  }
  .md\:z-auto {
    z-index: auto;
  }
}
@media (min-width: 768px) {
  .md\:translate-y-50\% {
    --translate-y: 50%;
  }
  .md\:-translate-y-50\% {
    --translate-y: -50%;
  }
  .md\:translate-x-50\% {
    --translate-y: 50%;
  }
  .md\:-translate-x-50\% {
    --translate-y: -50%;
  }
}

.award-section .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.award-section .mb-0 {
  margin-bottom: 0;
}
.award-section .mb-2 {
  margin-bottom: 0.5rem;
}
.award-section .mb-4 {
  margin-bottom: 1rem;
}
.award-section .flex {
  display: flex;
}
.award-section .h-\[2px\] {
  height: 2px;
}
.award-section .w-\[250px\] {
  width: 250px;
}
.award-section .flex-1 {
  flex: 1 1 0%;
}
.award-section .flex-col {
  flex-direction: column;
}
.award-section .justify-center {
  justify-content: center;
}
.award-section .gap-0 {
  gap: 0px;
}
.award-section .border-\[\#5D9696\] {
  --tw-border-opacity: 1;
  border-color: rgb(93 150 150 / var(--tw-border-opacity, 1));
}
.award-section .bg-\[\#5D9696\] {
  --tw-bg-opacity: 1;
  background-color: rgb(93 150 150 / var(--tw-bg-opacity, 1));
}
.award-section .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.award-section .py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.award-section .text-center {
  text-align: center;
}
.award-section .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.award-section .text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.award-section .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.award-section .font-extrabold {
  font-weight: 800;
}
.award-section .uppercase {
  text-transform: uppercase;
}
.award-section .leading-relaxed {
  line-height: 1.625;
}
.award-section .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.award-section .last\:border-0:last-child {
  border-width: 0px;
}
@media (min-width: 768px) {
  .award-section .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .award-section .md\:hidden {
    display: none;
  }
  .award-section .md\:flex-row {
    flex-direction: row;
  }
  .award-section .md\:border-b {
    border-bottom-width: 1px;
  }
  .award-section .md\:border-b-0 {
    border-bottom-width: 0px;
  }
  .award-section .md\:border-r {
    border-right-width: 1px;
  }
  .award-section .md\:border-r-\[2px\] {
    border-right-width: 2px;
  }
  .award-section .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .award-section .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .award-section .md\:text-\[32px\] {
    font-size: 32px;
  }
  .award-section .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .award-section .md\:normal-case {
    text-transform: none;
  }
}
@media (min-width: 1280px) {
  .award-section .xl\:max-w-\[1440px\] {
    max-width: 1440px;
  }
}