/*!purgecss end ignore*/
:root {
  --space-md: clamp(1.5rem, calc(1.125rem + 0.78125vw), 1.75rem);
  --space-xl: clamp(3.5rem, calc(1.25rem + 4.6875vw), 5rem);
  --space-2xl: clamp(5.75rem, calc(2.375rem + 7.03125vw), 8rem);
  --space-3xl: clamp(9.25rem, calc(4.75rem + 9.375vw), 12.25rem);
  --space-4xl: clamp(15rem, calc(7.5rem + 15.625vw), 20rem);
  --font-primary: system-ui, sans-serif;
}
:root,
[data-theme="default"] {
  --color-primary-dark-h: 216;
  --color-primary-dark-s: 91%;
  --color-primary-dark-l: 42%;
  --color-primary-dark: #F36E3F;
  --color-primary-h: 216;
  --color-primary-s: 91%;
  --color-primary-l: 42%;
  --color-primary: hsl(
    var(--color-primary-h),
    var(--color-primary-s),
    var(--color-primary-l)
  );
  --color-primary-light-h: 216;
  --color-primary-light-s: 91%;
  --color-primary-light-l: 42%;
  --color-primary-light: hsl(
    var(--color-primary-light-h),
    var(--color-primary-light-s),
    var(--color-primary-light-l)
  );
  --color-primary-lighter-h: 216;
  --color-primary-lighter-s: 91%;
  --color-primary-lighter-l: 42%;
  --color-primary-lighter: hsl(
    var(--color-primary-lighter-h),
    var(--color-primary-lighter-s),
    var(--color-primary-lighter-l)
  );
  --color-accent-darker-h: 342;
  --color-accent-darker-s: 89%;
  --color-accent-darker-l: 38%;
  --color-accent-darker: hsl(
    var(--color-accent-darker-h),
    var(--color-accent-darker-s),
    var(--color-accent-darker-l)
  );
  --color-accent-dark-h: 342;
  --color-accent-dark-s: 89%;
  --color-accent-dark-l: 43%;
  --color-accent-dark: hsl(
    var(--color-accent-dark-h),
    var(--color-accent-dark-s),
    var(--color-accent-dark-l)
  );
  --color-accent-h: 342;
  --color-accent-s: 89%;
  --color-accent-l: 48%;
  --color-accent: hsl(
    var(--color-accent-h),
    var(--color-accent-s),
    var(--color-accent-l)
  );
  --color-accent-light-h: 342;
  --color-accent-light-s: 89%;
  --color-accent-light-l: 56%;
  --color-accent-light: hsl(
    var(--color-accent-light-h),
    var(--color-accent-light-s),
    var(--color-accent-light-l)
  );
  --color-accent-lighter-h: 342;
  --color-accent-lighter-s: 89%;
  --color-accent-lighter-l: 62%;
  --color-accent-lighter: hsl(
    var(--color-accent-lighter-h),
    var(--color-accent-lighter-s),
    var(--color-accent-lighter-l)
  );
  --color-black-h: 230;
  --color-black-s: 13%;
  --color-black-l: 9%;
  --color-black: hsl(
    var(--color-black-h),
    var(--color-black-s),
    var(--color-black-l)
  );
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-white: hsl(
    var(--color-white-h),
    var(--color-white-s),
    var(--color-white-l)
  );
  --color-warning-darker-h: 35;
  --color-warning-darker-s: 79%;
  --color-warning-darker-l: 48%;
  --color-warning-darker: hsl(
    var(--color-warning-darker-h),
    var(--color-warning-darker-s),
    var(--color-warning-darker-l)
  );
  --color-warning-dark-h: 35;
  --color-warning-dark-s: 79%;
  --color-warning-dark-l: 56%;
  --color-warning-dark: hsl(
    var(--color-warning-dark-h),
    var(--color-warning-dark-s),
    var(--color-warning-dark-l)
  );
  --color-warning-h: 35;
  --color-warning-s: 79%;
  --color-warning-l: 66%;
  --color-warning: hsl(
    var(--color-warning-h),
    var(--color-warning-s),
    var(--color-warning-l)
  );
  --color-warning-light-h: 35;
  --color-warning-light-s: 79%;
  --color-warning-light-l: 74%;
  --color-warning-light: hsl(
    var(--color-warning-light-h),
    var(--color-warning-light-s),
    var(--color-warning-light-l)
  );
  --color-warning-lighter-h: 35;
  --color-warning-lighter-s: 79%;
  --color-warning-lighter-l: 82%;
  --color-warning-lighter: hsl(
    var(--color-warning-lighter-h),
    var(--color-warning-lighter-s),
    var(--color-warning-lighter-l)
  );
  --color-success-darker-h: 170;
  --color-success-darker-s: 78%;
  --color-success-darker-l: 26%;
  --color-success-darker: hsl(
    var(--color-success-darker-h),
    var(--color-success-darker-s),
    var(--color-success-darker-l)
  );
  --color-success-dark-h: 170;
  --color-success-dark-s: 78%;
  --color-success-dark-l: 31%;
  --color-success-dark: hsl(
    var(--color-success-dark-h),
    var(--color-success-dark-s),
    var(--color-success-dark-l)
  );
  --color-success-h: 170;
  --color-success-s: 78%;
  --color-success-l: 36%;
  --color-success: hsl(
    var(--color-success-h),
    var(--color-success-s),
    var(--color-success-l)
  );
  --color-success-light-h: 170;
  --color-success-light-s: 78%;
  --color-success-light-l: 42%;
  --color-success-light: hsl(
    var(--color-success-light-h),
    var(--color-success-light-s),
    var(--color-success-light-l)
  );
  --color-success-lighter-h: 170;
  --color-success-lighter-s: 78%;
  --color-success-lighter-l: 47%;
  --color-success-lighter: hsl(
    var(--color-success-lighter-h),
    var(--color-success-lighter-s),
    var(--color-success-lighter-l)
  );
  --color-error-darker-h: 342;
  --color-error-darker-s: 89%;
  --color-error-darker-l: 38%;
  --color-error-darker: hsl(
    var(--color-error-darker-h),
    var(--color-error-darker-s),
    var(--color-error-darker-l)
  );
  --color-error-dark-h: 342;
  --color-error-dark-s: 89%;
  --color-error-dark-l: 43%;
  --color-error-dark: hsl(
    var(--color-error-dark-h),
    var(--color-error-dark-s),
    var(--color-error-dark-l)
  );
  --color-error-h: 342;
  --color-error-s: 89%;
  --color-error-l: 48%;
  --color-error: hsl(
    var(--color-error-h),
    var(--color-error-s),
    var(--color-error-l)
  );
  --color-error-light-h: 342;
  --color-error-light-s: 89%;
  --color-error-light-l: 56%;
  --color-error-light: hsl(
    var(--color-error-light-h),
    var(--color-error-light-s),
    var(--color-error-light-l)
  );
  --color-error-lighter-h: 342;
  --color-error-lighter-s: 89%;
  --color-error-lighter-l: 62%;
  --color-error-lighter: hsl(
    var(--color-error-lighter-h),
    var(--color-error-lighter-s),
    var(--color-error-lighter-l)
  );
  --color-bg-darker-h: 240;
  --color-bg-darker-s: 4%;
  --color-bg-darker-l: 90%;
  --color-bg-darker: hsl(
    var(--color-bg-darker-h),
    var(--color-bg-darker-s),
    var(--color-bg-darker-l)
  );
  --color-bg-dark-h: 240;
  --color-bg-dark-s: 4%;
  --color-bg-dark-l: 95%;
  --color-bg-dark: hsl(
    var(--color-bg-dark-h),
    var(--color-bg-dark-s),
    var(--color-bg-dark-l)
  );
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-bg: hsl(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l));
  --color-bg-light-h: 0;
  --color-bg-light-s: 0%;
  --color-bg-light-l: 100%;
  --color-bg-light: hsl(
    var(--color-bg-light-h),
    var(--color-bg-light-s),
    var(--color-bg-light-l)
  );
  --color-bg-lighter-h: 0;
  --color-bg-lighter-s: 0%;
  --color-bg-lighter-l: 100%;
  --color-bg-lighter: hsl(
    var(--color-bg-lighter-h),
    var(--color-bg-lighter-s),
    var(--color-bg-lighter-l)
  );
  --color-contrast-lower-h: 240;
  --color-contrast-lower-s: 4%;
  --color-contrast-lower-l: 85%;
  --color-contrast-lower: hsl(
    var(--color-contrast-lower-h),
    var(--color-contrast-lower-s),
    var(--color-contrast-lower-l)
  );
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 4%;
  --color-contrast-low-l: 65%;
  --color-contrast-low: hsl(
    var(--color-contrast-low-h),
    var(--color-contrast-low-s),
    var(--color-contrast-low-l)
  );
  --color-contrast-medium-h: 225;
  --color-contrast-medium-s: 4%;
  --color-contrast-medium-l: 47%;
  --color-contrast-medium: hsl(
    var(--color-contrast-medium-h),
    var(--color-contrast-medium-s),
    var(--color-contrast-medium-l)
  );
  --color-contrast-high-h: 230;
  --color-contrast-high-s: 7%;
  --color-contrast-high-l: 23%;
  --color-contrast-high: hsl(
    var(--color-contrast-high-h),
    var(--color-contrast-high-s),
    var(--color-contrast-high-l)
  );
  --color-contrast-higher-h: 230;
  --color-contrast-higher-s: 13%;
  --color-contrast-higher-l: 9%;
  --color-contrast-higher: hsl(
    var(--color-contrast-higher-h),
    var(--color-contrast-higher-s),
    var(--color-contrast-higher-l)
  );
}
.grid {
  --grid-columns: 12;
  --column-gap: 0px;
  --row-gap: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--row-gap) var(--column-gap);
}
.grid > * {
  width: 100%;
  min-width: 0;
}
.grid-col-1 {
  --grid-columns: 1;
}
.col-1 {
  --column-span: 1;
}
.grid-col-2 {
  --grid-columns: 2;
}
.col-2 {
  --column-span: 2;
}
.grid-col-3 {
  --grid-columns: 3;
}
.col-3 {
  --column-span: 3;
}
.grid-col-4 {
  --grid-columns: 4;
}
.col-4 {
  --column-span: 4;
}
.grid-col-5 {
  --grid-columns: 5;
}
.col-5 {
  --column-span: 5;
}
.grid-col-6 {
  --grid-columns: 6;
}
.col-6 {
  --column-span: 6;
}
.grid-col-7 {
  --grid-columns: 7;
}
.col-7 {
  --column-span: 7;
}
.grid-col-8 {
  --grid-columns: 8;
}
.col-8 {
  --column-span: 8;
}
.grid-col-9 {
  --grid-columns: 9;
}
.col-9 {
  --column-span: 9;
}
.grid-col-10 {
  --grid-columns: 10;
}
.col-10 {
  --column-span: 10;
}
.grid-col-11 {
  --grid-columns: 11;
}
.col-11 {
  --column-span: 11;
}
.grid-col-12 {
  --grid-columns: 12;
}
.col-12 {
  --column-span: 12;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: calc(
    (100% - (var(--grid-columns) - 1) * var(--column-gap)) * var(--column-span) /
      var(--grid-columns) + (var(--column-span) - 1) * var(--column-gap)
  );
  flex: initial;
}
.col {
  width: auto;
  flex: 1 1 0;
}
.col-content {
  width: auto;
  flex: 0 1 auto;
}
.gap-md {
  --row-gap: var(--space-md);
  --column-gap: var(--space-md);
  gap: var(--row-gap) var(--column-gap);
}
.flex-grow {
  flex-grow: 1;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: start;
}
.items-end {
  align-items: end;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
:where([class^="media-wrapper"], [class*=" media-wrapper"]) {
  position: relative;
}
[class^="media-wrapper"],
[class*=" media-wrapper"] {
  height: 0;
}
[class^="media-wrapper"] > *,
[class*=" media-wrapper"] > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[class^="media-wrapper"] > *:not(iframe),
[class*=" media-wrapper"] > *:not(iframe) {
  -o-object-fit: cover;
  object-fit: cover;
}
.media-wrapper-16\:9 {
  padding-bottom: 56.25%;
}
.media-wrapper-3\:2 {
  padding-bottom: 66.6666666667%;
}
.media-wrapper-4\:3 {
  padding-bottom: 75%;
}
.media-wrapper-1\:1 {
  padding-bottom: 100%;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.contents {
  display: contents;
}
.css-grid {
  display: grid;
}
.css-inline-grid {
  display: inline-grid;
}
.hide {
  display: none;
}
.is-hidden {
  display: none !important;
}
.margin-bottom-xl{
  margin-bottom: var(--space-xl);
}
.padding-y-xl{
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}
.break-word {
  overflow-wrap: break-word;
  min-width: 0;
}
.ws-nowrap {
  white-space: nowrap;
}
.list-style-none {
  list-style: none;
}
.width-100\% {
  width: 100%;
}
[class^="max-width-adaptive"],
[class*=" max-width-adaptive"] {
  max-width: 32rem;
}
@media (min-width: 48rem) {
  .max-width-adaptive-sm,
  .max-width-adaptive-md,
  .max-width-adaptive-lg,
  .max-width-adaptive-xl {
    max-width: 48rem;
  }
}
@media (min-width: 64rem) {
  .max-width-adaptive-md,
  .max-width-adaptive-lg,
  .max-width-adaptive-xl {
    max-width: 64rem;
  }
}
@media (min-width: 80rem) {
  .max-width-adaptive-lg,
  .max-width-adaptive-xl {
    max-width: 80rem;
  }
}
@media (min-width: 90rem) {
  .max-width-adaptive-xl {
    max-width: 90rem;
  }
}
.position-relative {
  position: relative;
}
.z-index-1{
  z-index: 1;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.isolate {
  isolation: isolate;
}
.fill-current {
  fill: currentColor;
}
.appearance-none {
  -webkit-appearance: none;
  appearance: none;
}
.appearance-auto {
  -webkit-appearance: auto;
  appearance: auto;
}
@media (min-width: 32rem) {
  .grid-col-1\@xs {
    --grid-columns: 1;
  }
  .col-1\@xs {
    --column-span: 1;
  }
  .grid-col-2\@xs {
    --grid-columns: 2;
  }
  .col-2\@xs {
    --column-span: 2;
  }
  .grid-col-3\@xs {
    --grid-columns: 3;
  }
  .col-3\@xs {
    --column-span: 3;
  }
  .grid-col-4\@xs {
    --grid-columns: 4;
  }
  .col-4\@xs {
    --column-span: 4;
  }
  .grid-col-5\@xs {
    --grid-columns: 5;
  }
  .col-5\@xs {
    --column-span: 5;
  }
  .grid-col-6\@xs {
    --grid-columns: 6;
  }
  .col-6\@xs {
    --column-span: 6;
  }
  .grid-col-7\@xs {
    --grid-columns: 7;
  }
  .col-7\@xs {
    --column-span: 7;
  }
  .grid-col-8\@xs {
    --grid-columns: 8;
  }
  .col-8\@xs {
    --column-span: 8;
  }
  .grid-col-9\@xs {
    --grid-columns: 9;
  }
  .col-9\@xs {
    --column-span: 9;
  }
  .grid-col-10\@xs {
    --grid-columns: 10;
  }
  .col-10\@xs {
    --column-span: 10;
  }
  .grid-col-11\@xs {
    --grid-columns: 11;
  }
  .col-11\@xs {
    --column-span: 11;
  }
  .grid-col-12\@xs {
    --grid-columns: 12;
  }
  .col-12\@xs {
    --column-span: 12;
  }
  .col-1\@xs,
  .col-2\@xs,
  .col-3\@xs,
  .col-4\@xs,
  .col-5\@xs,
  .col-6\@xs,
  .col-7\@xs,
  .col-8\@xs,
  .col-9\@xs,
  .col-10\@xs,
  .col-11\@xs,
  .col-12\@xs {
    width: calc(
      (100% - (var(--grid-columns) - 1) * var(--column-gap)) *
        var(--column-span) / var(--grid-columns) + (var(--column-span) - 1) *
        var(--column-gap)
    );
    flex: initial;
  }
  .col\@xs {
    width: auto;
    flex: 1 1 0;
  }
  .col-content\@xs {
    width: auto;
    flex: 0 1 auto;
  }
  .gap-md\@xs {
    --row-gap: var(--space-md);
    --column-gap: var(--space-md);
    gap: var(--row-gap) var(--column-gap);
  }
  .flex-grow\@xs {
    flex-grow: 1;
  }
  .items-center\@xs {
    align-items: center;
  }
  .items-start\@xs {
    align-items: start;
  }
  .items-end\@xs {
    align-items: end;
  }
  .items-baseline\@xs {
    align-items: baseline;
  }
  .items-stretch\@xs {
    align-items: stretch;
  }
  .block\@xs {
    display: block;
  }
  .inline-block\@xs {
    display: inline-block;
  }
  .inline\@xs {
    display: inline;
  }
  .contents\@xs {
    display: contents;
  }
  .css-grid\@xs {
    display: grid;
  }
  .css-inline-grid\@xs {
    display: inline-grid;
  }
  .hide\@xs {
    display: none;
  }
  .margin-bottom-xl\@xs{
    margin-bottom: var(--space-xl);
  }
  .padding-y-xl\@xs{
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }
  .width-100\%\@xs {
    width: 100%;
  }
  .position-relative\@xs,
  .pos-relative\@xs {
    position: relative;
  }
}
@media not all and (min-width: 32rem) {
  .display\@xs {
    display: none !important;
  }
}
@media (min-width: 48rem) {
  .grid-col-1\@sm {
    --grid-columns: 1;
  }
  .col-1\@sm {
    --column-span: 1;
  }
  .grid-col-2\@sm {
    --grid-columns: 2;
  }
  .col-2\@sm {
    --column-span: 2;
  }
  .grid-col-3\@sm {
    --grid-columns: 3;
  }
  .col-3\@sm {
    --column-span: 3;
  }
  .grid-col-4\@sm {
    --grid-columns: 4;
  }
  .col-4\@sm {
    --column-span: 4;
  }
  .grid-col-5\@sm {
    --grid-columns: 5;
  }
  .col-5\@sm {
    --column-span: 5;
  }
  .grid-col-6\@sm {
    --grid-columns: 6;
  }
  .col-6\@sm {
    --column-span: 6;
  }
  .grid-col-7\@sm {
    --grid-columns: 7;
  }
  .col-7\@sm {
    --column-span: 7;
  }
  .grid-col-8\@sm {
    --grid-columns: 8;
  }
  .col-8\@sm {
    --column-span: 8;
  }
  .grid-col-9\@sm {
    --grid-columns: 9;
  }
  .col-9\@sm {
    --column-span: 9;
  }
  .grid-col-10\@sm {
    --grid-columns: 10;
  }
  .col-10\@sm {
    --column-span: 10;
  }
  .grid-col-11\@sm {
    --grid-columns: 11;
  }
  .col-11\@sm {
    --column-span: 11;
  }
  .grid-col-12\@sm {
    --grid-columns: 12;
  }
  .col-12\@sm {
    --column-span: 12;
  }
  .col-1\@sm,
  .col-2\@sm,
  .col-3\@sm,
  .col-4\@sm,
  .col-5\@sm,
  .col-6\@sm,
  .col-7\@sm,
  .col-8\@sm,
  .col-9\@sm,
  .col-10\@sm,
  .col-11\@sm,
  .col-12\@sm {
    width: calc(
      (100% - (var(--grid-columns) - 1) * var(--column-gap)) *
        var(--column-span) / var(--grid-columns) + (var(--column-span) - 1) *
        var(--column-gap)
    );
    flex: initial;
  }
  .col\@sm {
    width: auto;
    flex: 1 1 0;
  }
  .col-content\@sm {
    width: auto;
    flex: 0 1 auto;
  }
  .gap-md\@sm {
    --row-gap: var(--space-md);
    --column-gap: var(--space-md);
    gap: var(--row-gap) var(--column-gap);
  }
  .flex-grow\@sm {
    flex-grow: 1;
  }
  .items-center\@sm {
    align-items: center;
  }
  .items-start\@sm {
    align-items: start;
  }
  .items-end\@sm {
    align-items: end;
  }
  .items-baseline\@sm {
    align-items: baseline;
  }
  .items-stretch\@sm {
    align-items: stretch;
  }
  .block\@sm {
    display: block;
  }
  .inline-block\@sm {
    display: inline-block;
  }
  .inline\@sm {
    display: inline;
  }
  .contents\@sm {
    display: contents;
  }
  .css-grid\@sm {
    display: grid;
  }
  .css-inline-grid\@sm {
    display: inline-grid;
  }
  .hide\@sm {
    display: none;
  }
  .margin-bottom-xl\@sm{
    margin-bottom: var(--space-xl);
  }
  .padding-y-xl\@sm{
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }
  .width-100\%\@sm {
    width: 100%;
  }
  .position-relative\@sm,
  .pos-relative\@sm {
    position: relative;
  }
}
@media not all and (min-width: 48rem) {
  .display\@sm {
    display: none !important;
  }
}
@media (min-width: 64rem) {
  .grid-col-1\@md {
    --grid-columns: 1;
  }
  .col-1\@md {
    --column-span: 1;
  }
  .grid-col-2\@md {
    --grid-columns: 2;
  }
  .col-2\@md {
    --column-span: 2;
  }
  .grid-col-3\@md {
    --grid-columns: 3;
  }
  .col-3\@md {
    --column-span: 3;
  }
  .grid-col-4\@md {
    --grid-columns: 4;
  }
  .col-4\@md {
    --column-span: 4;
  }
  .grid-col-5\@md {
    --grid-columns: 5;
  }
  .col-5\@md {
    --column-span: 5;
  }
  .grid-col-6\@md {
    --grid-columns: 6;
  }
  .col-6\@md {
    --column-span: 6;
  }
  .grid-col-7\@md {
    --grid-columns: 7;
  }
  .col-7\@md {
    --column-span: 7;
  }
  .grid-col-8\@md {
    --grid-columns: 8;
  }
  .col-8\@md {
    --column-span: 8;
  }
  .grid-col-9\@md {
    --grid-columns: 9;
  }
  .col-9\@md {
    --column-span: 9;
  }
  .grid-col-10\@md {
    --grid-columns: 10;
  }
  .col-10\@md {
    --column-span: 10;
  }
  .grid-col-11\@md {
    --grid-columns: 11;
  }
  .col-11\@md {
    --column-span: 11;
  }
  .grid-col-12\@md {
    --grid-columns: 12;
  }
  .col-12\@md {
    --column-span: 12;
  }
  .col-1\@md,
  .col-2\@md,
  .col-3\@md,
  .col-4\@md,
  .col-5\@md,
  .col-6\@md,
  .col-7\@md,
  .col-8\@md,
  .col-9\@md,
  .col-10\@md,
  .col-11\@md,
  .col-12\@md {
    width: calc(
      (100% - (var(--grid-columns) - 1) * var(--column-gap)) *
        var(--column-span) / var(--grid-columns) + (var(--column-span) - 1) *
        var(--column-gap)
    );
    flex: initial;
  }
  .col\@md {
    width: auto;
    flex: 1 1 0;
  }
  .col-content\@md {
    width: auto;
    flex: 0 1 auto;
  }
  .gap-md\@md {
    --row-gap: var(--space-md);
    --column-gap: var(--space-md);
    gap: var(--row-gap) var(--column-gap);
  }
  .flex-grow\@md {
    flex-grow: 1;
  }
  .items-center\@md {
    align-items: center;
  }
  .items-start\@md {
    align-items: start;
  }
  .items-end\@md {
    align-items: end;
  }
  .items-baseline\@md {
    align-items: baseline;
  }
  .items-stretch\@md {
    align-items: stretch;
  }
  .block\@md {
    display: block;
  }
  .inline-block\@md {
    display: inline-block;
  }
  .inline\@md {
    display: inline;
  }
  .contents\@md {
    display: contents;
  }
  .css-grid\@md {
    display: grid;
  }
  .css-inline-grid\@md {
    display: inline-grid;
  }
  .hide\@md {
    display: none;
  }
  .margin-bottom-xl\@md{
    margin-bottom: var(--space-xl);
  }
  .padding-y-xl\@md{
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }
  .width-100\%\@md {
    width: 100%;
  }
  .position-relative\@md,
  .pos-relative\@md {
    position: relative;
  }
}
@media not all and (min-width: 64rem) {
  .display\@md {
    display: none !important;
  }
}
@media (min-width: 80rem) {
  .grid-col-1\@lg {
    --grid-columns: 1;
  }
  .col-1\@lg {
    --column-span: 1;
  }
  .grid-col-2\@lg {
    --grid-columns: 2;
  }
  .col-2\@lg {
    --column-span: 2;
  }
  .grid-col-3\@lg {
    --grid-columns: 3;
  }
  .col-3\@lg {
    --column-span: 3;
  }
  .grid-col-4\@lg {
    --grid-columns: 4;
  }
  .col-4\@lg {
    --column-span: 4;
  }
  .grid-col-5\@lg {
    --grid-columns: 5;
  }
  .col-5\@lg {
    --column-span: 5;
  }
  .grid-col-6\@lg {
    --grid-columns: 6;
  }
  .col-6\@lg {
    --column-span: 6;
  }
  .grid-col-7\@lg {
    --grid-columns: 7;
  }
  .col-7\@lg {
    --column-span: 7;
  }
  .grid-col-8\@lg {
    --grid-columns: 8;
  }
  .col-8\@lg {
    --column-span: 8;
  }
  .grid-col-9\@lg {
    --grid-columns: 9;
  }
  .col-9\@lg {
    --column-span: 9;
  }
  .grid-col-10\@lg {
    --grid-columns: 10;
  }
  .col-10\@lg {
    --column-span: 10;
  }
  .grid-col-11\@lg {
    --grid-columns: 11;
  }
  .col-11\@lg {
    --column-span: 11;
  }
  .grid-col-12\@lg {
    --grid-columns: 12;
  }
  .col-12\@lg {
    --column-span: 12;
  }
  .col-1\@lg,
  .col-2\@lg,
  .col-3\@lg,
  .col-4\@lg,
  .col-5\@lg,
  .col-6\@lg,
  .col-7\@lg,
  .col-8\@lg,
  .col-9\@lg,
  .col-10\@lg,
  .col-11\@lg,
  .col-12\@lg {
    width: calc(
      (100% - (var(--grid-columns) - 1) * var(--column-gap)) *
        var(--column-span) / var(--grid-columns) + (var(--column-span) - 1) *
        var(--column-gap)
    );
    flex: initial;
  }
  .col\@lg {
    width: auto;
    flex: 1 1 0;
  }
  .col-content\@lg {
    width: auto;
    flex: 0 1 auto;
  }
  .gap-md\@lg {
    --row-gap: var(--space-md);
    --column-gap: var(--space-md);
    gap: var(--row-gap) var(--column-gap);
  }
  .flex-grow\@lg {
    flex-grow: 1;
  }
  .items-center\@lg {
    align-items: center;
  }
  .items-start\@lg {
    align-items: start;
  }
  .items-end\@lg {
    align-items: end;
  }
  .items-baseline\@lg {
    align-items: baseline;
  }
  .items-stretch\@lg {
    align-items: stretch;
  }
  .inline-block\@lg {
    display: inline-block;
  }
  .inline\@lg {
    display: inline;
  }
  .contents\@lg {
    display: contents;
  }
  .css-grid\@lg {
    display: grid;
  }
  .css-inline-grid\@lg {
    display: inline-grid;
  }
  .hide\@lg {
    display: none;
  }
  .margin-bottom-xl\@lg{
    margin-bottom: var(--space-xl);
  }
  .padding-y-xl\@lg{
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }
  .width-100\%\@lg {
    width: 100%;
  }
  .position-relative\@lg,
  .pos-relative\@lg {
    position: relative;
  }
}
@media not all and (min-width: 80rem) {
  .display\@lg {
    display: none !important;
  }
}
@media (min-width: 90rem) {
  .grid-col-1\@xl {
    --grid-columns: 1;
  }
  .col-1\@xl {
    --column-span: 1;
  }
  .grid-col-2\@xl {
    --grid-columns: 2;
  }
  .col-2\@xl {
    --column-span: 2;
  }
  .grid-col-3\@xl {
    --grid-columns: 3;
  }
  .col-3\@xl {
    --column-span: 3;
  }
  .grid-col-4\@xl {
    --grid-columns: 4;
  }
  .col-4\@xl {
    --column-span: 4;
  }
  .grid-col-5\@xl {
    --grid-columns: 5;
  }
  .col-5\@xl {
    --column-span: 5;
  }
  .grid-col-6\@xl {
    --grid-columns: 6;
  }
  .col-6\@xl {
    --column-span: 6;
  }
  .grid-col-7\@xl {
    --grid-columns: 7;
  }
  .col-7\@xl {
    --column-span: 7;
  }
  .grid-col-8\@xl {
    --grid-columns: 8;
  }
  .col-8\@xl {
    --column-span: 8;
  }
  .grid-col-9\@xl {
    --grid-columns: 9;
  }
  .col-9\@xl {
    --column-span: 9;
  }
  .grid-col-10\@xl {
    --grid-columns: 10;
  }
  .col-10\@xl {
    --column-span: 10;
  }
  .grid-col-11\@xl {
    --grid-columns: 11;
  }
  .col-11\@xl {
    --column-span: 11;
  }
  .grid-col-12\@xl {
    --grid-columns: 12;
  }
  .col-12\@xl {
    --column-span: 12;
  }
  .col-1\@xl,
  .col-2\@xl,
  .col-3\@xl,
  .col-4\@xl,
  .col-5\@xl,
  .col-6\@xl,
  .col-7\@xl,
  .col-8\@xl,
  .col-9\@xl,
  .col-10\@xl,
  .col-11\@xl,
  .col-12\@xl {
    width: calc(
      (100% - (var(--grid-columns) - 1) * var(--column-gap)) *
        var(--column-span) / var(--grid-columns) + (var(--column-span) - 1) *
        var(--column-gap)
    );
    flex: initial;
  }
  .col\@xl {
    width: auto;
    flex: 1 1 0;
  }
  .col-content\@xl {
    width: auto;
    flex: 0 1 auto;
  }
  .gap-md\@xl {
    --row-gap: var(--space-md);
    --column-gap: var(--space-md);
    gap: var(--row-gap) var(--column-gap);
  }
  .flex-grow\@xl {
    flex-grow: 1;
  }
  .items-center\@xl {
    align-items: center;
  }
  .items-start\@xl {
    align-items: start;
  }
  .items-end\@xl {
    align-items: end;
  }
  .items-baseline\@xl {
    align-items: baseline;
  }
  .items-stretch\@xl {
    align-items: stretch;
  }
  .block\@xl {
    display: block;
  }
  .inline-block\@xl {
    display: inline-block;
  }
  .inline\@xl {
    display: inline;
  }
  .contents\@xl {
    display: contents;
  }
  .css-grid\@xl {
    display: grid;
  }
  .css-inline-grid\@xl {
    display: inline-grid;
  }
  .hide\@xl {
    display: none;
  }
  .margin-bottom-xl\@xl{
    margin-bottom: var(--space-xl);
  }
  .padding-y-xl\@xl{
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }
  .width-100\%\@xl {
    width: 100%;
  }
  .position-relative\@xl,
  .pos-relative\@xl {
    position: relative;
  }
}
@media not all and (min-width: 90rem) {
  .display\@xl {
    display: none !important;
  }
}