.container {
 width:calc(100% - 2*var(--component-padding));
 margin-left:auto;
 margin-right:auto
}
.flex,
.grid,
.inline-flex {
 --gap:0px;
 --gap-x:var(--gap);
 --gap-y:var(--gap);
 gap:var(--gap-y) var(--gap-x)
}
.flex>*,
.grid>*,
.inline-flex>* {
 --sub-gap:0px;
 --sub-gap-x:var(--sub-gap);
 --sub-gap-y:var(--sub-gap)
}
.grid {
 --grid-columns:12;
 display:flex;
 flex-wrap:wrap
}
.grid>* {
 flex-basis:100%;
 max-width:100%;
 min-width:0
}
@media not all and (min-resolution:0.001dpcm) {
 @supports not (translate:none) {
  .flex[class*=gap-],
  .grid,
  .inline-flex[class*=gap-] {
   gap:0;
   margin-bottom:calc(-1 * var(--gap-y));
   margin-left:calc(-1 * var(--gap-x))
  }
  .flex[class*=gap-]>*,
  .grid>*,
  .inline-flex[class*=gap-]>* {
   margin-bottom:var(--gap-y)
  }
  .grid {
   --offset:var(--gap-x);
   --gap-modifier:0;
   --offset-modifier:1
  }
  .grid>* {
   margin-left:var(--offset)
  }
  .flex[class*=gap-]>*,
  .inline-flex[class*=gap-]>* {
   margin-left:var(--gap-x)
  }
 }
}
.gap-xxxxs {
 --gap-x:var(--space-xxxxs);
 --gap-y:var(--space-xxxxs)
}
.gap-xxxxs>* {
 --sub-gap-x:var(--space-xxxxs);
 --sub-gap-y:var(--space-xxxxs)
}
.gap-xxxs {
 --gap-x:var(--space-xxxs);
 --gap-y:var(--space-xxxs)
}
.gap-xxxs>* {
 --sub-gap-x:var(--space-xxxs);
 --sub-gap-y:var(--space-xxxs)
}
.gap-xxs {
 --gap-x:var(--space-xxs);
 --gap-y:var(--space-xxs)
}
.gap-xxs>* {
 --sub-gap-x:var(--space-xxs);
 --sub-gap-y:var(--space-xxs)
}
.gap-xs {
 --gap-x:var(--space-xs);
 --gap-y:var(--space-xs)
}
.gap-xs>* {
 --sub-gap-x:var(--space-xs);
 --sub-gap-y:var(--space-xs)
}
.gap-sm {
 --gap-x:var(--space-sm);
 --gap-y:var(--space-sm)
}
.gap-sm>* {
 --sub-gap-x:var(--space-sm);
 --sub-gap-y:var(--space-sm)
}
.gap-md {
 --gap-x:var(--space-md);
 --gap-y:var(--space-md)
}
.gap-md>* {
 --sub-gap-x:var(--space-md);
 --sub-gap-y:var(--space-md)
}
.gap-lg {
 --gap-x:var(--space-lg);
 --gap-y:var(--space-lg)
}
.gap-lg>* {
 --sub-gap-x:var(--space-lg);
 --sub-gap-y:var(--space-lg)
}
.gap-xl {
 --gap-x:var(--space-xl);
 --gap-y:var(--space-xl)
}
.gap-xl>* {
 --sub-gap-x:var(--space-xl);
 --sub-gap-y:var(--space-xl)
}
.gap-xxl {
 --gap-x:var(--space-xxl);
 --gap-y:var(--space-xxl)
}
.gap-xxl>* {
 --sub-gap-x:var(--space-xxl);
 --sub-gap-y:var(--space-xxl)
}
.gap-xxxl {
 --gap-x:var(--space-xxxl);
 --gap-y:var(--space-xxxl)
}
.gap-xxxl>* {
 --sub-gap-x:var(--space-xxxl);
 --sub-gap-y:var(--space-xxxl)
}
.gap-xxxxl {
 --gap-x:var(--space-xxxxl);
 --gap-y:var(--space-xxxxl)
}
.gap-xxxxl>* {
 --sub-gap-x:var(--space-xxxxl);
 --sub-gap-y:var(--space-xxxxl)
}
.gap-0 {
 --gap-x:0;
 --gap-y:0
}
.gap-0>* {
 --sub-gap-x:0;
 --sub-gap-y:0
}
.gap-x-xxxxs {
 --gap-x:var(--space-xxxxs)
}
.gap-x-xxxxs>* {
 --sub-gap-x:var(--space-xxxxs)
}
.gap-x-xxxs {
 --gap-x:var(--space-xxxs)
}
.gap-x-xxxs>* {
 --sub-gap-x:var(--space-xxxs)
}
.gap-x-xxs {
 --gap-x:var(--space-xxs)
}
.gap-x-xxs>* {
 --sub-gap-x:var(--space-xxs)
}
.gap-x-xs {
 --gap-x:var(--space-xs)
}
.gap-x-xs>* {
 --sub-gap-x:var(--space-xs)
}
.gap-x-sm {
 --gap-x:var(--space-sm)
}
.gap-x-sm>* {
 --sub-gap-x:var(--space-sm)
}
.gap-x-md {
 --gap-x:var(--space-md)
}
.gap-x-md>* {
 --sub-gap-x:var(--space-md)
}
.gap-x-lg {
 --gap-x:var(--space-lg)
}
.gap-x-lg>* {
 --sub-gap-x:var(--space-lg)
}
.gap-x-xl {
 --gap-x:var(--space-xl)
}
.gap-x-xl>* {
 --sub-gap-x:var(--space-xl)
}
.gap-x-xxl {
 --gap-x:var(--space-xxl)
}
.gap-x-xxl>* {
 --sub-gap-x:var(--space-xxl)
}
.gap-x-xxxl {
 --gap-x:var(--space-xxxl)
}
.gap-x-xxxl>* {
 --sub-gap-x:var(--space-xxxl)
}
.gap-x-xxxxl {
 --gap-x:var(--space-xxxxl)
}
.gap-x-xxxxl>* {
 --sub-gap-x:var(--space-xxxxl)
}
.gap-x-0 {
 --gap-x:0
}
.gap-x-0>* {
 --sub-gap-x:0
}
.gap-y-xxxxs {
 --gap-y:var(--space-xxxxs)
}
.gap-y-xxxxs>* {
 --sub-gap-y:var(--space-xxxxs)
}
.gap-y-xxxs {
 --gap-y:var(--space-xxxs)
}
.gap-y-xxxs>* {
 --sub-gap-y:var(--space-xxxs)
}
.gap-y-xxs {
 --gap-y:var(--space-xxs)
}
.gap-y-xxs>* {
 --sub-gap-y:var(--space-xxs)
}
.gap-y-xs {
 --gap-y:var(--space-xs)
}
.gap-y-xs>* {
 --sub-gap-y:var(--space-xs)
}
.gap-y-sm {
 --gap-y:var(--space-sm)
}
.gap-y-sm>* {
 --sub-gap-y:var(--space-sm)
}
.gap-y-md {
 --gap-y:var(--space-md)
}
.gap-y-md>* {
 --sub-gap-y:var(--space-md)
}
.gap-y-lg {
 --gap-y:var(--space-lg)
}
.gap-y-lg>* {
 --sub-gap-y:var(--space-lg)
}
.gap-y-xl {
 --gap-y:var(--space-xl)
}
.gap-y-xl>* {
 --sub-gap-y:var(--space-xl)
}
.gap-y-xxl {
 --gap-y:var(--space-xxl)
}
.gap-y-xxl>* {
 --sub-gap-y:var(--space-xxl)
}
.gap-y-xxxl {
 --gap-y:var(--space-xxxl)
}
.gap-y-xxxl>* {
 --sub-gap-y:var(--space-xxxl)
}
.gap-y-xxxxl {
 --gap-y:var(--space-xxxxl)
}
.gap-y-xxxxl>* {
 --sub-gap-y:var(--space-xxxxl)
}
.gap-y-0 {
 --gap-y:0
}
.gap-y-0>* {
 --sub-gap-y:0
}
.grid-col-1 {
 --grid-columns:1
}
.col-1 {
 --span:1
}
.grid-col-2 {
 --grid-columns:2
}
.col-2 {
 --span:2
}
.grid-col-3 {
 --grid-columns:3
}
.col-3 {
 --span:3
}
.grid-col-4 {
 --grid-columns:4
}
.col-4 {
 --span:4
}
.grid-col-5 {
 --grid-columns:5
}
.col-5 {
 --span:5
}
.grid-col-6 {
 --grid-columns:6
}
.col-6 {
 --span:6
}
.grid-col-7 {
 --grid-columns:7
}
.col-7 {
 --span:7
}
.grid-col-8 {
 --grid-columns:8
}
.col-8 {
 --span:8
}
.grid-col-9 {
 --grid-columns:9
}
.col-9 {
 --span:9
}
.grid-col-10 {
 --grid-columns:10
}
.col-10 {
 --span:10
}
.grid-col-11 {
 --grid-columns:11
}
.col-11 {
 --span:11
}
.grid-col-12 {
 --grid-columns:12
}
.col-12 {
 --span:12
}
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
 flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
 max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x))
}
.col {
 flex-grow:1;
 flex-basis:0;
 max-width:100%
}
.col-content {
 flex-grow:0;
 flex-basis:initial;
 max-width:initial
}
.offset-1 {
 --offset:1
}
.offset-2 {
 --offset:2
}
.offset-3 {
 --offset:3
}
.offset-4 {
 --offset:4
}
.offset-5 {
 --offset:5
}
.offset-6 {
 --offset:6
}
.offset-7 {
 --offset:7
}
.offset-8 {
 --offset:8
}
.offset-9 {
 --offset:9
}
.offset-10 {
 --offset:10
}
.offset-11 {
 --offset:11
}
.offset-1,
.offset-10,
.offset-11,
.offset-2,
.offset-3,
.offset-4,
.offset-5,
.offset-6,
.offset-7,
.offset-8,
.offset-9 {
 margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-gap-x))
}
@media(min-width:32rem) {
 .gap-xxxxs\@xs {
  --gap-x:var(--space-xxxxs);
  --gap-y:var(--space-xxxxs)
 }
 .gap-xxxxs\@xs>* {
  --sub-gap-x:var(--space-xxxxs);
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-xxxs\@xs {
  --gap-x:var(--space-xxxs);
  --gap-y:var(--space-xxxs)
 }
 .gap-xxxs\@xs>* {
  --sub-gap-x:var(--space-xxxs);
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-xxs\@xs {
  --gap-x:var(--space-xxs);
  --gap-y:var(--space-xxs)
 }
 .gap-xxs\@xs>* {
  --sub-gap-x:var(--space-xxs);
  --sub-gap-y:var(--space-xxs)
 }
 .gap-xs\@xs {
  --gap-x:var(--space-xs);
  --gap-y:var(--space-xs)
 }
 .gap-xs\@xs>* {
  --sub-gap-x:var(--space-xs);
  --sub-gap-y:var(--space-xs)
 }
 .gap-sm\@xs {
  --gap-x:var(--space-sm);
  --gap-y:var(--space-sm)
 }
 .gap-sm\@xs>* {
  --sub-gap-x:var(--space-sm);
  --sub-gap-y:var(--space-sm)
 }
 .gap-md\@xs {
  --gap-x:var(--space-md);
  --gap-y:var(--space-md)
 }
 .gap-md\@xs>* {
  --sub-gap-x:var(--space-md);
  --sub-gap-y:var(--space-md)
 }
 .gap-lg\@xs {
  --gap-x:var(--space-lg);
  --gap-y:var(--space-lg)
 }
 .gap-lg\@xs>* {
  --sub-gap-x:var(--space-lg);
  --sub-gap-y:var(--space-lg)
 }
 .gap-xl\@xs {
  --gap-x:var(--space-xl);
  --gap-y:var(--space-xl)
 }
 .gap-xl\@xs>* {
  --sub-gap-x:var(--space-xl);
  --sub-gap-y:var(--space-xl)
 }
 .gap-xxl\@xs {
  --gap-x:var(--space-xxl);
  --gap-y:var(--space-xxl)
 }
 .gap-xxl\@xs>* {
  --sub-gap-x:var(--space-xxl);
  --sub-gap-y:var(--space-xxl)
 }
 .gap-xxxl\@xs {
  --gap-x:var(--space-xxxl);
  --gap-y:var(--space-xxxl)
 }
 .gap-xxxl\@xs>* {
  --sub-gap-x:var(--space-xxxl);
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-xxxxl\@xs {
  --gap-x:var(--space-xxxxl);
  --gap-y:var(--space-xxxxl)
 }
 .gap-xxxxl\@xs>* {
  --sub-gap-x:var(--space-xxxxl);
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-0\@xs {
  --gap-x:0;
  --gap-y:0
 }
 .gap-0\@xs>* {
  --sub-gap-x:0;
  --sub-gap-y:0
 }
 .gap-x-xxxxs\@xs {
  --gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxxs\@xs>* {
  --sub-gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxs\@xs {
  --gap-x:var(--space-xxxs)
 }
 .gap-x-xxxs\@xs>* {
  --sub-gap-x:var(--space-xxxs)
 }
 .gap-x-xxs\@xs {
  --gap-x:var(--space-xxs)
 }
 .gap-x-xxs\@xs>* {
  --sub-gap-x:var(--space-xxs)
 }
 .gap-x-xs\@xs {
  --gap-x:var(--space-xs)
 }
 .gap-x-xs\@xs>* {
  --sub-gap-x:var(--space-xs)
 }
 .gap-x-sm\@xs {
  --gap-x:var(--space-sm)
 }
 .gap-x-sm\@xs>* {
  --sub-gap-x:var(--space-sm)
 }
 .gap-x-md\@xs {
  --gap-x:var(--space-md)
 }
 .gap-x-md\@xs>* {
  --sub-gap-x:var(--space-md)
 }
 .gap-x-lg\@xs {
  --gap-x:var(--space-lg)
 }
 .gap-x-lg\@xs>* {
  --sub-gap-x:var(--space-lg)
 }
 .gap-x-xl\@xs {
  --gap-x:var(--space-xl)
 }
 .gap-x-xl\@xs>* {
  --sub-gap-x:var(--space-xl)
 }
 .gap-x-xxl\@xs {
  --gap-x:var(--space-xxl)
 }
 .gap-x-xxl\@xs>* {
  --sub-gap-x:var(--space-xxl)
 }
 .gap-x-xxxl\@xs {
  --gap-x:var(--space-xxxl)
 }
 .gap-x-xxxl\@xs>* {
  --sub-gap-x:var(--space-xxxl)
 }
 .gap-x-xxxxl\@xs {
  --gap-x:var(--space-xxxxl)
 }
 .gap-x-xxxxl\@xs>* {
  --sub-gap-x:var(--space-xxxxl)
 }
 .gap-x-0\@xs {
  --gap-x:0
 }
 .gap-x-0\@xs>* {
  --sub-gap-x:0
 }
 .gap-y-xxxxs\@xs {
  --gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxxs\@xs>* {
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxs\@xs {
  --gap-y:var(--space-xxxs)
 }
 .gap-y-xxxs\@xs>* {
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-y-xxs\@xs {
  --gap-y:var(--space-xxs)
 }
 .gap-y-xxs\@xs>* {
  --sub-gap-y:var(--space-xxs)
 }
 .gap-y-xs\@xs {
  --gap-y:var(--space-xs)
 }
 .gap-y-xs\@xs>* {
  --sub-gap-y:var(--space-xs)
 }
 .gap-y-sm\@xs {
  --gap-y:var(--space-sm)
 }
 .gap-y-sm\@xs>* {
  --sub-gap-y:var(--space-sm)
 }
 .gap-y-md\@xs {
  --gap-y:var(--space-md)
 }
 .gap-y-md\@xs>* {
  --sub-gap-y:var(--space-md)
 }
 .gap-y-lg\@xs {
  --gap-y:var(--space-lg)
 }
 .gap-y-lg\@xs>* {
  --sub-gap-y:var(--space-lg)
 }
 .gap-y-xl\@xs {
  --gap-y:var(--space-xl)
 }
 .gap-y-xl\@xs>* {
  --sub-gap-y:var(--space-xl)
 }
 .gap-y-xxl\@xs {
  --gap-y:var(--space-xxl)
 }
 .gap-y-xxl\@xs>* {
  --sub-gap-y:var(--space-xxl)
 }
 .gap-y-xxxl\@xs {
  --gap-y:var(--space-xxxl)
 }
 .gap-y-xxxl\@xs>* {
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-y-xxxxl\@xs {
  --gap-y:var(--space-xxxxl)
 }
 .gap-y-xxxxl\@xs>* {
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-y-0\@xs {
  --gap-y:0
 }
 .gap-y-0\@xs>* {
  --sub-gap-y:0
 }
 .grid-col-1\@xs {
  --grid-columns:1
 }
 .col-1\@xs {
  --span:1
 }
 .grid-col-2\@xs {
  --grid-columns:2
 }
 .col-2\@xs {
  --span:2
 }
 .grid-col-3\@xs {
  --grid-columns:3
 }
 .col-3\@xs {
  --span:3
 }
 .grid-col-4\@xs {
  --grid-columns:4
 }
 .col-4\@xs {
  --span:4
 }
 .grid-col-5\@xs {
  --grid-columns:5
 }
 .col-5\@xs {
  --span:5
 }
 .grid-col-6\@xs {
  --grid-columns:6
 }
 .col-6\@xs {
  --span:6
 }
 .grid-col-7\@xs {
  --grid-columns:7
 }
 .col-7\@xs {
  --span:7
 }
 .grid-col-8\@xs {
  --grid-columns:8
 }
 .col-8\@xs {
  --span:8
 }
 .grid-col-9\@xs {
  --grid-columns:9
 }
 .col-9\@xs {
  --span:9
 }
 .grid-col-10\@xs {
  --grid-columns:10
 }
 .col-10\@xs {
  --span:10
 }
 .grid-col-11\@xs {
  --grid-columns:11
 }
 .col-11\@xs {
  --span:11
 }
 .grid-col-12\@xs {
  --grid-columns:12
 }
 .col-12\@xs {
  --span:12
 }
 .col-10\@xs,
 .col-11\@xs,
 .col-12\@xs,
 .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 {
  flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
  max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x))
 }
 .col\@xs {
  flex-grow:1;
  flex-basis:0;
  max-width:100%
 }
 .col-content\@xs {
  flex-grow:0;
  flex-basis:initial;
  max-width:initial
 }
 .offset-1\@xs {
  --offset:1
 }
 .offset-2\@xs {
  --offset:2
 }
 .offset-3\@xs {
  --offset:3
 }
 .offset-4\@xs {
  --offset:4
 }
 .offset-5\@xs {
  --offset:5
 }
 .offset-6\@xs {
  --offset:6
 }
 .offset-7\@xs {
  --offset:7
 }
 .offset-8\@xs {
  --offset:8
 }
 .offset-9\@xs {
  --offset:9
 }
 .offset-10\@xs {
  --offset:10
 }
 .offset-11\@xs {
  --offset:11
 }
 .offset-10\@xs,
 .offset-11\@xs,
 .offset-1\@xs,
 .offset-2\@xs,
 .offset-3\@xs,
 .offset-4\@xs,
 .offset-5\@xs,
 .offset-6\@xs,
 .offset-7\@xs,
 .offset-8\@xs,
 .offset-9\@xs {
  margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-gap-x))
 }
 .offset-0\@xs {
  margin-left:0
 }
 @media not all and (min-resolution:0.001dpcm) {
  @supports not (translate:none) {
   .offset-0\@xs {
    margin-left:var(--gap-x)
   }
  }
 }
}
@media(min-width:48rem) {
 .gap-xxxxs\@sm {
  --gap-x:var(--space-xxxxs);
  --gap-y:var(--space-xxxxs)
 }
 .gap-xxxxs\@sm>* {
  --sub-gap-x:var(--space-xxxxs);
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-xxxs\@sm {
  --gap-x:var(--space-xxxs);
  --gap-y:var(--space-xxxs)
 }
 .gap-xxxs\@sm>* {
  --sub-gap-x:var(--space-xxxs);
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-xxs\@sm {
  --gap-x:var(--space-xxs);
  --gap-y:var(--space-xxs)
 }
 .gap-xxs\@sm>* {
  --sub-gap-x:var(--space-xxs);
  --sub-gap-y:var(--space-xxs)
 }
 .gap-xs\@sm {
  --gap-x:var(--space-xs);
  --gap-y:var(--space-xs)
 }
 .gap-xs\@sm>* {
  --sub-gap-x:var(--space-xs);
  --sub-gap-y:var(--space-xs)
 }
 .gap-sm\@sm {
  --gap-x:var(--space-sm);
  --gap-y:var(--space-sm)
 }
 .gap-sm\@sm>* {
  --sub-gap-x:var(--space-sm);
  --sub-gap-y:var(--space-sm)
 }
 .gap-md\@sm {
  --gap-x:var(--space-md);
  --gap-y:var(--space-md)
 }
 .gap-md\@sm>* {
  --sub-gap-x:var(--space-md);
  --sub-gap-y:var(--space-md)
 }
 .gap-lg\@sm {
  --gap-x:var(--space-lg);
  --gap-y:var(--space-lg)
 }
 .gap-lg\@sm>* {
  --sub-gap-x:var(--space-lg);
  --sub-gap-y:var(--space-lg)
 }
 .gap-xl\@sm {
  --gap-x:var(--space-xl);
  --gap-y:var(--space-xl)
 }
 .gap-xl\@sm>* {
  --sub-gap-x:var(--space-xl);
  --sub-gap-y:var(--space-xl)
 }
 .gap-xxl\@sm {
  --gap-x:var(--space-xxl);
  --gap-y:var(--space-xxl)
 }
 .gap-xxl\@sm>* {
  --sub-gap-x:var(--space-xxl);
  --sub-gap-y:var(--space-xxl)
 }
 .gap-xxxl\@sm {
  --gap-x:var(--space-xxxl);
  --gap-y:var(--space-xxxl)
 }
 .gap-xxxl\@sm>* {
  --sub-gap-x:var(--space-xxxl);
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-xxxxl\@sm {
  --gap-x:var(--space-xxxxl);
  --gap-y:var(--space-xxxxl)
 }
 .gap-xxxxl\@sm>* {
  --sub-gap-x:var(--space-xxxxl);
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-0\@sm {
  --gap-x:0;
  --gap-y:0
 }
 .gap-0\@sm>* {
  --sub-gap-x:0;
  --sub-gap-y:0
 }
 .gap-x-xxxxs\@sm {
  --gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxxs\@sm>* {
  --sub-gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxs\@sm {
  --gap-x:var(--space-xxxs)
 }
 .gap-x-xxxs\@sm>* {
  --sub-gap-x:var(--space-xxxs)
 }
 .gap-x-xxs\@sm {
  --gap-x:var(--space-xxs)
 }
 .gap-x-xxs\@sm>* {
  --sub-gap-x:var(--space-xxs)
 }
 .gap-x-xs\@sm {
  --gap-x:var(--space-xs)
 }
 .gap-x-xs\@sm>* {
  --sub-gap-x:var(--space-xs)
 }
 .gap-x-sm\@sm {
  --gap-x:var(--space-sm)
 }
 .gap-x-sm\@sm>* {
  --sub-gap-x:var(--space-sm)
 }
 .gap-x-md\@sm {
  --gap-x:var(--space-md)
 }
 .gap-x-md\@sm>* {
  --sub-gap-x:var(--space-md)
 }
 .gap-x-lg\@sm {
  --gap-x:var(--space-lg)
 }
 .gap-x-lg\@sm>* {
  --sub-gap-x:var(--space-lg)
 }
 .gap-x-xl\@sm {
  --gap-x:var(--space-xl)
 }
 .gap-x-xl\@sm>* {
  --sub-gap-x:var(--space-xl)
 }
 .gap-x-xxl\@sm {
  --gap-x:var(--space-xxl)
 }
 .gap-x-xxl\@sm>* {
  --sub-gap-x:var(--space-xxl)
 }
 .gap-x-xxxl\@sm {
  --gap-x:var(--space-xxxl)
 }
 .gap-x-xxxl\@sm>* {
  --sub-gap-x:var(--space-xxxl)
 }
 .gap-x-xxxxl\@sm {
  --gap-x:var(--space-xxxxl)
 }
 .gap-x-xxxxl\@sm>* {
  --sub-gap-x:var(--space-xxxxl)
 }
 .gap-x-0\@sm {
  --gap-x:0
 }
 .gap-x-0\@sm>* {
  --sub-gap-x:0
 }
 .gap-y-xxxxs\@sm {
  --gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxxs\@sm>* {
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxs\@sm {
  --gap-y:var(--space-xxxs)
 }
 .gap-y-xxxs\@sm>* {
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-y-xxs\@sm {
  --gap-y:var(--space-xxs)
 }
 .gap-y-xxs\@sm>* {
  --sub-gap-y:var(--space-xxs)
 }
 .gap-y-xs\@sm {
  --gap-y:var(--space-xs)
 }
 .gap-y-xs\@sm>* {
  --sub-gap-y:var(--space-xs)
 }
 .gap-y-sm\@sm {
  --gap-y:var(--space-sm)
 }
 .gap-y-sm\@sm>* {
  --sub-gap-y:var(--space-sm)
 }
 .gap-y-md\@sm {
  --gap-y:var(--space-md)
 }
 .gap-y-md\@sm>* {
  --sub-gap-y:var(--space-md)
 }
 .gap-y-lg\@sm {
  --gap-y:var(--space-lg)
 }
 .gap-y-lg\@sm>* {
  --sub-gap-y:var(--space-lg)
 }
 .gap-y-xl\@sm {
  --gap-y:var(--space-xl)
 }
 .gap-y-xl\@sm>* {
  --sub-gap-y:var(--space-xl)
 }
 .gap-y-xxl\@sm {
  --gap-y:var(--space-xxl)
 }
 .gap-y-xxl\@sm>* {
  --sub-gap-y:var(--space-xxl)
 }
 .gap-y-xxxl\@sm {
  --gap-y:var(--space-xxxl)
 }
 .gap-y-xxxl\@sm>* {
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-y-xxxxl\@sm {
  --gap-y:var(--space-xxxxl)
 }
 .gap-y-xxxxl\@sm>* {
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-y-0\@sm {
  --gap-y:0
 }
 .gap-y-0\@sm>* {
  --sub-gap-y:0
 }
 .grid-col-1\@sm {
  --grid-columns:1
 }
 .col-1\@sm {
  --span:1
 }
 .grid-col-2\@sm {
  --grid-columns:2
 }
 .col-2\@sm {
  --span:2
 }
 .grid-col-3\@sm {
  --grid-columns:3
 }
 .col-3\@sm {
  --span:3
 }
 .grid-col-4\@sm {
  --grid-columns:4
 }
 .col-4\@sm {
  --span:4
 }
 .grid-col-5\@sm {
  --grid-columns:5
 }
 .col-5\@sm {
  --span:5
 }
 .grid-col-6\@sm {
  --grid-columns:6
 }
 .col-6\@sm {
  --span:6
 }
 .grid-col-7\@sm {
  --grid-columns:7
 }
 .col-7\@sm {
  --span:7
 }
 .grid-col-8\@sm {
  --grid-columns:8
 }
 .col-8\@sm {
  --span:8
 }
 .grid-col-9\@sm {
  --grid-columns:9
 }
 .col-9\@sm {
  --span:9
 }
 .grid-col-10\@sm {
  --grid-columns:10
 }
 .col-10\@sm {
  --span:10
 }
 .grid-col-11\@sm {
  --grid-columns:11
 }
 .col-11\@sm {
  --span:11
 }
 .grid-col-12\@sm {
  --grid-columns:12
 }
 .col-12\@sm {
  --span:12
 }
 .col-10\@sm,
 .col-11\@sm,
 .col-12\@sm,
 .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 {
  flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
  max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x))
 }
 .col\@sm {
  flex-grow:1;
  flex-basis:0;
  max-width:100%
 }
 .col-content\@sm {
  flex-grow:0;
  flex-basis:initial;
  max-width:initial
 }
 .offset-1\@sm {
  --offset:1
 }
 .offset-2\@sm {
  --offset:2
 }
 .offset-3\@sm {
  --offset:3
 }
 .offset-4\@sm {
  --offset:4
 }
 .offset-5\@sm {
  --offset:5
 }
 .offset-6\@sm {
  --offset:6
 }
 .offset-7\@sm {
  --offset:7
 }
 .offset-8\@sm {
  --offset:8
 }
 .offset-9\@sm {
  --offset:9
 }
 .offset-10\@sm {
  --offset:10
 }
 .offset-11\@sm {
  --offset:11
 }
 .offset-10\@sm,
 .offset-11\@sm,
 .offset-1\@sm,
 .offset-2\@sm,
 .offset-3\@sm,
 .offset-4\@sm,
 .offset-5\@sm,
 .offset-6\@sm,
 .offset-7\@sm,
 .offset-8\@sm,
 .offset-9\@sm {
  margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-gap-x))
 }
 .offset-0\@sm {
  margin-left:0
 }
 @media not all and (min-resolution:0.001dpcm) {
  @supports not (translate:none) {
   .offset-0\@sm {
    margin-left:var(--gap-x)
   }
  }
 }
}
@media(min-width:64rem) {
 .gap-xxxxs\@md {
  --gap-x:var(--space-xxxxs);
  --gap-y:var(--space-xxxxs)
 }
 .gap-xxxxs\@md>* {
  --sub-gap-x:var(--space-xxxxs);
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-xxxs\@md {
  --gap-x:var(--space-xxxs);
  --gap-y:var(--space-xxxs)
 }
 .gap-xxxs\@md>* {
  --sub-gap-x:var(--space-xxxs);
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-xxs\@md {
  --gap-x:var(--space-xxs);
  --gap-y:var(--space-xxs)
 }
 .gap-xxs\@md>* {
  --sub-gap-x:var(--space-xxs);
  --sub-gap-y:var(--space-xxs)
 }
 .gap-xs\@md {
  --gap-x:var(--space-xs);
  --gap-y:var(--space-xs)
 }
 .gap-xs\@md>* {
  --sub-gap-x:var(--space-xs);
  --sub-gap-y:var(--space-xs)
 }
 .gap-sm\@md {
  --gap-x:var(--space-sm);
  --gap-y:var(--space-sm)
 }
 .gap-sm\@md>* {
  --sub-gap-x:var(--space-sm);
  --sub-gap-y:var(--space-sm)
 }
 .gap-md\@md {
  --gap-x:var(--space-md);
  --gap-y:var(--space-md)
 }
 .gap-md\@md>* {
  --sub-gap-x:var(--space-md);
  --sub-gap-y:var(--space-md)
 }
 .gap-lg\@md {
  --gap-x:var(--space-lg);
  --gap-y:var(--space-lg)
 }
 .gap-lg\@md>* {
  --sub-gap-x:var(--space-lg);
  --sub-gap-y:var(--space-lg)
 }
 .gap-xl\@md {
  --gap-x:var(--space-xl);
  --gap-y:var(--space-xl)
 }
 .gap-xl\@md>* {
  --sub-gap-x:var(--space-xl);
  --sub-gap-y:var(--space-xl)
 }
 .gap-xxl\@md {
  --gap-x:var(--space-xxl);
  --gap-y:var(--space-xxl)
 }
 .gap-xxl\@md>* {
  --sub-gap-x:var(--space-xxl);
  --sub-gap-y:var(--space-xxl)
 }
 .gap-xxxl\@md {
  --gap-x:var(--space-xxxl);
  --gap-y:var(--space-xxxl)
 }
 .gap-xxxl\@md>* {
  --sub-gap-x:var(--space-xxxl);
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-xxxxl\@md {
  --gap-x:var(--space-xxxxl);
  --gap-y:var(--space-xxxxl)
 }
 .gap-xxxxl\@md>* {
  --sub-gap-x:var(--space-xxxxl);
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-0\@md {
  --gap-x:0;
  --gap-y:0
 }
 .gap-0\@md>* {
  --sub-gap-x:0;
  --sub-gap-y:0
 }
 .gap-x-xxxxs\@md {
  --gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxxs\@md>* {
  --sub-gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxs\@md {
  --gap-x:var(--space-xxxs)
 }
 .gap-x-xxxs\@md>* {
  --sub-gap-x:var(--space-xxxs)
 }
 .gap-x-xxs\@md {
  --gap-x:var(--space-xxs)
 }
 .gap-x-xxs\@md>* {
  --sub-gap-x:var(--space-xxs)
 }
 .gap-x-xs\@md {
  --gap-x:var(--space-xs)
 }
 .gap-x-xs\@md>* {
  --sub-gap-x:var(--space-xs)
 }
 .gap-x-sm\@md {
  --gap-x:var(--space-sm)
 }
 .gap-x-sm\@md>* {
  --sub-gap-x:var(--space-sm)
 }
 .gap-x-md\@md {
  --gap-x:var(--space-md)
 }
 .gap-x-md\@md>* {
  --sub-gap-x:var(--space-md)
 }
 .gap-x-lg\@md {
  --gap-x:var(--space-lg)
 }
 .gap-x-lg\@md>* {
  --sub-gap-x:var(--space-lg)
 }
 .gap-x-xl\@md {
  --gap-x:var(--space-xl)
 }
 .gap-x-xl\@md>* {
  --sub-gap-x:var(--space-xl)
 }
 .gap-x-xxl\@md {
  --gap-x:var(--space-xxl)
 }
 .gap-x-xxl\@md>* {
  --sub-gap-x:var(--space-xxl)
 }
 .gap-x-xxxl\@md {
  --gap-x:var(--space-xxxl)
 }
 .gap-x-xxxl\@md>* {
  --sub-gap-x:var(--space-xxxl)
 }
 .gap-x-xxxxl\@md {
  --gap-x:var(--space-xxxxl)
 }
 .gap-x-xxxxl\@md>* {
  --sub-gap-x:var(--space-xxxxl)
 }
 .gap-x-0\@md {
  --gap-x:0
 }
 .gap-x-0\@md>* {
  --sub-gap-x:0
 }
 .gap-y-xxxxs\@md {
  --gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxxs\@md>* {
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxs\@md {
  --gap-y:var(--space-xxxs)
 }
 .gap-y-xxxs\@md>* {
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-y-xxs\@md {
  --gap-y:var(--space-xxs)
 }
 .gap-y-xxs\@md>* {
  --sub-gap-y:var(--space-xxs)
 }
 .gap-y-xs\@md {
  --gap-y:var(--space-xs)
 }
 .gap-y-xs\@md>* {
  --sub-gap-y:var(--space-xs)
 }
 .gap-y-sm\@md {
  --gap-y:var(--space-sm)
 }
 .gap-y-sm\@md>* {
  --sub-gap-y:var(--space-sm)
 }
 .gap-y-md\@md {
  --gap-y:var(--space-md)
 }
 .gap-y-md\@md>* {
  --sub-gap-y:var(--space-md)
 }
 .gap-y-lg\@md {
  --gap-y:var(--space-lg)
 }
 .gap-y-lg\@md>* {
  --sub-gap-y:var(--space-lg)
 }
 .gap-y-xl\@md {
  --gap-y:var(--space-xl)
 }
 .gap-y-xl\@md>* {
  --sub-gap-y:var(--space-xl)
 }
 .gap-y-xxl\@md {
  --gap-y:var(--space-xxl)
 }
 .gap-y-xxl\@md>* {
  --sub-gap-y:var(--space-xxl)
 }
 .gap-y-xxxl\@md {
  --gap-y:var(--space-xxxl)
 }
 .gap-y-xxxl\@md>* {
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-y-xxxxl\@md {
  --gap-y:var(--space-xxxxl)
 }
 .gap-y-xxxxl\@md>* {
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-y-0\@md {
  --gap-y:0
 }
 .gap-y-0\@md>* {
  --sub-gap-y:0
 }
 .grid-col-1\@md {
  --grid-columns:1
 }
 .col-1\@md {
  --span:1
 }
 .grid-col-2\@md {
  --grid-columns:2
 }
 .col-2\@md {
  --span:2
 }
 .grid-col-3\@md {
  --grid-columns:3
 }
 .col-3\@md {
  --span:3
 }
 .grid-col-4\@md {
  --grid-columns:4
 }
 .col-4\@md {
  --span:4
 }
 .grid-col-5\@md {
  --grid-columns:5
 }
 .col-5\@md {
  --span:5
 }
 .grid-col-6\@md {
  --grid-columns:6
 }
 .col-6\@md {
  --span:6
 }
 .grid-col-7\@md {
  --grid-columns:7
 }
 .col-7\@md {
  --span:7
 }
 .grid-col-8\@md {
  --grid-columns:8
 }
 .col-8\@md {
  --span:8
 }
 .grid-col-9\@md {
  --grid-columns:9
 }
 .col-9\@md {
  --span:9
 }
 .grid-col-10\@md {
  --grid-columns:10
 }
 .col-10\@md {
  --span:10
 }
 .grid-col-11\@md {
  --grid-columns:11
 }
 .col-11\@md {
  --span:11
 }
 .grid-col-12\@md {
  --grid-columns:12
 }
 .col-12\@md {
  --span:12
 }
 .col-10\@md,
 .col-11\@md,
 .col-12\@md,
 .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 {
  flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
  max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x))
 }
 .col\@md {
  flex-grow:1;
  flex-basis:0;
  max-width:100%
 }
 .col-content\@md {
  flex-grow:0;
  flex-basis:initial;
  max-width:initial
 }
 .offset-1\@md {
  --offset:1
 }
 .offset-2\@md {
  --offset:2
 }
 .offset-3\@md {
  --offset:3
 }
 .offset-4\@md {
  --offset:4
 }
 .offset-5\@md {
  --offset:5
 }
 .offset-6\@md {
  --offset:6
 }
 .offset-7\@md {
  --offset:7
 }
 .offset-8\@md {
  --offset:8
 }
 .offset-9\@md {
  --offset:9
 }
 .offset-10\@md {
  --offset:10
 }
 .offset-11\@md {
  --offset:11
 }
 .offset-10\@md,
 .offset-11\@md,
 .offset-1\@md,
 .offset-2\@md,
 .offset-3\@md,
 .offset-4\@md,
 .offset-5\@md,
 .offset-6\@md,
 .offset-7\@md,
 .offset-8\@md,
 .offset-9\@md {
  margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-gap-x))
 }
 .offset-0\@md {
  margin-left:0
 }
 @media not all and (min-resolution:0.001dpcm) {
  @supports not (translate:none) {
   .offset-0\@md {
    margin-left:var(--gap-x)
   }
  }
 }
}
@media(min-width:80rem) {
 .gap-xxxxs\@lg {
  --gap-x:var(--space-xxxxs);
  --gap-y:var(--space-xxxxs)
 }
 .gap-xxxxs\@lg>* {
  --sub-gap-x:var(--space-xxxxs);
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-xxxs\@lg {
  --gap-x:var(--space-xxxs);
  --gap-y:var(--space-xxxs)
 }
 .gap-xxxs\@lg>* {
  --sub-gap-x:var(--space-xxxs);
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-xxs\@lg {
  --gap-x:var(--space-xxs);
  --gap-y:var(--space-xxs)
 }
 .gap-xxs\@lg>* {
  --sub-gap-x:var(--space-xxs);
  --sub-gap-y:var(--space-xxs)
 }
 .gap-xs\@lg {
  --gap-x:var(--space-xs);
  --gap-y:var(--space-xs)
 }
 .gap-xs\@lg>* {
  --sub-gap-x:var(--space-xs);
  --sub-gap-y:var(--space-xs)
 }
 .gap-sm\@lg {
  --gap-x:var(--space-sm);
  --gap-y:var(--space-sm)
 }
 .gap-sm\@lg>* {
  --sub-gap-x:var(--space-sm);
  --sub-gap-y:var(--space-sm)
 }
 .gap-md\@lg {
  --gap-x:var(--space-md);
  --gap-y:var(--space-md)
 }
 .gap-md\@lg>* {
  --sub-gap-x:var(--space-md);
  --sub-gap-y:var(--space-md)
 }
 .gap-lg\@lg {
  --gap-x:var(--space-lg);
  --gap-y:var(--space-lg)
 }
 .gap-lg\@lg>* {
  --sub-gap-x:var(--space-lg);
  --sub-gap-y:var(--space-lg)
 }
 .gap-xl\@lg {
  --gap-x:var(--space-xl);
  --gap-y:var(--space-xl)
 }
 .gap-xl\@lg>* {
  --sub-gap-x:var(--space-xl);
  --sub-gap-y:var(--space-xl)
 }
 .gap-xxl\@lg {
  --gap-x:var(--space-xxl);
  --gap-y:var(--space-xxl)
 }
 .gap-xxl\@lg>* {
  --sub-gap-x:var(--space-xxl);
  --sub-gap-y:var(--space-xxl)
 }
 .gap-xxxl\@lg {
  --gap-x:var(--space-xxxl);
  --gap-y:var(--space-xxxl)
 }
 .gap-xxxl\@lg>* {
  --sub-gap-x:var(--space-xxxl);
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-xxxxl\@lg {
  --gap-x:var(--space-xxxxl);
  --gap-y:var(--space-xxxxl)
 }
 .gap-xxxxl\@lg>* {
  --sub-gap-x:var(--space-xxxxl);
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-0\@lg {
  --gap-x:0;
  --gap-y:0
 }
 .gap-0\@lg>* {
  --sub-gap-x:0;
  --sub-gap-y:0
 }
 .gap-x-xxxxs\@lg {
  --gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxxs\@lg>* {
  --sub-gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxs\@lg {
  --gap-x:var(--space-xxxs)
 }
 .gap-x-xxxs\@lg>* {
  --sub-gap-x:var(--space-xxxs)
 }
 .gap-x-xxs\@lg {
  --gap-x:var(--space-xxs)
 }
 .gap-x-xxs\@lg>* {
  --sub-gap-x:var(--space-xxs)
 }
 .gap-x-xs\@lg {
  --gap-x:var(--space-xs)
 }
 .gap-x-xs\@lg>* {
  --sub-gap-x:var(--space-xs)
 }
 .gap-x-sm\@lg {
  --gap-x:var(--space-sm)
 }
 .gap-x-sm\@lg>* {
  --sub-gap-x:var(--space-sm)
 }
 .gap-x-md\@lg {
  --gap-x:var(--space-md)
 }
 .gap-x-md\@lg>* {
  --sub-gap-x:var(--space-md)
 }
 .gap-x-lg\@lg {
  --gap-x:var(--space-lg)
 }
 .gap-x-lg\@lg>* {
  --sub-gap-x:var(--space-lg)
 }
 .gap-x-xl\@lg {
  --gap-x:var(--space-xl)
 }
 .gap-x-xl\@lg>* {
  --sub-gap-x:var(--space-xl)
 }
 .gap-x-xxl\@lg {
  --gap-x:var(--space-xxl)
 }
 .gap-x-xxl\@lg>* {
  --sub-gap-x:var(--space-xxl)
 }
 .gap-x-xxxl\@lg {
  --gap-x:var(--space-xxxl)
 }
 .gap-x-xxxl\@lg>* {
  --sub-gap-x:var(--space-xxxl)
 }
 .gap-x-xxxxl\@lg {
  --gap-x:var(--space-xxxxl)
 }
 .gap-x-xxxxl\@lg>* {
  --sub-gap-x:var(--space-xxxxl)
 }
 .gap-x-0\@lg {
  --gap-x:0
 }
 .gap-x-0\@lg>* {
  --sub-gap-x:0
 }
 .gap-y-xxxxs\@lg {
  --gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxxs\@lg>* {
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxs\@lg {
  --gap-y:var(--space-xxxs)
 }
 .gap-y-xxxs\@lg>* {
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-y-xxs\@lg {
  --gap-y:var(--space-xxs)
 }
 .gap-y-xxs\@lg>* {
  --sub-gap-y:var(--space-xxs)
 }
 .gap-y-xs\@lg {
  --gap-y:var(--space-xs)
 }
 .gap-y-xs\@lg>* {
  --sub-gap-y:var(--space-xs)
 }
 .gap-y-sm\@lg {
  --gap-y:var(--space-sm)
 }
 .gap-y-sm\@lg>* {
  --sub-gap-y:var(--space-sm)
 }
 .gap-y-md\@lg {
  --gap-y:var(--space-md)
 }
 .gap-y-md\@lg>* {
  --sub-gap-y:var(--space-md)
 }
 .gap-y-lg\@lg {
  --gap-y:var(--space-lg)
 }
 .gap-y-lg\@lg>* {
  --sub-gap-y:var(--space-lg)
 }
 .gap-y-xl\@lg {
  --gap-y:var(--space-xl)
 }
 .gap-y-xl\@lg>* {
  --sub-gap-y:var(--space-xl)
 }
 .gap-y-xxl\@lg {
  --gap-y:var(--space-xxl)
 }
 .gap-y-xxl\@lg>* {
  --sub-gap-y:var(--space-xxl)
 }
 .gap-y-xxxl\@lg {
  --gap-y:var(--space-xxxl)
 }
 .gap-y-xxxl\@lg>* {
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-y-xxxxl\@lg {
  --gap-y:var(--space-xxxxl)
 }
 .gap-y-xxxxl\@lg>* {
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-y-0\@lg {
  --gap-y:0
 }
 .gap-y-0\@lg>* {
  --sub-gap-y:0
 }
 .grid-col-1\@lg {
  --grid-columns:1
 }
 .col-1\@lg {
  --span:1
 }
 .grid-col-2\@lg {
  --grid-columns:2
 }
 .col-2\@lg {
  --span:2
 }
 .grid-col-3\@lg {
  --grid-columns:3
 }
 .col-3\@lg {
  --span:3
 }
 .grid-col-4\@lg {
  --grid-columns:4
 }
 .col-4\@lg {
  --span:4
 }
 .grid-col-5\@lg {
  --grid-columns:5
 }
 .col-5\@lg {
  --span:5
 }
 .grid-col-6\@lg {
  --grid-columns:6
 }
 .col-6\@lg {
  --span:6
 }
 .grid-col-7\@lg {
  --grid-columns:7
 }
 .col-7\@lg {
  --span:7
 }
 .grid-col-8\@lg {
  --grid-columns:8
 }
 .col-8\@lg {
  --span:8
 }
 .grid-col-9\@lg {
  --grid-columns:9
 }
 .col-9\@lg {
  --span:9
 }
 .grid-col-10\@lg {
  --grid-columns:10
 }
 .col-10\@lg {
  --span:10
 }
 .grid-col-11\@lg {
  --grid-columns:11
 }
 .col-11\@lg {
  --span:11
 }
 .grid-col-12\@lg {
  --grid-columns:12
 }
 .col-12\@lg {
  --span:12
 }
 .col-10\@lg,
 .col-11\@lg,
 .col-12\@lg,
 .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 {
  flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
  max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x))
 }
 .col\@lg {
  flex-grow:1;
  flex-basis:0;
  max-width:100%
 }
 .col-content\@lg {
  flex-grow:0;
  flex-basis:initial;
  max-width:initial
 }
 .offset-1\@lg {
  --offset:1
 }
 .offset-2\@lg {
  --offset:2
 }
 .offset-3\@lg {
  --offset:3
 }
 .offset-4\@lg {
  --offset:4
 }
 .offset-5\@lg {
  --offset:5
 }
 .offset-6\@lg {
  --offset:6
 }
 .offset-7\@lg {
  --offset:7
 }
 .offset-8\@lg {
  --offset:8
 }
 .offset-9\@lg {
  --offset:9
 }
 .offset-10\@lg {
  --offset:10
 }
 .offset-11\@lg {
  --offset:11
 }
 .offset-10\@lg,
 .offset-11\@lg,
 .offset-1\@lg,
 .offset-2\@lg,
 .offset-3\@lg,
 .offset-4\@lg,
 .offset-5\@lg,
 .offset-6\@lg,
 .offset-7\@lg,
 .offset-8\@lg,
 .offset-9\@lg {
  margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-gap-x))
 }
 .offset-0\@lg {
  margin-left:0
 }
 @media not all and (min-resolution:0.001dpcm) {
  @supports not (translate:none) {
   .offset-0\@lg {
    margin-left:var(--gap-x)
   }
  }
 }
}
@media(min-width:90rem) {
 .gap-xxxxs\@xl {
  --gap-x:var(--space-xxxxs);
  --gap-y:var(--space-xxxxs)
 }
 .gap-xxxxs\@xl>* {
  --sub-gap-x:var(--space-xxxxs);
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-xxxs\@xl {
  --gap-x:var(--space-xxxs);
  --gap-y:var(--space-xxxs)
 }
 .gap-xxxs\@xl>* {
  --sub-gap-x:var(--space-xxxs);
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-xxs\@xl {
  --gap-x:var(--space-xxs);
  --gap-y:var(--space-xxs)
 }
 .gap-xxs\@xl>* {
  --sub-gap-x:var(--space-xxs);
  --sub-gap-y:var(--space-xxs)
 }
 .gap-xs\@xl {
  --gap-x:var(--space-xs);
  --gap-y:var(--space-xs)
 }
 .gap-xs\@xl>* {
  --sub-gap-x:var(--space-xs);
  --sub-gap-y:var(--space-xs)
 }
 .gap-sm\@xl {
  --gap-x:var(--space-sm);
  --gap-y:var(--space-sm)
 }
 .gap-sm\@xl>* {
  --sub-gap-x:var(--space-sm);
  --sub-gap-y:var(--space-sm)
 }
 .gap-md\@xl {
  --gap-x:var(--space-md);
  --gap-y:var(--space-md)
 }
 .gap-md\@xl>* {
  --sub-gap-x:var(--space-md);
  --sub-gap-y:var(--space-md)
 }
 .gap-lg\@xl {
  --gap-x:var(--space-lg);
  --gap-y:var(--space-lg)
 }
 .gap-lg\@xl>* {
  --sub-gap-x:var(--space-lg);
  --sub-gap-y:var(--space-lg)
 }
 .gap-xl\@xl {
  --gap-x:var(--space-xl);
  --gap-y:var(--space-xl)
 }
 .gap-xl\@xl>* {
  --sub-gap-x:var(--space-xl);
  --sub-gap-y:var(--space-xl)
 }
 .gap-xxl\@xl {
  --gap-x:var(--space-xxl);
  --gap-y:var(--space-xxl)
 }
 .gap-xxl\@xl>* {
  --sub-gap-x:var(--space-xxl);
  --sub-gap-y:var(--space-xxl)
 }
 .gap-xxxl\@xl {
  --gap-x:var(--space-xxxl);
  --gap-y:var(--space-xxxl)
 }
 .gap-xxxl\@xl>* {
  --sub-gap-x:var(--space-xxxl);
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-xxxxl\@xl {
  --gap-x:var(--space-xxxxl);
  --gap-y:var(--space-xxxxl)
 }
 .gap-xxxxl\@xl>* {
  --sub-gap-x:var(--space-xxxxl);
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-0\@xl {
  --gap-x:0;
  --gap-y:0
 }
 .gap-0\@xl>* {
  --sub-gap-x:0;
  --sub-gap-y:0
 }
 .gap-x-xxxxs\@xl {
  --gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxxs\@xl>* {
  --sub-gap-x:var(--space-xxxxs)
 }
 .gap-x-xxxs\@xl {
  --gap-x:var(--space-xxxs)
 }
 .gap-x-xxxs\@xl>* {
  --sub-gap-x:var(--space-xxxs)
 }
 .gap-x-xxs\@xl {
  --gap-x:var(--space-xxs)
 }
 .gap-x-xxs\@xl>* {
  --sub-gap-x:var(--space-xxs)
 }
 .gap-x-xs\@xl {
  --gap-x:var(--space-xs)
 }
 .gap-x-xs\@xl>* {
  --sub-gap-x:var(--space-xs)
 }
 .gap-x-sm\@xl {
  --gap-x:var(--space-sm)
 }
 .gap-x-sm\@xl>* {
  --sub-gap-x:var(--space-sm)
 }
 .gap-x-md\@xl {
  --gap-x:var(--space-md)
 }
 .gap-x-md\@xl>* {
  --sub-gap-x:var(--space-md)
 }
 .gap-x-lg\@xl {
  --gap-x:var(--space-lg)
 }
 .gap-x-lg\@xl>* {
  --sub-gap-x:var(--space-lg)
 }
 .gap-x-xl\@xl {
  --gap-x:var(--space-xl)
 }
 .gap-x-xl\@xl>* {
  --sub-gap-x:var(--space-xl)
 }
 .gap-x-xxl\@xl {
  --gap-x:var(--space-xxl)
 }
 .gap-x-xxl\@xl>* {
  --sub-gap-x:var(--space-xxl)
 }
 .gap-x-xxxl\@xl {
  --gap-x:var(--space-xxxl)
 }
 .gap-x-xxxl\@xl>* {
  --sub-gap-x:var(--space-xxxl)
 }
 .gap-x-xxxxl\@xl {
  --gap-x:var(--space-xxxxl)
 }
 .gap-x-xxxxl\@xl>* {
  --sub-gap-x:var(--space-xxxxl)
 }
 .gap-x-0\@xl {
  --gap-x:0
 }
 .gap-x-0\@xl>* {
  --sub-gap-x:0
 }
 .gap-y-xxxxs\@xl {
  --gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxxs\@xl>* {
  --sub-gap-y:var(--space-xxxxs)
 }
 .gap-y-xxxs\@xl {
  --gap-y:var(--space-xxxs)
 }
 .gap-y-xxxs\@xl>* {
  --sub-gap-y:var(--space-xxxs)
 }
 .gap-y-xxs\@xl {
  --gap-y:var(--space-xxs)
 }
 .gap-y-xxs\@xl>* {
  --sub-gap-y:var(--space-xxs)
 }
 .gap-y-xs\@xl {
  --gap-y:var(--space-xs)
 }
 .gap-y-xs\@xl>* {
  --sub-gap-y:var(--space-xs)
 }
 .gap-y-sm\@xl {
  --gap-y:var(--space-sm)
 }
 .gap-y-sm\@xl>* {
  --sub-gap-y:var(--space-sm)
 }
 .gap-y-md\@xl {
  --gap-y:var(--space-md)
 }
 .gap-y-md\@xl>* {
  --sub-gap-y:var(--space-md)
 }
 .gap-y-lg\@xl {
  --gap-y:var(--space-lg)
 }
 .gap-y-lg\@xl>* {
  --sub-gap-y:var(--space-lg)
 }
 .gap-y-xl\@xl {
  --gap-y:var(--space-xl)
 }
 .gap-y-xl\@xl>* {
  --sub-gap-y:var(--space-xl)
 }
 .gap-y-xxl\@xl {
  --gap-y:var(--space-xxl)
 }
 .gap-y-xxl\@xl>* {
  --sub-gap-y:var(--space-xxl)
 }
 .gap-y-xxxl\@xl {
  --gap-y:var(--space-xxxl)
 }
 .gap-y-xxxl\@xl>* {
  --sub-gap-y:var(--space-xxxl)
 }
 .gap-y-xxxxl\@xl {
  --gap-y:var(--space-xxxxl)
 }
 .gap-y-xxxxl\@xl>* {
  --sub-gap-y:var(--space-xxxxl)
 }
 .gap-y-0\@xl {
  --gap-y:0
 }
 .gap-y-0\@xl>* {
  --sub-gap-y:0
 }
 .grid-col-1\@xl {
  --grid-columns:1
 }
 .col-1\@xl {
  --span:1
 }
 .grid-col-2\@xl {
  --grid-columns:2
 }
 .col-2\@xl {
  --span:2
 }
 .grid-col-3\@xl {
  --grid-columns:3
 }
 .col-3\@xl {
  --span:3
 }
 .grid-col-4\@xl {
  --grid-columns:4
 }
 .col-4\@xl {
  --span:4
 }
 .grid-col-5\@xl {
  --grid-columns:5
 }
 .col-5\@xl {
  --span:5
 }
 .grid-col-6\@xl {
  --grid-columns:6
 }
 .col-6\@xl {
  --span:6
 }
 .grid-col-7\@xl {
  --grid-columns:7
 }
 .col-7\@xl {
  --span:7
 }
 .grid-col-8\@xl {
  --grid-columns:8
 }
 .col-8\@xl {
  --span:8
 }
 .grid-col-9\@xl {
  --grid-columns:9
 }
 .col-9\@xl {
  --span:9
 }
 .grid-col-10\@xl {
  --grid-columns:10
 }
 .col-10\@xl {
  --span:10
 }
 .grid-col-11\@xl {
  --grid-columns:11
 }
 .col-11\@xl {
  --span:11
 }
 .grid-col-12\@xl {
  --grid-columns:12
 }
 .col-12\@xl {
  --span:12
 }
 .col-10\@xl,
 .col-11\@xl,
 .col-12\@xl,
 .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 {
  flex-basis:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
  max-width:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x))
 }
 .col\@xl {
  flex-grow:1;
  flex-basis:0;
  max-width:100%
 }
 .col-content\@xl {
  flex-grow:0;
  flex-basis:initial;
  max-width:initial
 }
 .offset-1\@xl {
  --offset:1
 }
 .offset-2\@xl {
  --offset:2
 }
 .offset-3\@xl {
  --offset:3
 }
 .offset-4\@xl {
  --offset:4
 }
 .offset-5\@xl {
  --offset:5
 }
 .offset-6\@xl {
  --offset:6
 }
 .offset-7\@xl {
  --offset:7
 }
 .offset-8\@xl {
  --offset:8
 }
 .offset-9\@xl {
  --offset:9
 }
 .offset-10\@xl {
  --offset:10
 }
 .offset-11\@xl {
  --offset:11
 }
 .offset-10\@xl,
 .offset-11\@xl,
 .offset-1\@xl,
 .offset-2\@xl,
 .offset-3\@xl,
 .offset-4\@xl,
 .offset-5\@xl,
 .offset-6\@xl,
 .offset-7\@xl,
 .offset-8\@xl,
 .offset-9\@xl {
  margin-left:calc(((100% - (var(--grid-columns) - var(--gap-modifier,1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns)) + (var(--offset) + var(--offset-modifier,0)) * var(--sub-gap-x))
 }
 .offset-0\@xl {
  margin-left:0
 }
 @media not all and (min-resolution:0.001dpcm) {
  @supports not (translate:none) {
   .offset-0\@xl {
    margin-left:var(--gap-x)
   }
  }
 }
}
:root {
 --radius-sm:calc(var(--radius, 0.25em)/2);
 --radius-md:var(--radius, 0.25em);
 --radius-lg:calc(var(--radius, 0.25em)*2);
 --shadow-xs:0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);
 --shadow-sm:0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05),0 3.5px 6px rgba(0, 0, 0, 0.1);
 --shadow-md:0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
 --shadow-lg:0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),0 30px 42px -1px rgba(0, 0, 0, 0.15);
 --shadow-xl:0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),0 46px 60px -6px rgba(0, 0, 0, 0.2);
 --ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);
 --ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);
 --ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);
 --ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1)
}
:root {
 --icon-xxxs:8px;
 --icon-xxs:12px;
 --icon-xs:16px;
 --icon-sm:24px;
 --icon-md:32px;
 --icon-lg:48px;
 --icon-xl:64px;
 --icon-xxl:96px;
 --icon-xxxl:128px
}
.icon {
 --size:1em;
 height:var(--size);
 width:var(--size);
 display:inline-block;
 color:inherit;
 fill:currentColor;
 line-height:1;
 flex-shrink:0;
 max-width:initial
}
.icon--xxxs {
 --size:var(--icon-xxxs)
}
.icon--xxs {
 --size:var(--icon-xxs)
}
.icon--xs {
 --size:var(--icon-xs)
}
.icon--sm {
 --size:var(--icon-sm)
}
.icon--md {
 --size:var(--icon-md)
}
.icon--lg {
 --size:var(--icon-lg)
}
.icon--xl {
 --size:var(--icon-xl)
}
.icon--xxl {
 --size:var(--icon-xxl)
}
.icon--xxxl {
 --size:var(--icon-xxxl)
}
.icon--is-spinning {
 -webkit-animation:icon-spin 1s infinite linear;
 animation:icon-spin 1s infinite linear
}
@-webkit-keyframes icon-spin {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes icon-spin {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
.icon use {
 color:inherit;
 fill:currentColor
}
:root {
 --z-index-header:3;
 --z-index-popover:5;
 --z-index-fixed-element:10;
 --z-index-overlay:15
}
:root {
 --display:block
}
.is-visible {
 display:var(--display)!important
}
.is-hidden {
 display:none!important
}
html:not(.js) .no-js\:is-hidden {
 display:none!important
}
@media print {
 .print\:is-hidden {
  display:none!important
 }
}
.sr-only,
.sr-only-focusable:not(:focus):not(:focus-within) {
 position:absolute;
 clip:rect(1px,1px,1px,1px);
 -webkit-clip-path:inset(50%);
 clip-path:inset(50%);
 width:1px;
 height:1px;
 overflow:hidden;
 padding:0;
 border:0;
 white-space:nowrap
}
.flex {
 display:flex
}
.inline-flex {
 display:inline-flex
}
.flex-wrap {
 flex-wrap:wrap
}
.flex-nowrap {
 flex-wrap:nowrap
}
.flex-column {
 flex-direction:column
}
.flex-column-reverse {
 flex-direction:column-reverse
}
.flex-row {
 flex-direction:row
}
.flex-row-reverse {
 flex-direction:row-reverse
}
.flex-center {
 justify-content:center;
 align-items:center
}
.flex-grow {
 flex-grow:1
}
.flex-grow-0 {
 flex-grow:0
}
.flex-shrink {
 flex-shrink:1
}
.flex-shrink-0 {
 flex-shrink:0
}
.flex-basis-0 {
 flex-basis:0
}
.justify-start {
 justify-content:flex-start
}
.justify-end {
 justify-content:flex-end
}
.justify-center {
 justify-content:center
}
.justify-between {
 justify-content:space-between
}
.items-center {
 align-items:center
}
.items-start {
 align-items:flex-start
}
.items-end {
 align-items:flex-end
}
.items-baseline {
 align-items:baseline
}
.order-1 {
 order:1
}
.order-2 {
 order:2
}
.order-3 {
 order:3
}
[class*=" aspect-ratio"],
[class^=aspect-ratio] {
 --aspect-ratio:calc(16/9);
 position:relative;
 height:0;
 padding-bottom:calc(100%/(var(--aspect-ratio)))
}
[class*=" aspect-ratio"]>*,
[class^=aspect-ratio]>* {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
[class*=" aspect-ratio"]>:not(iframe),
[class^=aspect-ratio]>:not(iframe) {
 -o-object-fit:cover;
 object-fit:cover
}
.aspect-ratio-16\:9 {
 --aspect-ratio:calc(16/9)
}
.aspect-ratio-3\:2 {
 --aspect-ratio:calc(3/2)
}
.aspect-ratio-4\:3 {
 --aspect-ratio:calc(4/3)
}
.aspect-ratio-5\:4 {
 --aspect-ratio:calc(5/4)
}
.aspect-ratio-1\:1 {
 --aspect-ratio:calc(1/1)
}
.aspect-ratio-4\:5 {
 --aspect-ratio:calc(4/5)
}
.aspect-ratio-3\:4 {
 --aspect-ratio:calc(3/4)
}
.aspect-ratio-2\:3 {
 --aspect-ratio:calc(2/3)
}
.aspect-ratio-9\:16 {
 --aspect-ratio:calc(9/16)
}
.block {
 display:block
}
.inline-block {
 display:inline-block
}
.inline {
 display:inline
}
.contents {
 display:contents
}
.hide {
 display:none
}
.space-unit-rem {
 --space-unit:1rem
}
.space-unit-em {
 --space-unit:1em
}
.space-unit-px {
 --space-unit:16px
}
.margin-xxxxs {
 margin:var(--space-xxxxs)
}
.margin-xxxs {
 margin:var(--space-xxxs)
}
.margin-xxs {
 margin:var(--space-xxs)
}
.margin-xs {
 margin:var(--space-xs)
}
.margin-sm {
 margin:var(--space-sm)
}
.margin-md {
 margin:var(--space-md)
}
.margin-lg {
 margin:var(--space-lg)
}
.margin-xl {
 margin:var(--space-xl)
}
.margin-xxl {
 margin:var(--space-xxl)
}
.margin-xxxl {
 margin:var(--space-xxxl)
}
.margin-xxxxl {
 margin:var(--space-xxxxl)
}
.margin-auto {
 margin:auto
}
.margin-0 {
 margin:0
}
.margin-top-xxxxs {
 margin-top:var(--space-xxxxs)
}
.margin-top-xxxs {
 margin-top:var(--space-xxxs)
}
.margin-top-xxs {
 margin-top:var(--space-xxs)
}
.margin-top-xs {
 margin-top:var(--space-xs)
}
.margin-top-sm {
 margin-top:var(--space-sm)
}
.margin-top-md {
 margin-top:var(--space-md)
}
.margin-top-lg {
 margin-top:var(--space-lg)
}
.margin-top-xl {
 margin-top:var(--space-xl)
}
.margin-top-xxl {
 margin-top:var(--space-xxl)
}
.margin-top-xxxl {
 margin-top:var(--space-xxxl)
}
.margin-top-xxxxl {
 margin-top:var(--space-xxxxl)
}
.margin-top-auto {
 margin-top:auto
}
.margin-top-0 {
 margin-top:0
}
.margin-bottom-xxxxs {
 margin-bottom:var(--space-xxxxs)
}
.margin-bottom-xxxs {
 margin-bottom:var(--space-xxxs)
}
.margin-bottom-xxs {
 margin-bottom:var(--space-xxs)
}
.margin-bottom-xs {
 margin-bottom:var(--space-xs)
}
.margin-bottom-sm {
 margin-bottom:var(--space-sm)
}
.margin-bottom-md {
 margin-bottom:var(--space-md)
}
.margin-bottom-lg {
 margin-bottom:var(--space-lg)
}
.margin-bottom-xl {
 margin-bottom:var(--space-xl)
}
.margin-bottom-xxl {
 margin-bottom:var(--space-xxl)
}
.margin-bottom-xxxl {
 margin-bottom:var(--space-xxxl)
}
.margin-bottom-xxxxl {
 margin-bottom:var(--space-xxxxl)
}
.margin-bottom-auto {
 margin-bottom:auto
}
.margin-bottom-0 {
 margin-bottom:0
}
.margin-right-xxxxs {
 margin-right:var(--space-xxxxs)
}
.margin-right-xxxs {
 margin-right:var(--space-xxxs)
}
.margin-right-xxs {
 margin-right:var(--space-xxs)
}
.margin-right-xs {
 margin-right:var(--space-xs)
}
.margin-right-sm {
 margin-right:var(--space-sm)
}
.margin-right-md {
 margin-right:var(--space-md)
}
.margin-right-lg {
 margin-right:var(--space-lg)
}
.margin-right-xl {
 margin-right:var(--space-xl)
}
.margin-right-xxl {
 margin-right:var(--space-xxl)
}
.margin-right-xxxl {
 margin-right:var(--space-xxxl)
}
.margin-right-xxxxl {
 margin-right:var(--space-xxxxl)
}
.margin-right-auto {
 margin-right:auto
}
.margin-right-0 {
 margin-right:0
}
.margin-left-xxxxs {
 margin-left:var(--space-xxxxs)
}
.margin-left-xxxs {
 margin-left:var(--space-xxxs)
}
.margin-left-xxs {
 margin-left:var(--space-xxs)
}
.margin-left-xs {
 margin-left:var(--space-xs)
}
.margin-left-sm {
 margin-left:var(--space-sm)
}
.margin-left-md {
 margin-left:var(--space-md)
}
.margin-left-lg {
 margin-left:var(--space-lg)
}
.margin-left-xl {
 margin-left:var(--space-xl)
}
.margin-left-xxl {
 margin-left:var(--space-xxl)
}
.margin-left-xxxl {
 margin-left:var(--space-xxxl)
}
.margin-left-xxxxl {
 margin-left:var(--space-xxxxl)
}
.margin-left-auto {
 margin-left:auto
}
.margin-left-0 {
 margin-left:0
}
.margin-x-xxxxs {
 margin-left:var(--space-xxxxs);
 margin-right:var(--space-xxxxs)
}
.margin-x-xxxs {
 margin-left:var(--space-xxxs);
 margin-right:var(--space-xxxs)
}
.margin-x-xxs {
 margin-left:var(--space-xxs);
 margin-right:var(--space-xxs)
}
.margin-x-xs {
 margin-left:var(--space-xs);
 margin-right:var(--space-xs)
}
.margin-x-sm {
 margin-left:var(--space-sm);
 margin-right:var(--space-sm)
}
.margin-x-md {
 margin-left:var(--space-md);
 margin-right:var(--space-md)
}
.margin-x-lg {
 margin-left:var(--space-lg);
 margin-right:var(--space-lg)
}
.margin-x-xl {
 margin-left:var(--space-xl);
 margin-right:var(--space-xl)
}
.margin-x-xxl {
 margin-left:var(--space-xxl);
 margin-right:var(--space-xxl)
}
.margin-x-xxxl {
 margin-left:var(--space-xxxl);
 margin-right:var(--space-xxxl)
}
.margin-x-xxxxl {
 margin-left:var(--space-xxxxl);
 margin-right:var(--space-xxxxl)
}
.margin-x-auto {
 margin-left:auto;
 margin-right:auto
}
.margin-x-0 {
 margin-left:0;
 margin-right:0
}
.margin-y-xxxxs {
 margin-top:var(--space-xxxxs);
 margin-bottom:var(--space-xxxxs)
}
.margin-y-xxxs {
 margin-top:var(--space-xxxs);
 margin-bottom:var(--space-xxxs)
}
.margin-y-xxs {
 margin-top:var(--space-xxs);
 margin-bottom:var(--space-xxs)
}
.margin-y-xs {
 margin-top:var(--space-xs);
 margin-bottom:var(--space-xs)
}
.margin-y-sm {
 margin-top:var(--space-sm);
 margin-bottom:var(--space-sm)
}
.margin-y-md {
 margin-top:var(--space-md);
 margin-bottom:var(--space-md)
}
.margin-y-lg {
 margin-top:var(--space-lg);
 margin-bottom:var(--space-lg)
}
.margin-y-xl {
 margin-top:var(--space-xl);
 margin-bottom:var(--space-xl)
}
.margin-y-xxl {
 margin-top:var(--space-xxl);
 margin-bottom:var(--space-xxl)
}
.margin-y-xxxl {
 margin-top:var(--space-xxxl);
 margin-bottom:var(--space-xxxl)
}
.margin-y-xxxxl {
 margin-top:var(--space-xxxxl);
 margin-bottom:var(--space-xxxxl)
}
.margin-y-auto {
 margin-top:auto;
 margin-bottom:auto
}
.margin-y-0 {
 margin-top:0;
 margin-bottom:0
}
.padding-xxxxs {
 padding:var(--space-xxxxs)
}
.padding-xxxs {
 padding:var(--space-xxxs)
}
.padding-xxs {
 padding:var(--space-xxs)
}
.padding-xs {
 padding:var(--space-xs)
}
.padding-sm {
 padding:var(--space-sm)
}
.padding-md {
 padding:var(--space-md)
}
.padding-lg {
 padding:var(--space-lg)
}
.padding-xl {
 padding:var(--space-xl)
}
.padding-xxl {
 padding:var(--space-xxl)
}
.padding-xxxl {
 padding:var(--space-xxxl)
}
.padding-xxxxl {
 padding:var(--space-xxxxl)
}
.padding-0 {
 padding:0
}
.padding-component {
 padding:var(--component-padding)
}
.padding-top-xxxxs {
 padding-top:var(--space-xxxxs)
}
.padding-top-xxxs {
 padding-top:var(--space-xxxs)
}
.padding-top-xxs {
 padding-top:var(--space-xxs)
}
.padding-top-xs {
 padding-top:var(--space-xs)
}
.padding-top-sm {
 padding-top:var(--space-sm)
}
.padding-top-md {
 padding-top:var(--space-md)
}
.padding-top-lg {
 padding-top:var(--space-lg)
}
.padding-top-xl {
 padding-top:var(--space-xl)
}
.padding-top-xxl {
 padding-top:var(--space-xxl)
}
.padding-top-xxxl {
 padding-top:var(--space-xxxl)
}
.padding-top-xxxxl {
 padding-top:var(--space-xxxxl)
}
.padding-top-0 {
 padding-top:0
}
.padding-top-component {
 padding-top:var(--component-padding)
}
.padding-bottom-xxxxs {
 padding-bottom:var(--space-xxxxs)
}
.padding-bottom-xxxs {
 padding-bottom:var(--space-xxxs)
}
.padding-bottom-xxs {
 padding-bottom:var(--space-xxs)
}
.padding-bottom-xs {
 padding-bottom:var(--space-xs)
}
.padding-bottom-sm {
 padding-bottom:var(--space-sm)
}
.padding-bottom-md {
 padding-bottom:var(--space-md)
}
.padding-bottom-lg {
 padding-bottom:var(--space-lg)
}
.padding-bottom-xl {
 padding-bottom:var(--space-xl)
}
.padding-bottom-xxl {
 padding-bottom:var(--space-xxl)
}
.padding-bottom-xxxl {
 padding-bottom:var(--space-xxxl)
}
.padding-bottom-xxxxl {
 padding-bottom:var(--space-xxxxl)
}
.padding-bottom-0 {
 padding-bottom:0
}
.padding-bottom-component {
 padding-bottom:var(--component-padding)
}
.padding-right-xxxxs {
 padding-right:var(--space-xxxxs)
}
.padding-right-xxxs {
 padding-right:var(--space-xxxs)
}
.padding-right-xxs {
 padding-right:var(--space-xxs)
}
.padding-right-xs {
 padding-right:var(--space-xs)
}
.padding-right-sm {
 padding-right:var(--space-sm)
}
.padding-right-md {
 padding-right:var(--space-md)
}
.padding-right-lg {
 padding-right:var(--space-lg)
}
.padding-right-xl {
 padding-right:var(--space-xl)
}
.padding-right-xxl {
 padding-right:var(--space-xxl)
}
.padding-right-xxxl {
 padding-right:var(--space-xxxl)
}
.padding-right-xxxxl {
 padding-right:var(--space-xxxxl)
}
.padding-right-0 {
 padding-right:0
}
.padding-right-component {
 padding-right:var(--component-padding)
}
.padding-left-xxxxs {
 padding-left:var(--space-xxxxs)
}
.padding-left-xxxs {
 padding-left:var(--space-xxxs)
}
.padding-left-xxs {
 padding-left:var(--space-xxs)
}
.padding-left-xs {
 padding-left:var(--space-xs)
}
.padding-left-sm {
 padding-left:var(--space-sm)
}
.padding-left-md {
 padding-left:var(--space-md)
}
.padding-left-lg {
 padding-left:var(--space-lg)
}
.padding-left-xl {
 padding-left:var(--space-xl)
}
.padding-left-xxl {
 padding-left:var(--space-xxl)
}
.padding-left-xxxl {
 padding-left:var(--space-xxxl)
}
.padding-left-xxxxl {
 padding-left:var(--space-xxxxl)
}
.padding-left-0 {
 padding-left:0
}
.padding-left-component {
 padding-left:var(--component-padding)
}
.padding-x-xxxxs {
 padding-left:var(--space-xxxxs);
 padding-right:var(--space-xxxxs)
}
.padding-x-xxxs {
 padding-left:var(--space-xxxs);
 padding-right:var(--space-xxxs)
}
.padding-x-xxs {
 padding-left:var(--space-xxs);
 padding-right:var(--space-xxs)
}
.padding-x-xs {
 padding-left:var(--space-xs);
 padding-right:var(--space-xs)
}
.padding-x-sm {
 padding-left:var(--space-sm);
 padding-right:var(--space-sm)
}
.padding-x-md {
 padding-left:var(--space-md);
 padding-right:var(--space-md)
}
.padding-x-lg {
 padding-left:var(--space-lg);
 padding-right:var(--space-lg)
}
.padding-x-xl {
 padding-left:var(--space-xl);
 padding-right:var(--space-xl)
}
.padding-x-xxl {
 padding-left:var(--space-xxl);
 padding-right:var(--space-xxl)
}
.padding-x-xxxl {
 padding-left:var(--space-xxxl);
 padding-right:var(--space-xxxl)
}
.padding-x-xxxxl {
 padding-left:var(--space-xxxxl);
 padding-right:var(--space-xxxxl)
}
.padding-x-0 {
 padding-left:0;
 padding-right:0
}
.padding-x-component {
 padding-left:var(--component-padding);
 padding-right:var(--component-padding)
}
.padding-y-xxxxs {
 padding-top:var(--space-xxxxs);
 padding-bottom:var(--space-xxxxs)
}
.padding-y-xxxs {
 padding-top:var(--space-xxxs);
 padding-bottom:var(--space-xxxs)
}
.padding-y-xxs {
 padding-top:var(--space-xxs);
 padding-bottom:var(--space-xxs)
}
.padding-y-xs {
 padding-top:var(--space-xs);
 padding-bottom:var(--space-xs)
}
.padding-y-sm {
 padding-top:var(--space-sm);
 padding-bottom:var(--space-sm)
}
.padding-y-md {
 padding-top:var(--space-md);
 padding-bottom:var(--space-md)
}
.padding-y-lg {
 padding-top:var(--space-lg);
 padding-bottom:var(--space-lg)
}
.padding-y-xl {
 padding-top:var(--space-xl);
 padding-bottom:var(--space-xl)
}
.padding-y-xxl {
 padding-top:var(--space-xxl);
 padding-bottom:var(--space-xxl)
}
.padding-y-xxxl {
 padding-top:var(--space-xxxl);
 padding-bottom:var(--space-xxxl)
}
.padding-y-xxxxl {
 padding-top:var(--space-xxxxl);
 padding-bottom:var(--space-xxxxl)
}
.padding-y-0 {
 padding-top:0;
 padding-bottom:0
}
.padding-y-component {
 padding-top:var(--component-padding);
 padding-bottom:var(--component-padding)
}
.align-baseline {
 vertical-align:baseline
}
.align-top {
 vertical-align:top
}
.align-middle {
 vertical-align:middle
}
.align-bottom {
 vertical-align:bottom
}
.text-truncate,
.truncate {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.text-replace {
 overflow:hidden;
 color:transparent;
 text-indent:100%;
 white-space:nowrap
}
.break-word {
 overflow-wrap:break-word;
 min-width:0
}
.text-xs {
 font-size:var(--text-xs,.6875rem)
}
.text-sm {
 font-size:var(--text-sm,.75rem)
}
.text-base {
 font-size:var(--text-unit,1rem)
}
.text-md {
 font-size:var(--text-md,1.125rem)
}
.text-lg {
 font-size:var(--text-lg,1.375rem)
}
.text-xl {
 font-size:var(--text-xl,1.75rem)
}
.text-xxl {
 font-size:var(--text-xxl,2rem)
}
.text-xxxl {
 font-size:var(--text-xxxl,2.5rem)
}
.text-xxxxl {
 font-size:var(--text-xxxxl,3rem)
}
.text-unit-em,
.text-unit-px,
.text-unit-rem {
 font-size:var(--text-unit)
}
.text-unit-rem {
 --text-unit:1rem
}
.text-unit-em {
 --text-unit:1em
}
.text-unit-px {
 --text-unit:16px
}
.text-uppercase {
 text-transform:uppercase
}
.text-capitalize {
 text-transform:capitalize
}
.letter-spacing-xs {
 letter-spacing:-.1em
}
.letter-spacing-sm {
 letter-spacing:-.05em
}
.letter-spacing-md {
 letter-spacing:.05em
}
.letter-spacing-lg {
 letter-spacing:.1em
}
.letter-spacing-xl {
 letter-spacing:.2em
}
.font-light {
 font-weight:300
}
.font-normal {
 font-weight:400
}
.font-medium {
 font-weight:500
}
.font-semibold {
 font-weight:600
}
.font-bold,
.text-bold {
 font-weight:700
}
.font-italic {
 font-style:italic
}
.font-smooth {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.font-primary {
 font-family:var(--font-primary)
}
.text-center {
 text-align:center
}
.text-left {
 text-align:left
}
.text-right {
 text-align:right
}
.text-justify {
 text-align:justify
}
.text-line-through {
 text-decoration:line-through
}
.text-underline {
 text-decoration:underline
}
.text-decoration-none {
 text-decoration:none
}
.text-shadow-xs {
 text-shadow:0 1px 1px rgba(0,0,0,.15)
}
.text-shadow-sm {
 text-shadow:0 1px 2px rgba(0,0,0,.25)
}
.text-shadow-md {
 text-shadow:0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2)
}
.text-shadow-lg {
 text-shadow:0 1px 4px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.2)
}
.text-shadow-xl {
 text-shadow:0 1px 4px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.2),0 6px 24px rgba(0,0,0,.25)
}
.text-shadow-none {
 text-shadow:none
}
.text-space-y-xxs {
 --text-space-y-multiplier:0.25!important
}
.text-space-y-xs {
 --text-space-y-multiplier:0.5!important
}
.text-space-y-sm {
 --text-space-y-multiplier:0.75!important
}
.text-space-y-md {
 --text-space-y-multiplier:1.25!important
}
.text-space-y-lg {
 --text-space-y-multiplier:1.5!important
}
.text-space-y-xl {
 --text-space-y-multiplier:1.75!important
}
.text-space-y-xxl {
 --text-space-y-multiplier:2!important
}
.line-height-xs {
 --heading-line-height:1;
 --body-line-height:1.1
}
.line-height-xs:not(.text-component) {
 line-height:1.1
}
.line-height-sm {
 --heading-line-height:1.1;
 --body-line-height:1.2
}
.line-height-sm:not(.text-component) {
 line-height:1.2
}
.line-height-md {
 --heading-line-height:1.15;
 --body-line-height:1.4
}
.line-height-md:not(.text-component) {
 line-height:1.4
}
.line-height-lg {
 --heading-line-height:1.22;
 --body-line-height:1.58
}
.line-height-lg:not(.text-component) {
 line-height:1.58
}
.line-height-xl {
 --heading-line-height:1.3;
 --body-line-height:1.72
}
.line-height-xl:not(.text-component) {
 line-height:1.72
}
.line-height-body {
 line-height:var(--body-line-height)
}
.line-height-heading {
 line-height:var(--heading-line-height)
}
.line-height-normal {
 line-height:normal!important
}
.line-height-1 {
 line-height:1!important
}
.text-nowrap,
.ws-nowrap {
 white-space:nowrap
}
.cursor-pointer {
 cursor:pointer
}
.cursor-default {
 cursor:default
}
.pointer-events-auto {
 pointer-events:auto
}
.pointer-events-none {
 pointer-events:none
}
.user-select-none {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.user-select-all {
 -webkit-user-select:all;
 -moz-user-select:all;
 -ms-user-select:all;
 user-select:all
}
[class*=" color-"],
[class^=color-] {
 --color-o:1
}
.color-inherit {
 color:inherit
}
.color-bg-darker {
 color:hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--color-o,1))
}
.color-bg-dark {
 color:hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--color-o,1))
}
.color-bg {
 color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--color-o,1))
}
.color-bg-light {
 color:hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--color-o,1))
}
.color-bg-lighter {
 color:hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--color-o,1))
}
.color-contrast-lower {
 color:hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--color-o,1))
}
.color-contrast-low {
 color:hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--color-o,1))
}
.color-contrast-medium {
 color:hsla(var(--color-contrast-medium-h),var(--color-contrast-medium-s),var(--color-contrast-medium-l),var(--color-o,1))
}
.color-contrast-high {
 color:hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--color-o,1))
}
.color-contrast-higher {
 color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--color-o,1))
}
.color-primary-darker {
 color:hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--color-o,1))
}
.color-primary-dark {
 color:hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--color-o,1))
}
.color-primary {
 color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--color-o,1))
}
.color-primary-light {
 color:hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--color-o,1))
}
.color-primary-lighter {
 color:hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--color-o,1))
}
.color-accent-darker {
 color:hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--color-o,1))
}
.color-accent-dark {
 color:hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--color-o,1))
}
.color-accent {
 color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--color-o,1))
}
.color-accent-light {
 color:hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--color-o,1))
}
.color-accent-lighter {
 color:hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--color-o,1))
}
.color-success-darker {
 color:hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--color-o,1))
}
.color-success-dark {
 color:hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--color-o,1))
}
.color-success {
 color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--color-o,1))
}
.color-success-light {
 color:hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--color-o,1))
}
.color-success-lighter {
 color:hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--color-o,1))
}
.color-warning-darker {
 color:hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--color-o,1))
}
.color-warning-dark {
 color:hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--color-o,1))
}
.color-warning {
 color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--color-o,1))
}
.color-warning-light {
 color:hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--color-o,1))
}
.color-warning-lighter {
 color:hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--color-o,1))
}
.color-error-darker {
 color:hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--color-o,1))
}
.color-error-dark {
 color:hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--color-o,1))
}
.color-error {
 color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--color-o,1))
}
.color-error-light {
 color:hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--color-o,1))
}
.color-error-lighter {
 color:hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--color-o,1))
}
.color-white {
 color:hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--color-o,1))
}
.color-black {
 color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--color-o,1))
}
.color-opacity-0 {
 --color-o:0
}
.color-opacity-10\% {
 --color-o:0.1
}
.color-opacity-20\% {
 --color-o:0.2
}
.color-opacity-30\% {
 --color-o:0.3
}
.color-opacity-40\% {
 --color-o:0.4
}
.color-opacity-50\% {
 --color-o:0.5
}
.color-opacity-60\% {
 --color-o:0.6
}
.color-opacity-70\% {
 --color-o:0.7
}
.color-opacity-80\% {
 --color-o:0.8
}
.color-opacity-90\% {
 --color-o:0.9
}
[class*=" color-gradient"],
[class^=color-gradient] {
 color:transparent!important;
 -webkit-background-clip:text;
 background-clip:text
}
.width-xxxxs {
 width:var(--size-xxxxs,.25rem)
}
.width-xxxs {
 width:var(--size-xxxs,.5rem)
}
.width-xxs {
 width:var(--size-xxs,.75rem)
}
.width-xs {
 width:var(--size-xs,1rem)
}
.width-sm {
 width:var(--size-sm,1.5rem)
}
.width-md {
 width:var(--size-md,2rem)
}
.width-lg {
 width:var(--size-lg,3rem)
}
.width-xl {
 width:var(--size-xl,4rem)
}
.width-xxl {
 width:var(--size-xxl,6rem)
}
.width-xxxl {
 width:var(--size-xxxl,8rem)
}
.width-xxxxl {
 width:var(--size-xxxxl,16rem)
}
.width-0 {
 width:0
}
.width-10\% {
 width:10%
}
.width-20\% {
 width:20%
}
.width-25\% {
 width:25%
}
.width-30\% {
 width:30%
}
.width-33\% {
 width:calc(100%/3)
}
.width-40\% {
 width:40%
}
.width-50\% {
 width:50%
}
.width-60\% {
 width:60%
}
.width-66\% {
 width:calc(100%/1.5)
}
.width-70\% {
 width:70%
}
.width-75\% {
 width:75%
}
.width-80\% {
 width:80%
}
.width-90\% {
 width:90%
}
.width-100\% {
 width:100%
}
.width-100vw {
 width:100vw
}
.width-auto {
 width:auto
}
.height-xxxxs {
 height:var(--size-xxxxs,.25rem)
}
.height-xxxs {
 height:var(--size-xxxs,.5rem)
}
.height-xxs {
 height:var(--size-xxs,.75rem)
}
.height-xs {
 height:var(--size-xs,1rem)
}
.height-sm {
 height:var(--size-sm,1.5rem)
}
.height-md {
 height:var(--size-md,2rem)
}
.height-lg {
 height:var(--size-lg,3rem)
}
.height-xl {
 height:var(--size-xl,4rem)
}
.height-xxl {
 height:var(--size-xxl,6rem)
}
.height-xxxl {
 height:var(--size-xxxl,8rem)
}
.height-xxxxl {
 height:var(--size-xxxxl,16rem)
}
.height-0 {
 height:0
}
.height-10\% {
 height:10%
}
.height-20\% {
 height:20%
}
.height-25\% {
 height:25%
}
.height-30\% {
 height:30%
}
.height-33\% {
 height:calc(100%/3)
}
.height-40\% {
 height:40%
}
.height-50\% {
 height:50%
}
.height-60\% {
 height:60%
}
.height-66\% {
 height:calc(100%/1.5)
}
.height-70\% {
 height:70%
}
.height-75\% {
 height:75%
}
.height-80\% {
 height:80%
}
.height-90\% {
 height:90%
}
.height-100\% {
 height:100%
}
.height-100vh {
 height:100vh
}
.height-auto {
 height:auto
}
.min-width-0 {
 min-width:0
}
.min-width-25\% {
 min-width:25%
}
.min-width-33\% {
 min-width:calc(100%/3)
}
.min-width-50\% {
 min-width:50%
}
.min-width-66\% {
 min-width:calc(100%/1.5)
}
.min-width-75\% {
 min-width:75%
}
.min-width-100\% {
 min-width:100%
}
.min-width-100vw {
 min-width:100vw
}
.min-height-100\% {
 min-height:100%
}
.min-height-100vh {
 min-height:100vh
}
:root {
 --max-width-xxxxs:20rem;
 --max-width-xxxs:26rem;
 --max-width-xxs:32rem;
 --max-width-xs:38rem;
 --max-width-sm:48rem;
 --max-width-md:64rem;
 --max-width-lg:80rem;
 --max-width-xl:90rem;
 --max-width-xxl:100rem;
 --max-width-xxxl:120rem;
 --max-width-xxxxl:150rem
}
.max-width-xxxxs {
 max-width:var(--max-width-xxxxs)
}
.max-width-xxxs {
 max-width:var(--max-width-xxxs)
}
.max-width-xxs {
 max-width:var(--max-width-xxs)
}
.max-width-xs {
 max-width:var(--max-width-xs)
}
.max-width-sm {
 max-width:var(--max-width-sm)
}
.max-width-md {
 max-width:var(--max-width-md)
}
.max-width-lg {
 max-width:var(--max-width-lg)
}
.max-width-xl {
 max-width:var(--max-width-xl)
}
.max-width-xxl {
 max-width:var(--max-width-xxl)
}
.max-width-xxxl {
 max-width:var(--max-width-xxxl)
}
.max-width-xxxxl {
 max-width:var(--max-width-xxxxl)
}
.max-width-100\% {
 max-width:100%
}
.max-width-none {
 max-width:none
}
[class*=" max-width-adaptive"],
[class^=max-width-adaptive] {
 max-width:32rem
}
@media(min-width:48rem) {
 .max-width-adaptive,
 .max-width-adaptive-lg,
 .max-width-adaptive-md,
 .max-width-adaptive-sm,
 .max-width-adaptive-xl {
  max-width:48rem
 }
}
@media(min-width:64rem) {
 .max-width-adaptive,
 .max-width-adaptive-lg,
 .max-width-adaptive-md,
 .max-width-adaptive-xl {
  max-width:64rem
 }
}
@media(min-width:80rem) {
 .max-width-adaptive,
 .max-width-adaptive-lg,
 .max-width-adaptive-xl {
  max-width:80rem
 }
}
@media(min-width:90rem) {
 .max-width-adaptive-xl {
  max-width:90rem
 }
}
.max-height-100\% {
 max-height:100%
}
.max-height-100vh {
 max-height:100vh
}
.shadow-xs {
 box-shadow:var(--shadow-xs)
}
.shadow-sm {
 box-shadow:var(--shadow-sm)
}
.shadow-md {
 box-shadow:var(--shadow-md)
}
.shadow-lg {
 box-shadow:var(--shadow-lg)
}
.shadow-xl {
 box-shadow:var(--shadow-xl)
}
.shadow-none {
 box-shadow:none
}
:root {
 --inner-glow:inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
 --inner-glow-top:inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075)
}
.inner-glow,
.inner-glow-top {
 position:relative
}
.inner-glow-top::after,
.inner-glow::after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 border-radius:inherit;
 pointer-events:none
}
.inner-glow::after {
 box-shadow:var(--inner-glow)
}
.inner-glow-top::after {
 box-shadow:var(--inner-glow-top)
}
.position-relative {
 position:relative
}
.position-absolute {
 position:absolute
}
.position-fixed {
 position:fixed
}
.position-sticky {
 position:-webkit-sticky;
 position:sticky
}
.inset-0 {
 top:0;
 right:0;
 bottom:0;
 left:0
}
.top-0 {
 top:0
}
.top-50\% {
 top:50%
}
.top-xxxxs {
 top:var(--space-xxxxs)
}
.top-xxxs {
 top:var(--space-xxxs)
}
.top-xxs {
 top:var(--space-xxs)
}
.top-xs {
 top:var(--space-xs)
}
.top-sm {
 top:var(--space-sm)
}
.top-md {
 top:var(--space-md)
}
.top-lg {
 top:var(--space-lg)
}
.top-xl {
 top:var(--space-xl)
}
.top-xxl {
 top:var(--space-xxl)
}
.top-xxxl {
 top:var(--space-xxxl)
}
.top-xxxxl {
 top:var(--space-xxxxl)
}
.bottom-0 {
 bottom:0
}
.bottom-50\% {
 bottom:50%
}
.bottom-xxxxs {
 bottom:var(--space-xxxxs)
}
.bottom-xxxs {
 bottom:var(--space-xxxs)
}
.bottom-xxs {
 bottom:var(--space-xxs)
}
.bottom-xs {
 bottom:var(--space-xs)
}
.bottom-sm {
 bottom:var(--space-sm)
}
.bottom-md {
 bottom:var(--space-md)
}
.bottom-lg {
 bottom:var(--space-lg)
}
.bottom-xl {
 bottom:var(--space-xl)
}
.bottom-xxl {
 bottom:var(--space-xxl)
}
.bottom-xxxl {
 bottom:var(--space-xxxl)
}
.bottom-xxxxl {
 bottom:var(--space-xxxxl)
}
.right-0 {
 right:0
}
.right-50\% {
 right:50%
}
.right-xxxxs {
 right:var(--space-xxxxs)
}
.right-xxxs {
 right:var(--space-xxxs)
}
.right-xxs {
 right:var(--space-xxs)
}
.right-xs {
 right:var(--space-xs)
}
.right-sm {
 right:var(--space-sm)
}
.right-md {
 right:var(--space-md)
}
.right-lg {
 right:var(--space-lg)
}
.right-xl {
 right:var(--space-xl)
}
.right-xxl {
 right:var(--space-xxl)
}
.right-xxxl {
 right:var(--space-xxxl)
}
.right-xxxxl {
 right:var(--space-xxxxl)
}
.left-0 {
 left:0
}
.left-50\% {
 left:50%
}
.left-xxxxs {
 left:var(--space-xxxxs)
}
.left-xxxs {
 left:var(--space-xxxs)
}
.left-xxs {
 left:var(--space-xxs)
}
.left-xs {
 left:var(--space-xs)
}
.left-sm {
 left:var(--space-sm)
}
.left-md {
 left:var(--space-md)
}
.left-lg {
 left:var(--space-lg)
}
.left-xl {
 left:var(--space-xl)
}
.left-xxl {
 left:var(--space-xxl)
}
.left-xxxl {
 left:var(--space-xxxl)
}
.left-xxxxl {
 left:var(--space-xxxxl)
}
.z-index-header {
 z-index:var(--z-index-header)
}
.z-index-popover {
 z-index:var(--z-index-popover)
}
.z-index-fixed-element {
 z-index:var(--z-index-fixed-element)
}
.z-index-overlay {
 z-index:var(--z-index-overlay)
}
.z-index-1 {
 z-index:1
}
.z-index-2 {
 z-index:2
}
.z-index-3 {
 z-index:3
}
.overflow-hidden {
 overflow:hidden
}
.overflow-auto {
 overflow:auto
}
.momentum-scrolling {
 -webkit-overflow-scrolling:touch
}
.overscroll-contain {
 -ms-scroll-chaining:none;
 overscroll-behavior:contain
}
.scroll-smooth {
 scroll-behavior:smooth
}
.scroll-padding-xxxxs {
 scroll-padding:var(--space-xxxxs)
}
.scroll-padding-xxxs {
 scroll-padding:var(--space-xxxs)
}
.scroll-padding-xxs {
 scroll-padding:var(--space-xxs)
}
.scroll-padding-xs {
 scroll-padding:var(--space-xs)
}
.scroll-padding-sm {
 scroll-padding:var(--space-sm)
}
.scroll-padding-md {
 scroll-padding:var(--space-md)
}
.scroll-padding-lg {
 scroll-padding:var(--space-lg)
}
.scroll-padding-xl {
 scroll-padding:var(--space-xl)
}
.scroll-padding-xxl {
 scroll-padding:var(--space-xxl)
}
.scroll-padding-xxxl {
 scroll-padding:var(--space-xxxl)
}
.scroll-padding-xxxxl {
 scroll-padding:var(--space-xxxxl)
}
.opacity-0 {
 opacity:0
}
.opacity-10\% {
 opacity:.1
}
.opacity-20\% {
 opacity:.2
}
.opacity-30\% {
 opacity:.3
}
.opacity-40\% {
 opacity:.4
}
.opacity-50\% {
 opacity:.5
}
.opacity-60\% {
 opacity:.6
}
.opacity-70\% {
 opacity:.7
}
.opacity-80\% {
 opacity:.8
}
.opacity-90\% {
 opacity:.9
}
.float-left {
 float:left
}
.float-right {
 float:right
}
.clearfix::after {
 content:"";
 display:table;
 clear:both
}
[class*=" border-"],
[class^=border-] {
 --border-o:1
}
.border {
 border:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))
}
.border-top {
 border-top:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))
}
.border-bottom {
 border-bottom:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))
}
.border-left {
 border-left:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))
}
.border-right {
 border-right:var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))
}
.border-2 {
 --border-width:2px
}
.border-3 {
 --border-width:3px
}
.border-4 {
 --border-width:4px
}
.border-dotted {
 --border-style:dotted
}
.border-dashed {
 --border-style:dashed
}
.border-bg-darker {
 border-color:hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--border-o,1))
}
.border-bg-dark {
 border-color:hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--border-o,1))
}
.border-bg {
 border-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--border-o,1))
}
.border-bg-light {
 border-color:hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--border-o,1))
}
.border-bg-lighter {
 border-color:hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--border-o,1))
}
.border-contrast-lower {
 border-color:hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1))
}
.border-contrast-low {
 border-color:hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--border-o,1))
}
.border-contrast-medium {
 border-color:hsla(var(--color-contrast-medium-h),var(--color-contrast-medium-s),var(--color-contrast-medium-l),var(--border-o,1))
}
.border-contrast-high {
 border-color:hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--border-o,1))
}
.border-contrast-higher {
 border-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o,1))
}
.border-primary-darker {
 border-color:hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--border-o,1))
}
.border-primary-dark {
 border-color:hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--border-o,1))
}
.border-primary {
 border-color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--border-o,1))
}
.border-primary-light {
 border-color:hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--border-o,1))
}
.border-primary-lighter {
 border-color:hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--border-o,1))
}
.border-accent-darker {
 border-color:hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--border-o,1))
}
.border-accent-dark {
 border-color:hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--border-o,1))
}
.border-accent {
 border-color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--border-o,1))
}
.border-accent-light {
 border-color:hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--border-o,1))
}
.border-accent-lighter {
 border-color:hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--border-o,1))
}
.border-success-darker {
 border-color:hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--border-o,1))
}
.border-success-dark {
 border-color:hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--border-o,1))
}
.border-success {
 border-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--border-o,1))
}
.border-success-light {
 border-color:hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--border-o,1))
}
.border-success-lighter {
 border-color:hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--border-o,1))
}
.border-warning-darker {
 border-color:hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--border-o,1))
}
.border-warning-dark {
 border-color:hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--border-o,1))
}
.border-warning {
 border-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--border-o,1))
}
.border-warning-light {
 border-color:hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--border-o,1))
}
.border-warning-lighter {
 border-color:hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--border-o,1))
}
.border-error-darker {
 border-color:hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--border-o,1))
}
.border-error-dark {
 border-color:hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--border-o,1))
}
.border-error {
 border-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--border-o,1))
}
.border-error-light {
 border-color:hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--border-o,1))
}
.border-error-lighter {
 border-color:hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--border-o,1))
}
.border-white {
 border-color:hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--border-o,1))
}
.border-black {
 border-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--border-o,1))
}
.border-opacity-0 {
 --border-o:0
}
.border-opacity-10\% {
 --border-o:0.1
}
.border-opacity-20\% {
 --border-o:0.2
}
.border-opacity-30\% {
 --border-o:0.3
}
.border-opacity-40\% {
 --border-o:0.4
}
.border-opacity-50\% {
 --border-o:0.5
}
.border-opacity-60\% {
 --border-o:0.6
}
.border-opacity-70\% {
 --border-o:0.7
}
.border-opacity-80\% {
 --border-o:0.8
}
.border-opacity-90\% {
 --border-o:0.9
}
.radius-sm {
 border-radius:var(--radius-sm)
}
.radius-md {
 border-radius:var(--radius-md)
}
.radius-lg {
 border-radius:var(--radius-lg)
}
.radius-50\% {
 border-radius:50%
}
.radius-full {
 border-radius:50em
}
.radius-0 {
 border-radius:0
}
.radius-inherit {
 border-radius:inherit
}
.radius-top-left-0 {
 border-top-left-radius:0
}
.radius-top-right-0 {
 border-top-right-radius:0
}
.radius-bottom-right-0 {
 border-bottom-right-radius:0
}
.radius-bottom-left-0 {
 border-bottom-left-radius:0
}
.bg,
[class*=" bg-"],
[class^=bg-] {
 --bg-o:1
}
.bg-transparent {
 background-color:transparent
}
.bg-inherit {
 background-color:inherit
}
.bg-darker {
 background-color:hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--bg-o))
}
.bg-dark {
 background-color:hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--bg-o))
}
.bg {
 background-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--bg-o))
}
.bg-light {
 background-color:hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--bg-o))
}
.bg-lighter {
 background-color:hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--bg-o))
}
.bg-contrast-lower {
 background-color:hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--bg-o,1))
}
.bg-contrast-low {
 background-color:hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--bg-o,1))
}
.bg-contrast-medium {
 background-color:hsla(var(--color-contrast-medium-h),var(--color-contrast-medium-s),var(--color-contrast-medium-l),var(--bg-o,1))
}
.bg-contrast-high {
 background-color:hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--bg-o,1))
}
.bg-contrast-higher {
 background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--bg-o,1))
}
.bg-primary-darker {
 background-color:hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--bg-o,1))
}
.bg-primary-dark {
 background-color:hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--bg-o,1))
}
.bg-primary {
 background-color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--bg-o,1))
}
.bg-primary-light {
 background-color:hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--bg-o,1))
}
.bg-primary-lighter {
 background-color:hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--bg-o,1))
}
.bg-accent-darker {
 background-color:hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--bg-o,1))
}
.bg-accent-dark {
 background-color:hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--bg-o,1))
}
.bg-accent {
 background-color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--bg-o,1))
}
.bg-accent-light {
 background-color:hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--bg-o,1))
}
.bg-accent-lighter {
 background-color:hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--bg-o,1))
}
.bg-success-darker {
 background-color:hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--bg-o,1))
}
.bg-success-dark {
 background-color:hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--bg-o,1))
}
.bg-success {
 background-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--bg-o,1))
}
.bg-success-light {
 background-color:hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--bg-o,1))
}
.bg-success-lighter {
 background-color:hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--bg-o,1))
}
.bg-warning-darker {
 background-color:hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--bg-o,1))
}
.bg-warning-dark {
 background-color:hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--bg-o,1))
}
.bg-warning {
 background-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--bg-o,1))
}
.bg-warning-light {
 background-color:hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--bg-o,1))
}
.bg-warning-lighter {
 background-color:hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--bg-o,1))
}
.bg-error-darker {
 background-color:hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--bg-o,1))
}
.bg-error-dark {
 background-color:hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--bg-o,1))
}
.bg-error {
 background-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--bg-o,1))
}
.bg-error-light {
 background-color:hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--bg-o,1))
}
.bg-error-lighter {
 background-color:hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--bg-o,1))
}
.bg-white {
 background-color:hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--bg-o,1))
}
.bg-black {
 background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--bg-o,1))
}
.bg-opacity-0 {
 --bg-o:0
}
.bg-opacity-10\% {
 --bg-o:0.1
}
.bg-opacity-20\% {
 --bg-o:0.2
}
.bg-opacity-30\% {
 --bg-o:0.3
}
.bg-opacity-40\% {
 --bg-o:0.4
}
.bg-opacity-50\% {
 --bg-o:0.5
}
.bg-opacity-60\% {
 --bg-o:0.6
}
.bg-opacity-70\% {
 --bg-o:0.7
}
.bg-opacity-80\% {
 --bg-o:0.8
}
.bg-opacity-90\% {
 --bg-o:0.9
}
.bg-center {
 background-position:center
}
.bg-top {
 background-position:center top
}
.bg-right {
 background-position:right center
}
.bg-bottom {
 background-position:center bottom
}
.bg-left {
 background-position:left center
}
.bg-top-left {
 background-position:left top
}
.bg-top-right {
 background-position:right top
}
.bg-bottom-left {
 background-position:left bottom
}
.bg-bottom-right {
 background-position:right bottom
}
.bg-cover {
 background-size:cover
}
.bg-no-repeat {
 background-repeat:no-repeat
}
.backdrop-blur-10 {
 -webkit-backdrop-filter:blur(10px);
 backdrop-filter:blur(10px)
}
.backdrop-blur-20 {
 -webkit-backdrop-filter:blur(20px);
 backdrop-filter:blur(20px)
}
.isolate {
 isolation:isolate
}
.blend-multiply {
 mix-blend-mode:multiply
}
.blend-overlay {
 mix-blend-mode:overlay
}
.blend-difference {
 mix-blend-mode:difference
}
.object-contain {
 -o-object-fit:contain;
 object-fit:contain
}
.object-cover {
 -o-object-fit:cover;
 object-fit:cover
}
.perspective-xs {
 -webkit-perspective:250px;
 perspective:250px
}
.perspective-sm {
 -webkit-perspective:500px;
 perspective:500px
}
.perspective-md {
 -webkit-perspective:1000px;
 perspective:1000px
}
.perspective-lg {
 -webkit-perspective:1500px;
 perspective:1500px
}
.perspective-xl {
 -webkit-perspective:3000px;
 perspective:3000px
}
[class*=" -rotate"],
[class*=" -scale"],
[class*=" -skew"] [class^=skew],
[class*=" -translate"],
[class*=" flip"],
[class*=" rotate"],
[class*=" scale"],
[class*=" skew"],
[class*=" translate"],
[class^=-rotate],
[class^=-scale],
[class^=-skew],
[class^=-translate],
[class^=flip],
[class^=rotate],
[class^=scale],
[class^=translate] {
 --translate:0;
 --rotate:0;
 --skew:0;
 --scale:1;
 -webkit-transform:translate3d(var(--translate-x,var(--translate)),var(--translate-y,var(--translate)),var(--translate-z,0)) rotateX(var(--rotate-x,0)) rotateY(var(--rotate-y,0)) rotateZ(var(--rotate-z,var(--rotate))) skewX(var(--skew-x,var(--skew))) skewY(var(--skew-y,0)) scaleX(var(--scale-x,var(--scale))) scaleY(var(--scale-y,var(--scale)));
 transform:translate3d(var(--translate-x,var(--translate)),var(--translate-y,var(--translate)),var(--translate-z,0)) rotateX(var(--rotate-x,0)) rotateY(var(--rotate-y,0)) rotateZ(var(--rotate-z,var(--rotate))) skewX(var(--skew-x,var(--skew))) skewY(var(--skew-y,0)) scaleX(var(--scale-x,var(--scale))) scaleY(var(--scale-y,var(--scale)))
}
.flip {
 --scale:-1
}
.flip-x {
 --scale-x:-1
}
.flip-y {
 --scale-y:-1
}
.rotate-90 {
 --rotate:90deg
}
.rotate-180 {
 --rotate:180deg
}
.rotate-270 {
 --rotate:270deg
}
.-translate-50\% {
 --translate:-50%
}
.-translate-x-50\% {
 --translate-x:-50%
}
.-translate-y-50\% {
 --translate-y:-50%
}
.translate-50\% {
 --translate:50%
}
.translate-x-50\% {
 --translate-x:50%
}
.translate-y-50\% {
 --translate-y:50%
}
.origin-center {
 -webkit-transform-origin:center;
 transform-origin:center
}
.origin-top {
 -webkit-transform-origin:center top;
 transform-origin:center top
}
.origin-right {
 -webkit-transform-origin:right center;
 transform-origin:right center
}
.origin-bottom {
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom
}
.origin-left {
 -webkit-transform-origin:left center;
 transform-origin:left center
}
.origin-top-left {
 -webkit-transform-origin:left top;
 transform-origin:left top
}
.origin-top-right {
 -webkit-transform-origin:right top;
 transform-origin:right top
}
.origin-bottom-left {
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom
}
.origin-bottom-right {
 -webkit-transform-origin:right bottom;
 transform-origin:right bottom
}
.fill-current {
 fill:currentColor
}
.stroke-current {
 stroke:currentColor
}
.stroke-1 {
 stroke-width:1px
}
.stroke-2 {
 stroke-width:2px
}
.stroke-3 {
 stroke-width:3px
}
.stroke-4 {
 stroke-width:4px
}
.visible {
 visibility:visible
}
.invisible {
 visibility:hidden
}
@media(min-width:32rem) {
 .flex\@xs {
  display:flex
 }
 .inline-flex\@xs {
  display:inline-flex
 }
 .flex-wrap\@xs {
  flex-wrap:wrap
 }
 .flex-nowrap\@xs {
  flex-wrap:nowrap
 }
 .flex-column\@xs {
  flex-direction:column
 }
 .flex-column-reverse\@xs {
  flex-direction:column-reverse
 }
 .flex-row\@xs {
  flex-direction:row
 }
 .flex-row-reverse\@xs {
  flex-direction:row-reverse
 }
 .flex-center\@xs {
  justify-content:center;
  align-items:center
 }
 .flex-grow\@xs {
  flex-grow:1
 }
 .flex-grow-0\@xs {
  flex-grow:0
 }
 .flex-shrink\@xs {
  flex-shrink:1
 }
 .flex-shrink-0\@xs {
  flex-shrink:0
 }
 .flex-basis-0\@xs {
  flex-basis:0
 }
 .justify-start\@xs {
  justify-content:flex-start
 }
 .justify-end\@xs {
  justify-content:flex-end
 }
 .justify-center\@xs {
  justify-content:center
 }
 .justify-between\@xs {
  justify-content:space-between
 }
 .items-center\@xs {
  align-items:center
 }
 .items-start\@xs {
  align-items:flex-start
 }
 .items-end\@xs {
  align-items:flex-end
 }
 .items-baseline\@xs {
  align-items:baseline
 }
 .order-1\@xs {
  order:1
 }
 .order-2\@xs {
  order:2
 }
 .order-3\@xs {
  order:3
 }
 .block\@xs {
  display:block
 }
 .inline-block\@xs {
  display:inline-block
 }
 .inline\@xs {
  display:inline
 }
 .contents\@xs {
  display:contents
 }
 .hide\@xs {
  display:none!important
 }
 .margin-xxxxs\@xs {
  margin:var(--space-xxxxs)
 }
 .margin-xxxs\@xs {
  margin:var(--space-xxxs)
 }
 .margin-xxs\@xs {
  margin:var(--space-xxs)
 }
 .margin-xs\@xs {
  margin:var(--space-xs)
 }
 .margin-sm\@xs {
  margin:var(--space-sm)
 }
 .margin-md\@xs {
  margin:var(--space-md)
 }
 .margin-lg\@xs {
  margin:var(--space-lg)
 }
 .margin-xl\@xs {
  margin:var(--space-xl)
 }
 .margin-xxl\@xs {
  margin:var(--space-xxl)
 }
 .margin-xxxl\@xs {
  margin:var(--space-xxxl)
 }
 .margin-xxxxl\@xs {
  margin:var(--space-xxxxl)
 }
 .margin-auto\@xs {
  margin:auto
 }
 .margin-0\@xs {
  margin:0
 }
 .margin-top-xxxxs\@xs {
  margin-top:var(--space-xxxxs)
 }
 .margin-top-xxxs\@xs {
  margin-top:var(--space-xxxs)
 }
 .margin-top-xxs\@xs {
  margin-top:var(--space-xxs)
 }
 .margin-top-xs\@xs {
  margin-top:var(--space-xs)
 }
 .margin-top-sm\@xs {
  margin-top:var(--space-sm)
 }
 .margin-top-md\@xs {
  margin-top:var(--space-md)
 }
 .margin-top-lg\@xs {
  margin-top:var(--space-lg)
 }
 .margin-top-xl\@xs {
  margin-top:var(--space-xl)
 }
 .margin-top-xxl\@xs {
  margin-top:var(--space-xxl)
 }
 .margin-top-xxxl\@xs {
  margin-top:var(--space-xxxl)
 }
 .margin-top-xxxxl\@xs {
  margin-top:var(--space-xxxxl)
 }
 .margin-top-auto\@xs {
  margin-top:auto
 }
 .margin-top-0\@xs {
  margin-top:0
 }
 .margin-bottom-xxxxs\@xs {
  margin-bottom:var(--space-xxxxs)
 }
 .margin-bottom-xxxs\@xs {
  margin-bottom:var(--space-xxxs)
 }
 .margin-bottom-xxs\@xs {
  margin-bottom:var(--space-xxs)
 }
 .margin-bottom-xs\@xs {
  margin-bottom:var(--space-xs)
 }
 .margin-bottom-sm\@xs {
  margin-bottom:var(--space-sm)
 }
 .margin-bottom-md\@xs {
  margin-bottom:var(--space-md)
 }
 .margin-bottom-lg\@xs {
  margin-bottom:var(--space-lg)
 }
 .margin-bottom-xl\@xs {
  margin-bottom:var(--space-xl)
 }
 .margin-bottom-xxl\@xs {
  margin-bottom:var(--space-xxl)
 }
 .margin-bottom-xxxl\@xs {
  margin-bottom:var(--space-xxxl)
 }
 .margin-bottom-xxxxl\@xs {
  margin-bottom:var(--space-xxxxl)
 }
 .margin-bottom-auto\@xs {
  margin-bottom:auto
 }
 .margin-bottom-0\@xs {
  margin-bottom:0
 }
 .margin-right-xxxxs\@xs {
  margin-right:var(--space-xxxxs)
 }
 .margin-right-xxxs\@xs {
  margin-right:var(--space-xxxs)
 }
 .margin-right-xxs\@xs {
  margin-right:var(--space-xxs)
 }
 .margin-right-xs\@xs {
  margin-right:var(--space-xs)
 }
 .margin-right-sm\@xs {
  margin-right:var(--space-sm)
 }
 .margin-right-md\@xs {
  margin-right:var(--space-md)
 }
 .margin-right-lg\@xs {
  margin-right:var(--space-lg)
 }
 .margin-right-xl\@xs {
  margin-right:var(--space-xl)
 }
 .margin-right-xxl\@xs {
  margin-right:var(--space-xxl)
 }
 .margin-right-xxxl\@xs {
  margin-right:var(--space-xxxl)
 }
 .margin-right-xxxxl\@xs {
  margin-right:var(--space-xxxxl)
 }
 .margin-right-auto\@xs {
  margin-right:auto
 }
 .margin-right-0\@xs {
  margin-right:0
 }
 .margin-left-xxxxs\@xs {
  margin-left:var(--space-xxxxs)
 }
 .margin-left-xxxs\@xs {
  margin-left:var(--space-xxxs)
 }
 .margin-left-xxs\@xs {
  margin-left:var(--space-xxs)
 }
 .margin-left-xs\@xs {
  margin-left:var(--space-xs)
 }
 .margin-left-sm\@xs {
  margin-left:var(--space-sm)
 }
 .margin-left-md\@xs {
  margin-left:var(--space-md)
 }
 .margin-left-lg\@xs {
  margin-left:var(--space-lg)
 }
 .margin-left-xl\@xs {
  margin-left:var(--space-xl)
 }
 .margin-left-xxl\@xs {
  margin-left:var(--space-xxl)
 }
 .margin-left-xxxl\@xs {
  margin-left:var(--space-xxxl)
 }
 .margin-left-xxxxl\@xs {
  margin-left:var(--space-xxxxl)
 }
 .margin-left-auto\@xs {
  margin-left:auto
 }
 .margin-left-0\@xs {
  margin-left:0
 }
 .margin-x-xxxxs\@xs {
  margin-left:var(--space-xxxxs);
  margin-right:var(--space-xxxxs)
 }
 .margin-x-xxxs\@xs {
  margin-left:var(--space-xxxs);
  margin-right:var(--space-xxxs)
 }
 .margin-x-xxs\@xs {
  margin-left:var(--space-xxs);
  margin-right:var(--space-xxs)
 }
 .margin-x-xs\@xs {
  margin-left:var(--space-xs);
  margin-right:var(--space-xs)
 }
 .margin-x-sm\@xs {
  margin-left:var(--space-sm);
  margin-right:var(--space-sm)
 }
 .margin-x-md\@xs {
  margin-left:var(--space-md);
  margin-right:var(--space-md)
 }
 .margin-x-lg\@xs {
  margin-left:var(--space-lg);
  margin-right:var(--space-lg)
 }
 .margin-x-xl\@xs {
  margin-left:var(--space-xl);
  margin-right:var(--space-xl)
 }
 .margin-x-xxl\@xs {
  margin-left:var(--space-xxl);
  margin-right:var(--space-xxl)
 }
 .margin-x-xxxl\@xs {
  margin-left:var(--space-xxxl);
  margin-right:var(--space-xxxl)
 }
 .margin-x-xxxxl\@xs {
  margin-left:var(--space-xxxxl);
  margin-right:var(--space-xxxxl)
 }
 .margin-x-auto\@xs {
  margin-left:auto;
  margin-right:auto
 }
 .margin-x-0\@xs {
  margin-left:0;
  margin-right:0
 }
 .margin-y-xxxxs\@xs {
  margin-top:var(--space-xxxxs);
  margin-bottom:var(--space-xxxxs)
 }
 .margin-y-xxxs\@xs {
  margin-top:var(--space-xxxs);
  margin-bottom:var(--space-xxxs)
 }
 .margin-y-xxs\@xs {
  margin-top:var(--space-xxs);
  margin-bottom:var(--space-xxs)
 }
 .margin-y-xs\@xs {
  margin-top:var(--space-xs);
  margin-bottom:var(--space-xs)
 }
 .margin-y-sm\@xs {
  margin-top:var(--space-sm);
  margin-bottom:var(--space-sm)
 }
 .margin-y-md\@xs {
  margin-top:var(--space-md);
  margin-bottom:var(--space-md)
 }
 .margin-y-lg\@xs {
  margin-top:var(--space-lg);
  margin-bottom:var(--space-lg)
 }
 .margin-y-xl\@xs {
  margin-top:var(--space-xl);
  margin-bottom:var(--space-xl)
 }
 .margin-y-xxl\@xs {
  margin-top:var(--space-xxl);
  margin-bottom:var(--space-xxl)
 }
 .margin-y-xxxl\@xs {
  margin-top:var(--space-xxxl);
  margin-bottom:var(--space-xxxl)
 }
 .margin-y-xxxxl\@xs {
  margin-top:var(--space-xxxxl);
  margin-bottom:var(--space-xxxxl)
 }
 .margin-y-auto\@xs {
  margin-top:auto;
  margin-bottom:auto
 }
 .margin-y-0\@xs {
  margin-top:0;
  margin-bottom:0
 }
 .padding-xxxxs\@xs {
  padding:var(--space-xxxxs)
 }
 .padding-xxxs\@xs {
  padding:var(--space-xxxs)
 }
 .padding-xxs\@xs {
  padding:var(--space-xxs)
 }
 .padding-xs\@xs {
  padding:var(--space-xs)
 }
 .padding-sm\@xs {
  padding:var(--space-sm)
 }
 .padding-md\@xs {
  padding:var(--space-md)
 }
 .padding-lg\@xs {
  padding:var(--space-lg)
 }
 .padding-xl\@xs {
  padding:var(--space-xl)
 }
 .padding-xxl\@xs {
  padding:var(--space-xxl)
 }
 .padding-xxxl\@xs {
  padding:var(--space-xxxl)
 }
 .padding-xxxxl\@xs {
  padding:var(--space-xxxxl)
 }
 .padding-0\@xs {
  padding:0
 }
 .padding-component\@xs {
  padding:var(--component-padding)
 }
 .padding-top-xxxxs\@xs {
  padding-top:var(--space-xxxxs)
 }
 .padding-top-xxxs\@xs {
  padding-top:var(--space-xxxs)
 }
 .padding-top-xxs\@xs {
  padding-top:var(--space-xxs)
 }
 .padding-top-xs\@xs {
  padding-top:var(--space-xs)
 }
 .padding-top-sm\@xs {
  padding-top:var(--space-sm)
 }
 .padding-top-md\@xs {
  padding-top:var(--space-md)
 }
 .padding-top-lg\@xs {
  padding-top:var(--space-lg)
 }
 .padding-top-xl\@xs {
  padding-top:var(--space-xl)
 }
 .padding-top-xxl\@xs {
  padding-top:var(--space-xxl)
 }
 .padding-top-xxxl\@xs {
  padding-top:var(--space-xxxl)
 }
 .padding-top-xxxxl\@xs {
  padding-top:var(--space-xxxxl)
 }
 .padding-top-0\@xs {
  padding-top:0
 }
 .padding-top-component\@xs {
  padding-top:var(--component-padding)
 }
 .padding-bottom-xxxxs\@xs {
  padding-bottom:var(--space-xxxxs)
 }
 .padding-bottom-xxxs\@xs {
  padding-bottom:var(--space-xxxs)
 }
 .padding-bottom-xxs\@xs {
  padding-bottom:var(--space-xxs)
 }
 .padding-bottom-xs\@xs {
  padding-bottom:var(--space-xs)
 }
 .padding-bottom-sm\@xs {
  padding-bottom:var(--space-sm)
 }
 .padding-bottom-md\@xs {
  padding-bottom:var(--space-md)
 }
 .padding-bottom-lg\@xs {
  padding-bottom:var(--space-lg)
 }
 .padding-bottom-xl\@xs {
  padding-bottom:var(--space-xl)
 }
 .padding-bottom-xxl\@xs {
  padding-bottom:var(--space-xxl)
 }
 .padding-bottom-xxxl\@xs {
  padding-bottom:var(--space-xxxl)
 }
 .padding-bottom-xxxxl\@xs {
  padding-bottom:var(--space-xxxxl)
 }
 .padding-bottom-0\@xs {
  padding-bottom:0
 }
 .padding-bottom-component\@xs {
  padding-bottom:var(--component-padding)
 }
 .padding-right-xxxxs\@xs {
  padding-right:var(--space-xxxxs)
 }
 .padding-right-xxxs\@xs {
  padding-right:var(--space-xxxs)
 }
 .padding-right-xxs\@xs {
  padding-right:var(--space-xxs)
 }
 .padding-right-xs\@xs {
  padding-right:var(--space-xs)
 }
 .padding-right-sm\@xs {
  padding-right:var(--space-sm)
 }
 .padding-right-md\@xs {
  padding-right:var(--space-md)
 }
 .padding-right-lg\@xs {
  padding-right:var(--space-lg)
 }
 .padding-right-xl\@xs {
  padding-right:var(--space-xl)
 }
 .padding-right-xxl\@xs {
  padding-right:var(--space-xxl)
 }
 .padding-right-xxxl\@xs {
  padding-right:var(--space-xxxl)
 }
 .padding-right-xxxxl\@xs {
  padding-right:var(--space-xxxxl)
 }
 .padding-right-0\@xs {
  padding-right:0
 }
 .padding-right-component\@xs {
  padding-right:var(--component-padding)
 }
 .padding-left-xxxxs\@xs {
  padding-left:var(--space-xxxxs)
 }
 .padding-left-xxxs\@xs {
  padding-left:var(--space-xxxs)
 }
 .padding-left-xxs\@xs {
  padding-left:var(--space-xxs)
 }
 .padding-left-xs\@xs {
  padding-left:var(--space-xs)
 }
 .padding-left-sm\@xs {
  padding-left:var(--space-sm)
 }
 .padding-left-md\@xs {
  padding-left:var(--space-md)
 }
 .padding-left-lg\@xs {
  padding-left:var(--space-lg)
 }
 .padding-left-xl\@xs {
  padding-left:var(--space-xl)
 }
 .padding-left-xxl\@xs {
  padding-left:var(--space-xxl)
 }
 .padding-left-xxxl\@xs {
  padding-left:var(--space-xxxl)
 }
 .padding-left-xxxxl\@xs {
  padding-left:var(--space-xxxxl)
 }
 .padding-left-0\@xs {
  padding-left:0
 }
 .padding-left-component\@xs {
  padding-left:var(--component-padding)
 }
 .padding-x-xxxxs\@xs {
  padding-left:var(--space-xxxxs);
  padding-right:var(--space-xxxxs)
 }
 .padding-x-xxxs\@xs {
  padding-left:var(--space-xxxs);
  padding-right:var(--space-xxxs)
 }
 .padding-x-xxs\@xs {
  padding-left:var(--space-xxs);
  padding-right:var(--space-xxs)
 }
 .padding-x-xs\@xs {
  padding-left:var(--space-xs);
  padding-right:var(--space-xs)
 }
 .padding-x-sm\@xs {
  padding-left:var(--space-sm);
  padding-right:var(--space-sm)
 }
 .padding-x-md\@xs {
  padding-left:var(--space-md);
  padding-right:var(--space-md)
 }
 .padding-x-lg\@xs {
  padding-left:var(--space-lg);
  padding-right:var(--space-lg)
 }
 .padding-x-xl\@xs {
  padding-left:var(--space-xl);
  padding-right:var(--space-xl)
 }
 .padding-x-xxl\@xs {
  padding-left:var(--space-xxl);
  padding-right:var(--space-xxl)
 }
 .padding-x-xxxl\@xs {
  padding-left:var(--space-xxxl);
  padding-right:var(--space-xxxl)
 }
 .padding-x-xxxxl\@xs {
  padding-left:var(--space-xxxxl);
  padding-right:var(--space-xxxxl)
 }
 .padding-x-0\@xs {
  padding-left:0;
  padding-right:0
 }
 .padding-x-component\@xs {
  padding-left:var(--component-padding);
  padding-right:var(--component-padding)
 }
 .padding-y-xxxxs\@xs {
  padding-top:var(--space-xxxxs);
  padding-bottom:var(--space-xxxxs)
 }
 .padding-y-xxxs\@xs {
  padding-top:var(--space-xxxs);
  padding-bottom:var(--space-xxxs)
 }
 .padding-y-xxs\@xs {
  padding-top:var(--space-xxs);
  padding-bottom:var(--space-xxs)
 }
 .padding-y-xs\@xs {
  padding-top:var(--space-xs);
  padding-bottom:var(--space-xs)
 }
 .padding-y-sm\@xs {
  padding-top:var(--space-sm);
  padding-bottom:var(--space-sm)
 }
 .padding-y-md\@xs {
  padding-top:var(--space-md);
  padding-bottom:var(--space-md)
 }
 .padding-y-lg\@xs {
  padding-top:var(--space-lg);
  padding-bottom:var(--space-lg)
 }
 .padding-y-xl\@xs {
  padding-top:var(--space-xl);
  padding-bottom:var(--space-xl)
 }
 .padding-y-xxl\@xs {
  padding-top:var(--space-xxl);
  padding-bottom:var(--space-xxl)
 }
 .padding-y-xxxl\@xs {
  padding-top:var(--space-xxxl);
  padding-bottom:var(--space-xxxl)
 }
 .padding-y-xxxxl\@xs {
  padding-top:var(--space-xxxxl);
  padding-bottom:var(--space-xxxxl)
 }
 .padding-y-0\@xs {
  padding-top:0;
  padding-bottom:0
 }
 .padding-y-component\@xs {
  padding-top:var(--component-padding);
  padding-bottom:var(--component-padding)
 }
 .text-center\@xs {
  text-align:center
 }
 .text-left\@xs {
  text-align:left
 }
 .text-right\@xs {
  text-align:right
 }
 .text-justify\@xs {
  text-align:justify
 }
 .text-xs\@xs {
  font-size:var(--text-xs,.6875rem)
 }
 .text-sm\@xs {
  font-size:var(--text-sm,.75rem)
 }
 .text-base\@xs {
  font-size:var(--text-unit,1rem)
 }
 .text-md\@xs {
  font-size:var(--text-md,1.125rem)
 }
 .text-lg\@xs {
  font-size:var(--text-lg,1.375rem)
 }
 .text-xl\@xs {
  font-size:var(--text-xl,1.75rem)
 }
 .text-xxl\@xs {
  font-size:var(--text-xxl,2rem)
 }
 .text-xxxl\@xs {
  font-size:var(--text-xxxl,2.5rem)
 }
 .text-xxxxl\@xs {
  font-size:var(--text-xxxxl,3rem)
 }
 .width-xxxxs\@xs {
  width:var(--size-xxxxs,.25rem)
 }
 .width-xxxs\@xs {
  width:var(--size-xxxs,.5rem)
 }
 .width-xxs\@xs {
  width:var(--size-xxs,.75rem)
 }
 .width-xs\@xs {
  width:var(--size-xs,1rem)
 }
 .width-sm\@xs {
  width:var(--size-sm,1.5rem)
 }
 .width-md\@xs {
  width:var(--size-md,2rem)
 }
 .width-lg\@xs {
  width:var(--size-lg,3rem)
 }
 .width-xl\@xs {
  width:var(--size-xl,4rem)
 }
 .width-xxl\@xs {
  width:var(--size-xxl,6rem)
 }
 .width-xxxl\@xs {
  width:var(--size-xxxl,8rem)
 }
 .width-xxxxl\@xs {
  width:var(--size-xxxxl,16rem)
 }
 .width-0\@xs {
  width:0
 }
 .width-10\%\@xs {
  width:10%
 }
 .width-20\%\@xs {
  width:20%
 }
 .width-25\%\@xs {
  width:25%
 }
 .width-30\%\@xs {
  width:30%
 }
 .width-33\%\@xs {
  width:calc(100%/3)
 }
 .width-40\%\@xs {
  width:40%
 }
 .width-50\%\@xs {
  width:50%
 }
 .width-60\%\@xs {
  width:60%
 }
 .width-66\%\@xs {
  width:calc(100%/1.5)
 }
 .width-70\%\@xs {
  width:70%
 }
 .width-75\%\@xs {
  width:75%
 }
 .width-80\%\@xs {
  width:80%
 }
 .width-90\%\@xs {
  width:90%
 }
 .width-100\%\@xs {
  width:100%
 }
 .width-100vw\@xs {
  width:100vw
 }
 .width-auto\@xs {
  width:auto
 }
 .height-xxxxs\@xs {
  height:var(--size-xxxxs,.25rem)
 }
 .height-xxxs\@xs {
  height:var(--size-xxxs,.5rem)
 }
 .height-xxs\@xs {
  height:var(--size-xxs,.75rem)
 }
 .height-xs\@xs {
  height:var(--size-xs,1rem)
 }
 .height-sm\@xs {
  height:var(--size-sm,1.5rem)
 }
 .height-md\@xs {
  height:var(--size-md,2rem)
 }
 .height-lg\@xs {
  height:var(--size-lg,3rem)
 }
 .height-xl\@xs {
  height:var(--size-xl,4rem)
 }
 .height-xxl\@xs {
  height:var(--size-xxl,6rem)
 }
 .height-xxxl\@xs {
  height:var(--size-xxxl,8rem)
 }
 .height-xxxxl\@xs {
  height:var(--size-xxxxl,16rem)
 }
 .height-0\@xs {
  height:0
 }
 .height-10\%\@xs {
  height:10%
 }
 .height-20\%\@xs {
  height:20%
 }
 .height-25\%\@xs {
  height:25%
 }
 .height-30\%\@xs {
  height:30%
 }
 .height-33\%\@xs {
  height:calc(100%/3)
 }
 .height-40\%\@xs {
  height:40%
 }
 .height-50\%\@xs {
  height:50%
 }
 .height-60\%\@xs {
  height:60%
 }
 .height-66\%\@xs {
  height:calc(100%/1.5)
 }
 .height-70\%\@xs {
  height:70%
 }
 .height-75\%\@xs {
  height:75%
 }
 .height-80\%\@xs {
  height:80%
 }
 .height-90\%\@xs {
  height:90%
 }
 .height-100\%\@xs {
  height:100%
 }
 .height-100vh\@xs {
  height:100vh
 }
 .height-auto\@xs {
  height:auto
 }
 .max-width-xxxxs\@xs {
  max-width:var(--max-width-xxxxs)
 }
 .max-width-xxxs\@xs {
  max-width:var(--max-width-xxxs)
 }
 .max-width-xxs\@xs {
  max-width:var(--max-width-xxs)
 }
 .max-width-xs\@xs {
  max-width:var(--max-width-xs)
 }
 .max-width-sm\@xs {
  max-width:var(--max-width-sm)
 }
 .max-width-md\@xs {
  max-width:var(--max-width-md)
 }
 .max-width-lg\@xs {
  max-width:var(--max-width-lg)
 }
 .max-width-xl\@xs {
  max-width:var(--max-width-xl)
 }
 .max-width-xxl\@xs {
  max-width:var(--max-width-xxl)
 }
 .max-width-xxxl\@xs {
  max-width:var(--max-width-xxxl)
 }
 .max-width-xxxxl\@xs {
  max-width:var(--max-width-xxxxl)
 }
 .max-width-100\%\@xs {
  max-width:100%
 }
 .max-width-none\@xs {
  max-width:none
 }
 .position-relative\@xs {
  position:relative
 }
 .position-absolute\@xs {
  position:absolute
 }
 .position-fixed\@xs {
  position:fixed
 }
 .position-sticky\@xs {
  position:-webkit-sticky;
  position:sticky
 }
 .position-static\@xs {
  position:static
 }
 .inset-0\@xs {
  top:0;
  right:0;
  bottom:0;
  left:0
 }
 .top-0\@xs {
  top:0
 }
 .top-50\%\@xs {
  top:50%
 }
 .top-xxxxs\@xs {
  top:var(--space-xxxxs)
 }
 .top-xxxs\@xs {
  top:var(--space-xxxs)
 }
 .top-xxs\@xs {
  top:var(--space-xxs)
 }
 .top-xs\@xs {
  top:var(--space-xs)
 }
 .top-sm\@xs {
  top:var(--space-sm)
 }
 .top-md\@xs {
  top:var(--space-md)
 }
 .top-lg\@xs {
  top:var(--space-lg)
 }
 .top-xl\@xs {
  top:var(--space-xl)
 }
 .top-xxl\@xs {
  top:var(--space-xxl)
 }
 .top-xxxl\@xs {
  top:var(--space-xxxl)
 }
 .top-xxxxl\@xs {
  top:var(--space-xxxxl)
 }
 .bottom-0\@xs {
  bottom:0
 }
 .bottom-50\%\@xs {
  bottom:50%
 }
 .bottom-xxxxs\@xs {
  bottom:var(--space-xxxxs)
 }
 .bottom-xxxs\@xs {
  bottom:var(--space-xxxs)
 }
 .bottom-xxs\@xs {
  bottom:var(--space-xxs)
 }
 .bottom-xs\@xs {
  bottom:var(--space-xs)
 }
 .bottom-sm\@xs {
  bottom:var(--space-sm)
 }
 .bottom-md\@xs {
  bottom:var(--space-md)
 }
 .bottom-lg\@xs {
  bottom:var(--space-lg)
 }
 .bottom-xl\@xs {
  bottom:var(--space-xl)
 }
 .bottom-xxl\@xs {
  bottom:var(--space-xxl)
 }
 .bottom-xxxl\@xs {
  bottom:var(--space-xxxl)
 }
 .bottom-xxxxl\@xs {
  bottom:var(--space-xxxxl)
 }
 .right-0\@xs {
  right:0
 }
 .right-50\%\@xs {
  right:50%
 }
 .right-xxxxs\@xs {
  right:var(--space-xxxxs)
 }
 .right-xxxs\@xs {
  right:var(--space-xxxs)
 }
 .right-xxs\@xs {
  right:var(--space-xxs)
 }
 .right-xs\@xs {
  right:var(--space-xs)
 }
 .right-sm\@xs {
  right:var(--space-sm)
 }
 .right-md\@xs {
  right:var(--space-md)
 }
 .right-lg\@xs {
  right:var(--space-lg)
 }
 .right-xl\@xs {
  right:var(--space-xl)
 }
 .right-xxl\@xs {
  right:var(--space-xxl)
 }
 .right-xxxl\@xs {
  right:var(--space-xxxl)
 }
 .right-xxxxl\@xs {
  right:var(--space-xxxxl)
 }
 .left-0\@xs {
  left:0
 }
 .left-50\%\@xs {
  left:50%
 }
 .left-xxxxs\@xs {
  left:var(--space-xxxxs)
 }
 .left-xxxs\@xs {
  left:var(--space-xxxs)
 }
 .left-xxs\@xs {
  left:var(--space-xxs)
 }
 .left-xs\@xs {
  left:var(--space-xs)
 }
 .left-sm\@xs {
  left:var(--space-sm)
 }
 .left-md\@xs {
  left:var(--space-md)
 }
 .left-lg\@xs {
  left:var(--space-lg)
 }
 .left-xl\@xs {
  left:var(--space-xl)
 }
 .left-xxl\@xs {
  left:var(--space-xxl)
 }
 .left-xxxl\@xs {
  left:var(--space-xxxl)
 }
 .left-xxxxl\@xs {
  left:var(--space-xxxxl)
 }
 .overflow-hidden\@xs {
  overflow:hidden
 }
 .overflow-auto\@xs {
  overflow:auto
 }
 .momentum-scrolling\@xs {
  -webkit-overflow-scrolling:touch
 }
 .overscroll-contain\@xs {
  -ms-scroll-chaining:none;
  overscroll-behavior:contain
 }
 .visible\@xs {
  visibility:visible
 }
 .invisible\@xs {
  visibility:hidden
 }
}
@media not all and (min-width:32rem) {
 .display\@xs {
  display:none!important
 }
}
@media(min-width:48rem) {
 .flex\@sm {
  display:flex
 }
 .inline-flex\@sm {
  display:inline-flex
 }
 .flex-wrap\@sm {
  flex-wrap:wrap
 }
 .flex-nowrap\@sm {
  flex-wrap:nowrap
 }
 .flex-column\@sm {
  flex-direction:column
 }
 .flex-column-reverse\@sm {
  flex-direction:column-reverse
 }
 .flex-row\@sm {
  flex-direction:row
 }
 .flex-row-reverse\@sm {
  flex-direction:row-reverse
 }
 .flex-center\@sm {
  justify-content:center;
  align-items:center
 }
 .flex-grow\@sm {
  flex-grow:1
 }
 .flex-grow-0\@sm {
  flex-grow:0
 }
 .flex-shrink\@sm {
  flex-shrink:1
 }
 .flex-shrink-0\@sm {
  flex-shrink:0
 }
 .flex-basis-0\@sm {
  flex-basis:0
 }
 .justify-start\@sm {
  justify-content:flex-start
 }
 .justify-end\@sm {
  justify-content:flex-end
 }
 .justify-center\@sm {
  justify-content:center
 }
 .justify-between\@sm {
  justify-content:space-between
 }
 .items-center\@sm {
  align-items:center
 }
 .items-start\@sm {
  align-items:flex-start
 }
 .items-end\@sm {
  align-items:flex-end
 }
 .items-baseline\@sm {
  align-items:baseline
 }
 .order-1\@sm {
  order:1
 }
 .order-2\@sm {
  order:2
 }
 .order-3\@sm {
  order:3
 }
 .block\@sm {
  display:block
 }
 .inline-block\@sm {
  display:inline-block
 }
 .inline\@sm {
  display:inline
 }
 .contents\@sm {
  display:contents
 }
 .hide\@sm {
  display:none!important
 }
 .margin-xxxxs\@sm {
  margin:var(--space-xxxxs)
 }
 .margin-xxxs\@sm {
  margin:var(--space-xxxs)
 }
 .margin-xxs\@sm {
  margin:var(--space-xxs)
 }
 .margin-xs\@sm {
  margin:var(--space-xs)
 }
 .margin-sm\@sm {
  margin:var(--space-sm)
 }
 .margin-md\@sm {
  margin:var(--space-md)
 }
 .margin-lg\@sm {
  margin:var(--space-lg)
 }
 .margin-xl\@sm {
  margin:var(--space-xl)
 }
 .margin-xxl\@sm {
  margin:var(--space-xxl)
 }
 .margin-xxxl\@sm {
  margin:var(--space-xxxl)
 }
 .margin-xxxxl\@sm {
  margin:var(--space-xxxxl)
 }
 .margin-auto\@sm {
  margin:auto
 }
 .margin-0\@sm {
  margin:0
 }
 .margin-top-xxxxs\@sm {
  margin-top:var(--space-xxxxs)
 }
 .margin-top-xxxs\@sm {
  margin-top:var(--space-xxxs)
 }
 .margin-top-xxs\@sm {
  margin-top:var(--space-xxs)
 }
 .margin-top-xs\@sm {
  margin-top:var(--space-xs)
 }
 .margin-top-sm\@sm {
  margin-top:var(--space-sm)
 }
 .margin-top-md\@sm {
  margin-top:var(--space-md)
 }
 .margin-top-lg\@sm {
  margin-top:var(--space-lg)
 }
 .margin-top-xl\@sm {
  margin-top:var(--space-xl)
 }
 .margin-top-xxl\@sm {
  margin-top:var(--space-xxl)
 }
 .margin-top-xxxl\@sm {
  margin-top:var(--space-xxxl)
 }
 .margin-top-xxxxl\@sm {
  margin-top:var(--space-xxxxl)
 }
 .margin-top-auto\@sm {
  margin-top:auto
 }
 .margin-top-0\@sm {
  margin-top:0
 }
 .margin-bottom-xxxxs\@sm {
  margin-bottom:var(--space-xxxxs)
 }
 .margin-bottom-xxxs\@sm {
  margin-bottom:var(--space-xxxs)
 }
 .margin-bottom-xxs\@sm {
  margin-bottom:var(--space-xxs)
 }
 .margin-bottom-xs\@sm {
  margin-bottom:var(--space-xs)
 }
 .margin-bottom-sm\@sm {
  margin-bottom:var(--space-sm)
 }
 .margin-bottom-md\@sm {
  margin-bottom:var(--space-md)
 }
 .margin-bottom-lg\@sm {
  margin-bottom:var(--space-lg)
 }
 .margin-bottom-xl\@sm {
  margin-bottom:var(--space-xl)
 }
 .margin-bottom-xxl\@sm {
  margin-bottom:var(--space-xxl)
 }
 .margin-bottom-xxxl\@sm {
  margin-bottom:var(--space-xxxl)
 }
 .margin-bottom-xxxxl\@sm {
  margin-bottom:var(--space-xxxxl)
 }
 .margin-bottom-auto\@sm {
  margin-bottom:auto
 }
 .margin-bottom-0\@sm {
  margin-bottom:0
 }
 .margin-right-xxxxs\@sm {
  margin-right:var(--space-xxxxs)
 }
 .margin-right-xxxs\@sm {
  margin-right:var(--space-xxxs)
 }
 .margin-right-xxs\@sm {
  margin-right:var(--space-xxs)
 }
 .margin-right-xs\@sm {
  margin-right:var(--space-xs)
 }
 .margin-right-sm\@sm {
  margin-right:var(--space-sm)
 }
 .margin-right-md\@sm {
  margin-right:var(--space-md)
 }
 .margin-right-lg\@sm {
  margin-right:var(--space-lg)
 }
 .margin-right-xl\@sm {
  margin-right:var(--space-xl)
 }
 .margin-right-xxl\@sm {
  margin-right:var(--space-xxl)
 }
 .margin-right-xxxl\@sm {
  margin-right:var(--space-xxxl)
 }
 .margin-right-xxxxl\@sm {
  margin-right:var(--space-xxxxl)
 }
 .margin-right-auto\@sm {
  margin-right:auto
 }
 .margin-right-0\@sm {
  margin-right:0
 }
 .margin-left-xxxxs\@sm {
  margin-left:var(--space-xxxxs)
 }
 .margin-left-xxxs\@sm {
  margin-left:var(--space-xxxs)
 }
 .margin-left-xxs\@sm {
  margin-left:var(--space-xxs)
 }
 .margin-left-xs\@sm {
  margin-left:var(--space-xs)
 }
 .margin-left-sm\@sm {
  margin-left:var(--space-sm)
 }
 .margin-left-md\@sm {
  margin-left:var(--space-md)
 }
 .margin-left-lg\@sm {
  margin-left:var(--space-lg)
 }
 .margin-left-xl\@sm {
  margin-left:var(--space-xl)
 }
 .margin-left-xxl\@sm {
  margin-left:var(--space-xxl)
 }
 .margin-left-xxxl\@sm {
  margin-left:var(--space-xxxl)
 }
 .margin-left-xxxxl\@sm {
  margin-left:var(--space-xxxxl)
 }
 .margin-left-auto\@sm {
  margin-left:auto
 }
 .margin-left-0\@sm {
  margin-left:0
 }
 .margin-x-xxxxs\@sm {
  margin-left:var(--space-xxxxs);
  margin-right:var(--space-xxxxs)
 }
 .margin-x-xxxs\@sm {
  margin-left:var(--space-xxxs);
  margin-right:var(--space-xxxs)
 }
 .margin-x-xxs\@sm {
  margin-left:var(--space-xxs);
  margin-right:var(--space-xxs)
 }
 .margin-x-xs\@sm {
  margin-left:var(--space-xs);
  margin-right:var(--space-xs)
 }
 .margin-x-sm\@sm {
  margin-left:var(--space-sm);
  margin-right:var(--space-sm)
 }
 .margin-x-md\@sm {
  margin-left:var(--space-md);
  margin-right:var(--space-md)
 }
 .margin-x-lg\@sm {
  margin-left:var(--space-lg);
  margin-right:var(--space-lg)
 }
 .margin-x-xl\@sm {
  margin-left:var(--space-xl);
  margin-right:var(--space-xl)
 }
 .margin-x-xxl\@sm {
  margin-left:var(--space-xxl);
  margin-right:var(--space-xxl)
 }
 .margin-x-xxxl\@sm {
  margin-left:var(--space-xxxl);
  margin-right:var(--space-xxxl)
 }
 .margin-x-xxxxl\@sm {
  margin-left:var(--space-xxxxl);
  margin-right:var(--space-xxxxl)
 }
 .margin-x-auto\@sm {
  margin-left:auto;
  margin-right:auto
 }
 .margin-x-0\@sm {
  margin-left:0;
  margin-right:0
 }
 .margin-y-xxxxs\@sm {
  margin-top:var(--space-xxxxs);
  margin-bottom:var(--space-xxxxs)
 }
 .margin-y-xxxs\@sm {
  margin-top:var(--space-xxxs);
  margin-bottom:var(--space-xxxs)
 }
 .margin-y-xxs\@sm {
  margin-top:var(--space-xxs);
  margin-bottom:var(--space-xxs)
 }
 .margin-y-xs\@sm {
  margin-top:var(--space-xs);
  margin-bottom:var(--space-xs)
 }
 .margin-y-sm\@sm {
  margin-top:var(--space-sm);
  margin-bottom:var(--space-sm)
 }
 .margin-y-md\@sm {
  margin-top:var(--space-md);
  margin-bottom:var(--space-md)
 }
 .margin-y-lg\@sm {
  margin-top:var(--space-lg);
  margin-bottom:var(--space-lg)
 }
 .margin-y-xl\@sm {
  margin-top:var(--space-xl);
  margin-bottom:var(--space-xl)
 }
 .margin-y-xxl\@sm {
  margin-top:var(--space-xxl);
  margin-bottom:var(--space-xxl)
 }
 .margin-y-xxxl\@sm {
  margin-top:var(--space-xxxl);
  margin-bottom:var(--space-xxxl)
 }
 .margin-y-xxxxl\@sm {
  margin-top:var(--space-xxxxl);
  margin-bottom:var(--space-xxxxl)
 }
 .margin-y-auto\@sm {
  margin-top:auto;
  margin-bottom:auto
 }
 .margin-y-0\@sm {
  margin-top:0;
  margin-bottom:0
 }
 .padding-xxxxs\@sm {
  padding:var(--space-xxxxs)
 }
 .padding-xxxs\@sm {
  padding:var(--space-xxxs)
 }
 .padding-xxs\@sm {
  padding:var(--space-xxs)
 }
 .padding-xs\@sm {
  padding:var(--space-xs)
 }
 .padding-sm\@sm {
  padding:var(--space-sm)
 }
 .padding-md\@sm {
  padding:var(--space-md)
 }
 .padding-lg\@sm {
  padding:var(--space-lg)
 }
 .padding-xl\@sm {
  padding:var(--space-xl)
 }
 .padding-xxl\@sm {
  padding:var(--space-xxl)
 }
 .padding-xxxl\@sm {
  padding:var(--space-xxxl)
 }
 .padding-xxxxl\@sm {
  padding:var(--space-xxxxl)
 }
 .padding-0\@sm {
  padding:0
 }
 .padding-component\@sm {
  padding:var(--component-padding)
 }
 .padding-top-xxxxs\@sm {
  padding-top:var(--space-xxxxs)
 }
 .padding-top-xxxs\@sm {
  padding-top:var(--space-xxxs)
 }
 .padding-top-xxs\@sm {
  padding-top:var(--space-xxs)
 }
 .padding-top-xs\@sm {
  padding-top:var(--space-xs)
 }
 .padding-top-sm\@sm {
  padding-top:var(--space-sm)
 }
 .padding-top-md\@sm {
  padding-top:var(--space-md)
 }
 .padding-top-lg\@sm {
  padding-top:var(--space-lg)
 }
 .padding-top-xl\@sm {
  padding-top:var(--space-xl)
 }
 .padding-top-xxl\@sm {
  padding-top:var(--space-xxl)
 }
 .padding-top-xxxl\@sm {
  padding-top:var(--space-xxxl)
 }
 .padding-top-xxxxl\@sm {
  padding-top:var(--space-xxxxl)
 }
 .padding-top-0\@sm {
  padding-top:0
 }
 .padding-top-component\@sm {
  padding-top:var(--component-padding)
 }
 .padding-bottom-xxxxs\@sm {
  padding-bottom:var(--space-xxxxs)
 }
 .padding-bottom-xxxs\@sm {
  padding-bottom:var(--space-xxxs)
 }
 .padding-bottom-xxs\@sm {
  padding-bottom:var(--space-xxs)
 }
 .padding-bottom-xs\@sm {
  padding-bottom:var(--space-xs)
 }
 .padding-bottom-sm\@sm {
  padding-bottom:var(--space-sm)
 }
 .padding-bottom-md\@sm {
  padding-bottom:var(--space-md)
 }
 .padding-bottom-lg\@sm {
  padding-bottom:var(--space-lg)
 }
 .padding-bottom-xl\@sm {
  padding-bottom:var(--space-xl)
 }
 .padding-bottom-xxl\@sm {
  padding-bottom:var(--space-xxl)
 }
 .padding-bottom-xxxl\@sm {
  padding-bottom:var(--space-xxxl)
 }
 .padding-bottom-xxxxl\@sm {
  padding-bottom:var(--space-xxxxl)
 }
 .padding-bottom-0\@sm {
  padding-bottom:0
 }
 .padding-bottom-component\@sm {
  padding-bottom:var(--component-padding)
 }
 .padding-right-xxxxs\@sm {
  padding-right:var(--space-xxxxs)
 }
 .padding-right-xxxs\@sm {
  padding-right:var(--space-xxxs)
 }
 .padding-right-xxs\@sm {
  padding-right:var(--space-xxs)
 }
 .padding-right-xs\@sm {
  padding-right:var(--space-xs)
 }
 .padding-right-sm\@sm {
  padding-right:var(--space-sm)
 }
 .padding-right-md\@sm {
  padding-right:var(--space-md)
 }
 .padding-right-lg\@sm {
  padding-right:var(--space-lg)
 }
 .padding-right-xl\@sm {
  padding-right:var(--space-xl)
 }
 .padding-right-xxl\@sm {
  padding-right:var(--space-xxl)
 }
 .padding-right-xxxl\@sm {
  padding-right:var(--space-xxxl)
 }
 .padding-right-xxxxl\@sm {
  padding-right:var(--space-xxxxl)
 }
 .padding-right-0\@sm {
  padding-right:0
 }
 .padding-right-component\@sm {
  padding-right:var(--component-padding)
 }
 .padding-left-xxxxs\@sm {
  padding-left:var(--space-xxxxs)
 }
 .padding-left-xxxs\@sm {
  padding-left:var(--space-xxxs)
 }
 .padding-left-xxs\@sm {
  padding-left:var(--space-xxs)
 }
 .padding-left-xs\@sm {
  padding-left:var(--space-xs)
 }
 .padding-left-sm\@sm {
  padding-left:var(--space-sm)
 }
 .padding-left-md\@sm {
  padding-left:var(--space-md)
 }
 .padding-left-lg\@sm {
  padding-left:var(--space-lg)
 }
 .padding-left-xl\@sm {
  padding-left:var(--space-xl)
 }
 .padding-left-xxl\@sm {
  padding-left:var(--space-xxl)
 }
 .padding-left-xxxl\@sm {
  padding-left:var(--space-xxxl)
 }
 .padding-left-xxxxl\@sm {
  padding-left:var(--space-xxxxl)
 }
 .padding-left-0\@sm {
  padding-left:0
 }
 .padding-left-component\@sm {
  padding-left:var(--component-padding)
 }
 .padding-x-xxxxs\@sm {
  padding-left:var(--space-xxxxs);
  padding-right:var(--space-xxxxs)
 }
 .padding-x-xxxs\@sm {
  padding-left:var(--space-xxxs);
  padding-right:var(--space-xxxs)
 }
 .padding-x-xxs\@sm {
  padding-left:var(--space-xxs);
  padding-right:var(--space-xxs)
 }
 .padding-x-xs\@sm {
  padding-left:var(--space-xs);
  padding-right:var(--space-xs)
 }
 .padding-x-sm\@sm {
  padding-left:var(--space-sm);
  padding-right:var(--space-sm)
 }
 .padding-x-md\@sm {
  padding-left:var(--space-md);
  padding-right:var(--space-md)
 }
 .padding-x-lg\@sm {
  padding-left:var(--space-lg);
  padding-right:var(--space-lg)
 }
 .padding-x-xl\@sm {
  padding-left:var(--space-xl);
  padding-right:var(--space-xl)
 }
 .padding-x-xxl\@sm {
  padding-left:var(--space-xxl);
  padding-right:var(--space-xxl)
 }
 .padding-x-xxxl\@sm {
  padding-left:var(--space-xxxl);
  padding-right:var(--space-xxxl)
 }
 .padding-x-xxxxl\@sm {
  padding-left:var(--space-xxxxl);
  padding-right:var(--space-xxxxl)
 }
 .padding-x-0\@sm {
  padding-left:0;
  padding-right:0
 }
 .padding-x-component\@sm {
  padding-left:var(--component-padding);
  padding-right:var(--component-padding)
 }
 .padding-y-xxxxs\@sm {
  padding-top:var(--space-xxxxs);
  padding-bottom:var(--space-xxxxs)
 }
 .padding-y-xxxs\@sm {
  padding-top:var(--space-xxxs);
  padding-bottom:var(--space-xxxs)
 }
 .padding-y-xxs\@sm {
  padding-top:var(--space-xxs);
  padding-bottom:var(--space-xxs)
 }
 .padding-y-xs\@sm {
  padding-top:var(--space-xs);
  padding-bottom:var(--space-xs)
 }
 .padding-y-sm\@sm {
  padding-top:var(--space-sm);
  padding-bottom:var(--space-sm)
 }
 .padding-y-md\@sm {
  padding-top:var(--space-md);
  padding-bottom:var(--space-md)
 }
 .padding-y-lg\@sm {
  padding-top:var(--space-lg);
  padding-bottom:var(--space-lg)
 }
 .padding-y-xl\@sm {
  padding-top:var(--space-xl);
  padding-bottom:var(--space-xl)
 }
 .padding-y-xxl\@sm {
  padding-top:var(--space-xxl);
  padding-bottom:var(--space-xxl)
 }
 .padding-y-xxxl\@sm {
  padding-top:var(--space-xxxl);
  padding-bottom:var(--space-xxxl)
 }
 .padding-y-xxxxl\@sm {
  padding-top:var(--space-xxxxl);
  padding-bottom:var(--space-xxxxl)
 }
 .padding-y-0\@sm {
  padding-top:0;
  padding-bottom:0
 }
 .padding-y-component\@sm {
  padding-top:var(--component-padding);
  padding-bottom:var(--component-padding)
 }
 .text-center\@sm {
  text-align:center
 }
 .text-left\@sm {
  text-align:left
 }
 .text-right\@sm {
  text-align:right
 }
 .text-justify\@sm {
  text-align:justify
 }
 .text-xs\@sm {
  font-size:var(--text-xs,.6875rem)
 }
 .text-sm\@sm {
  font-size:var(--text-sm,.75rem)
 }
 .text-base\@sm {
  font-size:var(--text-unit,1rem)
 }
 .text-md\@sm {
  font-size:var(--text-md,1.125rem)
 }
 .text-lg\@sm {
  font-size:var(--text-lg,1.375rem)
 }
 .text-xl\@sm {
  font-size:var(--text-xl,1.75rem)
 }
 .text-xxl\@sm {
  font-size:var(--text-xxl,2rem)
 }
 .text-xxxl\@sm {
  font-size:var(--text-xxxl,2.5rem)
 }
 .text-xxxxl\@sm {
  font-size:var(--text-xxxxl,3rem)
 }
 .width-xxxxs\@sm {
  width:var(--size-xxxxs,.25rem)
 }
 .width-xxxs\@sm {
  width:var(--size-xxxs,.5rem)
 }
 .width-xxs\@sm {
  width:var(--size-xxs,.75rem)
 }
 .width-xs\@sm {
  width:var(--size-xs,1rem)
 }
 .width-sm\@sm {
  width:var(--size-sm,1.5rem)
 }
 .width-md\@sm {
  width:var(--size-md,2rem)
 }
 .width-lg\@sm {
  width:var(--size-lg,3rem)
 }
 .width-xl\@sm {
  width:var(--size-xl,4rem)
 }
 .width-xxl\@sm {
  width:var(--size-xxl,6rem)
 }
 .width-xxxl\@sm {
  width:var(--size-xxxl,8rem)
 }
 .width-xxxxl\@sm {
  width:var(--size-xxxxl,16rem)
 }
 .width-0\@sm {
  width:0
 }
 .width-10\%\@sm {
  width:10%
 }
 .width-20\%\@sm {
  width:20%
 }
 .width-25\%\@sm {
  width:25%
 }
 .width-30\%\@sm {
  width:30%
 }
 .width-33\%\@sm {
  width:calc(100%/3)
 }
 .width-40\%\@sm {
  width:40%
 }
 .width-50\%\@sm {
  width:50%
 }
 .width-60\%\@sm {
  width:60%
 }
 .width-66\%\@sm {
  width:calc(100%/1.5)
 }
 .width-70\%\@sm {
  width:70%
 }
 .width-75\%\@sm {
  width:75%
 }
 .width-80\%\@sm {
  width:80%
 }
 .width-90\%\@sm {
  width:90%
 }
 .width-100\%\@sm {
  width:100%
 }
 .width-100vw\@sm {
  width:100vw
 }
 .width-auto\@sm {
  width:auto
 }
 .height-xxxxs\@sm {
  height:var(--size-xxxxs,.25rem)
 }
 .height-xxxs\@sm {
  height:var(--size-xxxs,.5rem)
 }
 .height-xxs\@sm {
  height:var(--size-xxs,.75rem)
 }
 .height-xs\@sm {
  height:var(--size-xs,1rem)
 }
 .height-sm\@sm {
  height:var(--size-sm,1.5rem)
 }
 .height-md\@sm {
  height:var(--size-md,2rem)
 }
 .height-lg\@sm {
  height:var(--size-lg,3rem)
 }
 .height-xl\@sm {
  height:var(--size-xl,4rem)
 }
 .height-xxl\@sm {
  height:var(--size-xxl,6rem)
 }
 .height-xxxl\@sm {
  height:var(--size-xxxl,8rem)
 }
 .height-xxxxl\@sm {
  height:var(--size-xxxxl,16rem)
 }
 .height-0\@sm {
  height:0
 }
 .height-10\%\@sm {
  height:10%
 }
 .height-20\%\@sm {
  height:20%
 }
 .height-25\%\@sm {
  height:25%
 }
 .height-30\%\@sm {
  height:30%
 }
 .height-33\%\@sm {
  height:calc(100%/3)
 }
 .height-40\%\@sm {
  height:40%
 }
 .height-50\%\@sm {
  height:50%
 }
 .height-60\%\@sm {
  height:60%
 }
 .height-66\%\@sm {
  height:calc(100%/1.5)
 }
 .height-70\%\@sm {
  height:70%
 }
 .height-75\%\@sm {
  height:75%
 }
 .height-80\%\@sm {
  height:80%
 }
 .height-90\%\@sm {
  height:90%
 }
 .height-100\%\@sm {
  height:100%
 }
 .height-100vh\@sm {
  height:100vh
 }
 .height-auto\@sm {
  height:auto
 }
 .max-width-xxxxs\@sm {
  max-width:var(--max-width-xxxxs)
 }
 .max-width-xxxs\@sm {
  max-width:var(--max-width-xxxs)
 }
 .max-width-xxs\@sm {
  max-width:var(--max-width-xxs)
 }
 .max-width-xs\@sm {
  max-width:var(--max-width-xs)
 }
 .max-width-sm\@sm {
  max-width:var(--max-width-sm)
 }
 .max-width-md\@sm {
  max-width:var(--max-width-md)
 }
 .max-width-lg\@sm {
  max-width:var(--max-width-lg)
 }
 .max-width-xl\@sm {
  max-width:var(--max-width-xl)
 }
 .max-width-xxl\@sm {
  max-width:var(--max-width-xxl)
 }
 .max-width-xxxl\@sm {
  max-width:var(--max-width-xxxl)
 }
 .max-width-xxxxl\@sm {
  max-width:var(--max-width-xxxxl)
 }
 .max-width-100\%\@sm {
  max-width:100%
 }
 .max-width-none\@sm {
  max-width:none
 }
 .position-relative\@sm {
  position:relative
 }
 .position-absolute\@sm {
  position:absolute
 }
 .position-fixed\@sm {
  position:fixed
 }
 .position-sticky\@sm {
  position:-webkit-sticky;
  position:sticky
 }
 .position-static\@sm {
  position:static
 }
 .inset-0\@sm {
  top:0;
  right:0;
  bottom:0;
  left:0
 }
 .top-0\@sm {
  top:0
 }
 .top-50\%\@sm {
  top:50%
 }
 .top-xxxxs\@sm {
  top:var(--space-xxxxs)
 }
 .top-xxxs\@sm {
  top:var(--space-xxxs)
 }
 .top-xxs\@sm {
  top:var(--space-xxs)
 }
 .top-xs\@sm {
  top:var(--space-xs)
 }
 .top-sm\@sm {
  top:var(--space-sm)
 }
 .top-md\@sm {
  top:var(--space-md)
 }
 .top-lg\@sm {
  top:var(--space-lg)
 }
 .top-xl\@sm {
  top:var(--space-xl)
 }
 .top-xxl\@sm {
  top:var(--space-xxl)
 }
 .top-xxxl\@sm {
  top:var(--space-xxxl)
 }
 .top-xxxxl\@sm {
  top:var(--space-xxxxl)
 }
 .bottom-0\@sm {
  bottom:0
 }
 .bottom-50\%\@sm {
  bottom:50%
 }
 .bottom-xxxxs\@sm {
  bottom:var(--space-xxxxs)
 }
 .bottom-xxxs\@sm {
  bottom:var(--space-xxxs)
 }
 .bottom-xxs\@sm {
  bottom:var(--space-xxs)
 }
 .bottom-xs\@sm {
  bottom:var(--space-xs)
 }
 .bottom-sm\@sm {
  bottom:var(--space-sm)
 }
 .bottom-md\@sm {
  bottom:var(--space-md)
 }
 .bottom-lg\@sm {
  bottom:var(--space-lg)
 }
 .bottom-xl\@sm {
  bottom:var(--space-xl)
 }
 .bottom-xxl\@sm {
  bottom:var(--space-xxl)
 }
 .bottom-xxxl\@sm {
  bottom:var(--space-xxxl)
 }
 .bottom-xxxxl\@sm {
  bottom:var(--space-xxxxl)
 }
 .right-0\@sm {
  right:0
 }
 .right-50\%\@sm {
  right:50%
 }
 .right-xxxxs\@sm {
  right:var(--space-xxxxs)
 }
 .right-xxxs\@sm {
  right:var(--space-xxxs)
 }
 .right-xxs\@sm {
  right:var(--space-xxs)
 }
 .right-xs\@sm {
  right:var(--space-xs)
 }
 .right-sm\@sm {
  right:var(--space-sm)
 }
 .right-md\@sm {
  right:var(--space-md)
 }
 .right-lg\@sm {
  right:var(--space-lg)
 }
 .right-xl\@sm {
  right:var(--space-xl)
 }
 .right-xxl\@sm {
  right:var(--space-xxl)
 }
 .right-xxxl\@sm {
  right:var(--space-xxxl)
 }
 .right-xxxxl\@sm {
  right:var(--space-xxxxl)
 }
 .left-0\@sm {
  left:0
 }
 .left-50\%\@sm {
  left:50%
 }
 .left-xxxxs\@sm {
  left:var(--space-xxxxs)
 }
 .left-xxxs\@sm {
  left:var(--space-xxxs)
 }
 .left-xxs\@sm {
  left:var(--space-xxs)
 }
 .left-xs\@sm {
  left:var(--space-xs)
 }
 .left-sm\@sm {
  left:var(--space-sm)
 }
 .left-md\@sm {
  left:var(--space-md)
 }
 .left-lg\@sm {
  left:var(--space-lg)
 }
 .left-xl\@sm {
  left:var(--space-xl)
 }
 .left-xxl\@sm {
  left:var(--space-xxl)
 }
 .left-xxxl\@sm {
  left:var(--space-xxxl)
 }
 .left-xxxxl\@sm {
  left:var(--space-xxxxl)
 }
 .overflow-hidden\@sm {
  overflow:hidden
 }
 .overflow-auto\@sm {
  overflow:auto
 }
 .momentum-scrolling\@sm {
  -webkit-overflow-scrolling:touch
 }
 .overscroll-contain\@sm {
  -ms-scroll-chaining:none;
  overscroll-behavior:contain
 }
 .visible\@sm {
  visibility:visible
 }
 .invisible\@sm {
  visibility:hidden
 }
}
@media not all and (min-width:48rem) {
 .display\@sm {
  display:none!important
 }
}
@media(min-width:64rem) {
 .flex\@md {
  display:flex
 }
 .inline-flex\@md {
  display:inline-flex
 }
 .flex-wrap\@md {
  flex-wrap:wrap
 }
 .flex-nowrap\@md {
  flex-wrap:nowrap
 }
 .flex-column\@md {
  flex-direction:column
 }
 .flex-column-reverse\@md {
  flex-direction:column-reverse
 }
 .flex-row\@md {
  flex-direction:row
 }
 .flex-row-reverse\@md {
  flex-direction:row-reverse
 }
 .flex-center\@md {
  justify-content:center;
  align-items:center
 }
 .flex-grow\@md {
  flex-grow:1
 }
 .flex-grow-0\@md {
  flex-grow:0
 }
 .flex-shrink\@md {
  flex-shrink:1
 }
 .flex-shrink-0\@md {
  flex-shrink:0
 }
 .flex-basis-0\@md {
  flex-basis:0
 }
 .justify-start\@md {
  justify-content:flex-start
 }
 .justify-end\@md {
  justify-content:flex-end
 }
 .justify-center\@md {
  justify-content:center
 }
 .justify-between\@md {
  justify-content:space-between
 }
 .items-center\@md {
  align-items:center
 }
 .items-start\@md {
  align-items:flex-start
 }
 .items-end\@md {
  align-items:flex-end
 }
 .items-baseline\@md {
  align-items:baseline
 }
 .order-1\@md {
  order:1
 }
 .order-2\@md {
  order:2
 }
 .order-3\@md {
  order:3
 }
 .block\@md {
  display:block
 }
 .inline-block\@md {
  display:inline-block
 }
 .inline\@md {
  display:inline
 }
 .contents\@md {
  display:contents
 }
 .hide\@md {
  display:none!important
 }
 .margin-xxxxs\@md {
  margin:var(--space-xxxxs)
 }
 .margin-xxxs\@md {
  margin:var(--space-xxxs)
 }
 .margin-xxs\@md {
  margin:var(--space-xxs)
 }
 .margin-xs\@md {
  margin:var(--space-xs)
 }
 .margin-sm\@md {
  margin:var(--space-sm)
 }
 .margin-md\@md {
  margin:var(--space-md)
 }
 .margin-lg\@md {
  margin:var(--space-lg)
 }
 .margin-xl\@md {
  margin:var(--space-xl)
 }
 .margin-xxl\@md {
  margin:var(--space-xxl)
 }
 .margin-xxxl\@md {
  margin:var(--space-xxxl)
 }
 .margin-xxxxl\@md {
  margin:var(--space-xxxxl)
 }
 .margin-auto\@md {
  margin:auto
 }
 .margin-0\@md {
  margin:0
 }
 .margin-top-xxxxs\@md {
  margin-top:var(--space-xxxxs)
 }
 .margin-top-xxxs\@md {
  margin-top:var(--space-xxxs)
 }
 .margin-top-xxs\@md {
  margin-top:var(--space-xxs)
 }
 .margin-top-xs\@md {
  margin-top:var(--space-xs)
 }
 .margin-top-sm\@md {
  margin-top:var(--space-sm)
 }
 .margin-top-md\@md {
  margin-top:var(--space-md)
 }
 .margin-top-lg\@md {
  margin-top:var(--space-lg)
 }
 .margin-top-xl\@md {
  margin-top:var(--space-xl)
 }
 .margin-top-xxl\@md {
  margin-top:var(--space-xxl)
 }
 .margin-top-xxxl\@md {
  margin-top:var(--space-xxxl)
 }
 .margin-top-xxxxl\@md {
  margin-top:var(--space-xxxxl)
 }
 .margin-top-auto\@md {
  margin-top:auto
 }
 .margin-top-0\@md {
  margin-top:0
 }
 .margin-bottom-xxxxs\@md {
  margin-bottom:var(--space-xxxxs)
 }
 .margin-bottom-xxxs\@md {
  margin-bottom:var(--space-xxxs)
 }
 .margin-bottom-xxs\@md {
  margin-bottom:var(--space-xxs)
 }
 .margin-bottom-xs\@md {
  margin-bottom:var(--space-xs)
 }
 .margin-bottom-sm\@md {
  margin-bottom:var(--space-sm)
 }
 .margin-bottom-md\@md {
  margin-bottom:var(--space-md)
 }
 .margin-bottom-lg\@md {
  margin-bottom:var(--space-lg)
 }
 .margin-bottom-xl\@md {
  margin-bottom:var(--space-xl)
 }
 .margin-bottom-xxl\@md {
  margin-bottom:var(--space-xxl)
 }
 .margin-bottom-xxxl\@md {
  margin-bottom:var(--space-xxxl)
 }
 .margin-bottom-xxxxl\@md {
  margin-bottom:var(--space-xxxxl)
 }
 .margin-bottom-auto\@md {
  margin-bottom:auto
 }
 .margin-bottom-0\@md {
  margin-bottom:0
 }
 .margin-right-xxxxs\@md {
  margin-right:var(--space-xxxxs)
 }
 .margin-right-xxxs\@md {
  margin-right:var(--space-xxxs)
 }
 .margin-right-xxs\@md {
  margin-right:var(--space-xxs)
 }
 .margin-right-xs\@md {
  margin-right:var(--space-xs)
 }
 .margin-right-sm\@md {
  margin-right:var(--space-sm)
 }
 .margin-right-md\@md {
  margin-right:var(--space-md)
 }
 .margin-right-lg\@md {
  margin-right:var(--space-lg)
 }
 .margin-right-xl\@md {
  margin-right:var(--space-xl)
 }
 .margin-right-xxl\@md {
  margin-right:var(--space-xxl)
 }
 .margin-right-xxxl\@md {
  margin-right:var(--space-xxxl)
 }
 .margin-right-xxxxl\@md {
  margin-right:var(--space-xxxxl)
 }
 .margin-right-auto\@md {
  margin-right:auto
 }
 .margin-right-0\@md {
  margin-right:0
 }
 .margin-left-xxxxs\@md {
  margin-left:var(--space-xxxxs)
 }
 .margin-left-xxxs\@md {
  margin-left:var(--space-xxxs)
 }
 .margin-left-xxs\@md {
  margin-left:var(--space-xxs)
 }
 .margin-left-xs\@md {
  margin-left:var(--space-xs)
 }
 .margin-left-sm\@md {
  margin-left:var(--space-sm)
 }
 .margin-left-md\@md {
  margin-left:var(--space-md)
 }
 .margin-left-lg\@md {
  margin-left:var(--space-lg)
 }
 .margin-left-xl\@md {
  margin-left:var(--space-xl)
 }
 .margin-left-xxl\@md {
  margin-left:var(--space-xxl)
 }
 .margin-left-xxxl\@md {
  margin-left:var(--space-xxxl)
 }
 .margin-left-xxxxl\@md {
  margin-left:var(--space-xxxxl)
 }
 .margin-left-auto\@md {
  margin-left:auto
 }
 .margin-left-0\@md {
  margin-left:0
 }
 .margin-x-xxxxs\@md {
  margin-left:var(--space-xxxxs);
  margin-right:var(--space-xxxxs)
 }
 .margin-x-xxxs\@md {
  margin-left:var(--space-xxxs);
  margin-right:var(--space-xxxs)
 }
 .margin-x-xxs\@md {
  margin-left:var(--space-xxs);
  margin-right:var(--space-xxs)
 }
 .margin-x-xs\@md {
  margin-left:var(--space-xs);
  margin-right:var(--space-xs)
 }
 .margin-x-sm\@md {
  margin-left:var(--space-sm);
  margin-right:var(--space-sm)
 }
 .margin-x-md\@md {
  margin-left:var(--space-md);
  margin-right:var(--space-md)
 }
 .margin-x-lg\@md {
  margin-left:var(--space-lg);
  margin-right:var(--space-lg)
 }
 .margin-x-xl\@md {
  margin-left:var(--space-xl);
  margin-right:var(--space-xl)
 }
 .margin-x-xxl\@md {
  margin-left:var(--space-xxl);
  margin-right:var(--space-xxl)
 }
 .margin-x-xxxl\@md {
  margin-left:var(--space-xxxl);
  margin-right:var(--space-xxxl)
 }
 .margin-x-xxxxl\@md {
  margin-left:var(--space-xxxxl);
  margin-right:var(--space-xxxxl)
 }
 .margin-x-auto\@md {
  margin-left:auto;
  margin-right:auto
 }
 .margin-x-0\@md {
  margin-left:0;
  margin-right:0
 }
 .margin-y-xxxxs\@md {
  margin-top:var(--space-xxxxs);
  margin-bottom:var(--space-xxxxs)
 }
 .margin-y-xxxs\@md {
  margin-top:var(--space-xxxs);
  margin-bottom:var(--space-xxxs)
 }
 .margin-y-xxs\@md {
  margin-top:var(--space-xxs);
  margin-bottom:var(--space-xxs)
 }
 .margin-y-xs\@md {
  margin-top:var(--space-xs);
  margin-bottom:var(--space-xs)
 }
 .margin-y-sm\@md {
  margin-top:var(--space-sm);
  margin-bottom:var(--space-sm)
 }
 .margin-y-md\@md {
  margin-top:var(--space-md);
  margin-bottom:var(--space-md)
 }
 .margin-y-lg\@md {
  margin-top:var(--space-lg);
  margin-bottom:var(--space-lg)
 }
 .margin-y-xl\@md {
  margin-top:var(--space-xl);
  margin-bottom:var(--space-xl)
 }
 .margin-y-xxl\@md {
  margin-top:var(--space-xxl);
  margin-bottom:var(--space-xxl)
 }
 .margin-y-xxxl\@md {
  margin-top:var(--space-xxxl);
  margin-bottom:var(--space-xxxl)
 }
 .margin-y-xxxxl\@md {
  margin-top:var(--space-xxxxl);
  margin-bottom:var(--space-xxxxl)
 }
 .margin-y-auto\@md {
  margin-top:auto;
  margin-bottom:auto
 }
 .margin-y-0\@md {
  margin-top:0;
  margin-bottom:0
 }
 .padding-xxxxs\@md {
  padding:var(--space-xxxxs)
 }
 .padding-xxxs\@md {
  padding:var(--space-xxxs)
 }
 .padding-xxs\@md {
  padding:var(--space-xxs)
 }
 .padding-xs\@md {
  padding:var(--space-xs)
 }
 .padding-sm\@md {
  padding:var(--space-sm)
 }
 .padding-md\@md {
  padding:var(--space-md)
 }
 .padding-lg\@md {
  padding:var(--space-lg)
 }
 .padding-xl\@md {
  padding:var(--space-xl)
 }
 .padding-xxl\@md {
  padding:var(--space-xxl)
 }
 .padding-xxxl\@md {
  padding:var(--space-xxxl)
 }
 .padding-xxxxl\@md {
  padding:var(--space-xxxxl)
 }
 .padding-0\@md {
  padding:0
 }
 .padding-component\@md {
  padding:var(--component-padding)
 }
 .padding-top-xxxxs\@md {
  padding-top:var(--space-xxxxs)
 }
 .padding-top-xxxs\@md {
  padding-top:var(--space-xxxs)
 }
 .padding-top-xxs\@md {
  padding-top:var(--space-xxs)
 }
 .padding-top-xs\@md {
  padding-top:var(--space-xs)
 }
 .padding-top-sm\@md {
  padding-top:var(--space-sm)
 }
 .padding-top-md\@md {
  padding-top:var(--space-md)
 }
 .padding-top-lg\@md {
  padding-top:var(--space-lg)
 }
 .padding-top-xl\@md {
  padding-top:var(--space-xl)
 }
 .padding-top-xxl\@md {
  padding-top:var(--space-xxl)
 }
 .padding-top-xxxl\@md {
  padding-top:var(--space-xxxl)
 }
 .padding-top-xxxxl\@md {
  padding-top:var(--space-xxxxl)
 }
 .padding-top-0\@md {
  padding-top:0
 }
 .padding-top-component\@md {
  padding-top:var(--component-padding)
 }
 .padding-bottom-xxxxs\@md {
  padding-bottom:var(--space-xxxxs)
 }
 .padding-bottom-xxxs\@md {
  padding-bottom:var(--space-xxxs)
 }
 .padding-bottom-xxs\@md {
  padding-bottom:var(--space-xxs)
 }
 .padding-bottom-xs\@md {
  padding-bottom:var(--space-xs)
 }
 .padding-bottom-sm\@md {
  padding-bottom:var(--space-sm)
 }
 .padding-bottom-md\@md {
  padding-bottom:var(--space-md)
 }
 .padding-bottom-lg\@md {
  padding-bottom:var(--space-lg)
 }
 .padding-bottom-xl\@md {
  padding-bottom:var(--space-xl)
 }
 .padding-bottom-xxl\@md {
  padding-bottom:var(--space-xxl)
 }
 .padding-bottom-xxxl\@md {
  padding-bottom:var(--space-xxxl)
 }
 .padding-bottom-xxxxl\@md {
  padding-bottom:var(--space-xxxxl)
 }
 .padding-bottom-0\@md {
  padding-bottom:0
 }
 .padding-bottom-component\@md {
  padding-bottom:var(--component-padding)
 }
 .padding-right-xxxxs\@md {
  padding-right:var(--space-xxxxs)
 }
 .padding-right-xxxs\@md {
  padding-right:var(--space-xxxs)
 }
 .padding-right-xxs\@md {
  padding-right:var(--space-xxs)
 }
 .padding-right-xs\@md {
  padding-right:var(--space-xs)
 }
 .padding-right-sm\@md {
  padding-right:var(--space-sm)
 }
 .padding-right-md\@md {
  padding-right:var(--space-md)
 }
 .padding-right-lg\@md {
  padding-right:var(--space-lg)
 }
 .padding-right-xl\@md {
  padding-right:var(--space-xl)
 }
 .padding-right-xxl\@md {
  padding-right:var(--space-xxl)
 }
 .padding-right-xxxl\@md {
  padding-right:var(--space-xxxl)
 }
 .padding-right-xxxxl\@md {
  padding-right:var(--space-xxxxl)
 }
 .padding-right-0\@md {
  padding-right:0
 }
 .padding-right-component\@md {
  padding-right:var(--component-padding)
 }
 .padding-left-xxxxs\@md {
  padding-left:var(--space-xxxxs)
 }
 .padding-left-xxxs\@md {
  padding-left:var(--space-xxxs)
 }
 .padding-left-xxs\@md {
  padding-left:var(--space-xxs)
 }
 .padding-left-xs\@md {
  padding-left:var(--space-xs)
 }
 .padding-left-sm\@md {
  padding-left:var(--space-sm)
 }
 .padding-left-md\@md {
  padding-left:var(--space-md)
 }
 .padding-left-lg\@md {
  padding-left:var(--space-lg)
 }
 .padding-left-xl\@md {
  padding-left:var(--space-xl)
 }
 .padding-left-xxl\@md {
  padding-left:var(--space-xxl)
 }
 .padding-left-xxxl\@md {
  padding-left:var(--space-xxxl)
 }
 .padding-left-xxxxl\@md {
  padding-left:var(--space-xxxxl)
 }
 .padding-left-0\@md {
  padding-left:0
 }
 .padding-left-component\@md {
  padding-left:var(--component-padding)
 }
 .padding-x-xxxxs\@md {
  padding-left:var(--space-xxxxs);
  padding-right:var(--space-xxxxs)
 }
 .padding-x-xxxs\@md {
  padding-left:var(--space-xxxs);
  padding-right:var(--space-xxxs)
 }
 .padding-x-xxs\@md {
  padding-left:var(--space-xxs);
  padding-right:var(--space-xxs)
 }
 .padding-x-xs\@md {
  padding-left:var(--space-xs);
  padding-right:var(--space-xs)
 }
 .padding-x-sm\@md {
  padding-left:var(--space-sm);
  padding-right:var(--space-sm)
 }
 .padding-x-md\@md {
  padding-left:var(--space-md);
  padding-right:var(--space-md)
 }
 .padding-x-lg\@md {
  padding-left:var(--space-lg);
  padding-right:var(--space-lg)
 }
 .padding-x-xl\@md {
  padding-left:var(--space-xl);
  padding-right:var(--space-xl)
 }
 .padding-x-xxl\@md {
  padding-left:var(--space-xxl);
  padding-right:var(--space-xxl)
 }
 .padding-x-xxxl\@md {
  padding-left:var(--space-xxxl);
  padding-right:var(--space-xxxl)
 }
 .padding-x-xxxxl\@md {
  padding-left:var(--space-xxxxl);
  padding-right:var(--space-xxxxl)
 }
 .padding-x-0\@md {
  padding-left:0;
  padding-right:0
 }
 .padding-x-component\@md {
  padding-left:var(--component-padding);
  padding-right:var(--component-padding)
 }
 .padding-y-xxxxs\@md {
  padding-top:var(--space-xxxxs);
  padding-bottom:var(--space-xxxxs)
 }
 .padding-y-xxxs\@md {
  padding-top:var(--space-xxxs);
  padding-bottom:var(--space-xxxs)
 }
 .padding-y-xxs\@md {
  padding-top:var(--space-xxs);
  padding-bottom:var(--space-xxs)
 }
 .padding-y-xs\@md {
  padding-top:var(--space-xs);
  padding-bottom:var(--space-xs)
 }
 .padding-y-sm\@md {
  padding-top:var(--space-sm);
  padding-bottom:var(--space-sm)
 }
 .padding-y-md\@md {
  padding-top:var(--space-md);
  padding-bottom:var(--space-md)
 }
 .padding-y-lg\@md {
  padding-top:var(--space-lg);
  padding-bottom:var(--space-lg)
 }
 .padding-y-xl\@md {
  padding-top:var(--space-xl);
  padding-bottom:var(--space-xl)
 }
 .padding-y-xxl\@md {
  padding-top:var(--space-xxl);
  padding-bottom:var(--space-xxl)
 }
 .padding-y-xxxl\@md {
  padding-top:var(--space-xxxl);
  padding-bottom:var(--space-xxxl)
 }
 .padding-y-xxxxl\@md {
  padding-top:var(--space-xxxxl);
  padding-bottom:var(--space-xxxxl)
 }
 .padding-y-0\@md {
  padding-top:0;
  padding-bottom:0
 }
 .padding-y-component\@md {
  padding-top:var(--component-padding);
  padding-bottom:var(--component-padding)
 }
 .text-center\@md {
  text-align:center
 }
 .text-left\@md {
  text-align:left
 }
 .text-right\@md {
  text-align:right
 }
 .text-justify\@md {
  text-align:justify
 }
 .text-xs\@md {
  font-size:var(--text-xs,.6875rem)
 }
 .text-sm\@md {
  font-size:var(--text-sm,.75rem)
 }
 .text-base\@md {
  font-size:var(--text-unit,1rem)
 }
 .text-md\@md {
  font-size:var(--text-md,1.125rem)
 }
 .text-lg\@md {
  font-size:var(--text-lg,1.375rem)
 }
 .text-xl\@md {
  font-size:var(--text-xl,1.75rem)
 }
 .text-xxl\@md {
  font-size:var(--text-xxl,2rem)
 }
 .text-xxxl\@md {
  font-size:var(--text-xxxl,2.5rem)
 }
 .text-xxxxl\@md {
  font-size:var(--text-xxxxl,3rem)
 }
 .width-xxxxs\@md {
  width:var(--size-xxxxs,.25rem)
 }
 .width-xxxs\@md {
  width:var(--size-xxxs,.5rem)
 }
 .width-xxs\@md {
  width:var(--size-xxs,.75rem)
 }
 .width-xs\@md {
  width:var(--size-xs,1rem)
 }
 .width-sm\@md {
  width:var(--size-sm,1.5rem)
 }
 .width-md\@md {
  width:var(--size-md,2rem)
 }
 .width-lg\@md {
  width:var(--size-lg,3rem)
 }
 .width-xl\@md {
  width:var(--size-xl,4rem)
 }
 .width-xxl\@md {
  width:var(--size-xxl,6rem)
 }
 .width-xxxl\@md {
  width:var(--size-xxxl,8rem)
 }
 .width-xxxxl\@md {
  width:var(--size-xxxxl,16rem)
 }
 .width-0\@md {
  width:0
 }
 .width-10\%\@md {
  width:10%
 }
 .width-20\%\@md {
  width:20%
 }
 .width-25\%\@md {
  width:25%
 }
 .width-30\%\@md {
  width:30%
 }
 .width-33\%\@md {
  width:calc(100%/3)
 }
 .width-40\%\@md {
  width:40%
 }
 .width-50\%\@md {
  width:50%
 }
 .width-60\%\@md {
  width:60%
 }
 .width-66\%\@md {
  width:calc(100%/1.5)
 }
 .width-70\%\@md {
  width:70%
 }
 .width-75\%\@md {
  width:75%
 }
 .width-80\%\@md {
  width:80%
 }
 .width-90\%\@md {
  width:90%
 }
 .width-100\%\@md {
  width:100%
 }
 .width-100vw\@md {
  width:100vw
 }
 .width-auto\@md {
  width:auto
 }
 .height-xxxxs\@md {
  height:var(--size-xxxxs,.25rem)
 }
 .height-xxxs\@md {
  height:var(--size-xxxs,.5rem)
 }
 .height-xxs\@md {
  height:var(--size-xxs,.75rem)
 }
 .height-xs\@md {
  height:var(--size-xs,1rem)
 }
 .height-sm\@md {
  height:var(--size-sm,1.5rem)
 }
 .height-md\@md {
  height:var(--size-md,2rem)
 }
 .height-lg\@md {
  height:var(--size-lg,3rem)
 }
 .height-xl\@md {
  height:var(--size-xl,4rem)
 }
 .height-xxl\@md {
  height:var(--size-xxl,6rem)
 }
 .height-xxxl\@md {
  height:var(--size-xxxl,8rem)
 }
 .height-xxxxl\@md {
  height:var(--size-xxxxl,16rem)
 }
 .height-0\@md {
  height:0
 }
 .height-10\%\@md {
  height:10%
 }
 .height-20\%\@md {
  height:20%
 }
 .height-25\%\@md {
  height:25%
 }
 .height-30\%\@md {
  height:30%
 }
 .height-33\%\@md {
  height:calc(100%/3)
 }
 .height-40\%\@md {
  height:40%
 }
 .height-50\%\@md {
  height:50%
 }
 .height-60\%\@md {
  height:60%
 }
 .height-66\%\@md {
  height:calc(100%/1.5)
 }
 .height-70\%\@md {
  height:70%
 }
 .height-75\%\@md {
  height:75%
 }
 .height-80\%\@md {
  height:80%
 }
 .height-90\%\@md {
  height:90%
 }
 .height-100\%\@md {
  height:100%
 }
 .height-100vh\@md {
  height:100vh
 }
 .height-auto\@md {
  height:auto
 }
 .max-width-xxxxs\@md {
  max-width:var(--max-width-xxxxs)
 }
 .max-width-xxxs\@md {
  max-width:var(--max-width-xxxs)
 }
 .max-width-xxs\@md {
  max-width:var(--max-width-xxs)
 }
 .max-width-xs\@md {
  max-width:var(--max-width-xs)
 }
 .max-width-sm\@md {
  max-width:var(--max-width-sm)
 }
 .max-width-md\@md {
  max-width:var(--max-width-md)
 }
 .max-width-lg\@md {
  max-width:var(--max-width-lg)
 }
 .max-width-xl\@md {
  max-width:var(--max-width-xl)
 }
 .max-width-xxl\@md {
  max-width:var(--max-width-xxl)
 }
 .max-width-xxxl\@md {
  max-width:var(--max-width-xxxl)
 }
 .max-width-xxxxl\@md {
  max-width:var(--max-width-xxxxl)
 }
 .max-width-100\%\@md {
  max-width:100%
 }
 .max-width-none\@md {
  max-width:none
 }
 .position-relative\@md {
  position:relative
 }
 .position-absolute\@md {
  position:absolute
 }
 .position-fixed\@md {
  position:fixed
 }
 .position-sticky\@md {
  position:-webkit-sticky;
  position:sticky
 }
 .position-static\@md {
  position:static
 }
 .inset-0\@md {
  top:0;
  right:0;
  bottom:0;
  left:0
 }
 .top-0\@md {
  top:0
 }
 .top-50\%\@md {
  top:50%
 }
 .top-xxxxs\@md {
  top:var(--space-xxxxs)
 }
 .top-xxxs\@md {
  top:var(--space-xxxs)
 }
 .top-xxs\@md {
  top:var(--space-xxs)
 }
 .top-xs\@md {
  top:var(--space-xs)
 }
 .top-sm\@md {
  top:var(--space-sm)
 }
 .top-md\@md {
  top:var(--space-md)
 }
 .top-lg\@md {
  top:var(--space-lg)
 }
 .top-xl\@md {
  top:var(--space-xl)
 }
 .top-xxl\@md {
  top:var(--space-xxl)
 }
 .top-xxxl\@md {
  top:var(--space-xxxl)
 }
 .top-xxxxl\@md {
  top:var(--space-xxxxl)
 }
 .bottom-0\@md {
  bottom:0
 }
 .bottom-50\%\@md {
  bottom:50%
 }
 .bottom-xxxxs\@md {
  bottom:var(--space-xxxxs)
 }
 .bottom-xxxs\@md {
  bottom:var(--space-xxxs)
 }
 .bottom-xxs\@md {
  bottom:var(--space-xxs)
 }
 .bottom-xs\@md {
  bottom:var(--space-xs)
 }
 .bottom-sm\@md {
  bottom:var(--space-sm)
 }
 .bottom-md\@md {
  bottom:var(--space-md)
 }
 .bottom-lg\@md {
  bottom:var(--space-lg)
 }
 .bottom-xl\@md {
  bottom:var(--space-xl)
 }
 .bottom-xxl\@md {
  bottom:var(--space-xxl)
 }
 .bottom-xxxl\@md {
  bottom:var(--space-xxxl)
 }
 .bottom-xxxxl\@md {
  bottom:var(--space-xxxxl)
 }
 .right-0\@md {
  right:0
 }
 .right-50\%\@md {
  right:50%
 }
 .right-xxxxs\@md {
  right:var(--space-xxxxs)
 }
 .right-xxxs\@md {
  right:var(--space-xxxs)
 }
 .right-xxs\@md {
  right:var(--space-xxs)
 }
 .right-xs\@md {
  right:var(--space-xs)
 }
 .right-sm\@md {
  right:var(--space-sm)
 }
 .right-md\@md {
  right:var(--space-md)
 }
 .right-lg\@md {
  right:var(--space-lg)
 }
 .right-xl\@md {
  right:var(--space-xl)
 }
 .right-xxl\@md {
  right:var(--space-xxl)
 }
 .right-xxxl\@md {
  right:var(--space-xxxl)
 }
 .right-xxxxl\@md {
  right:var(--space-xxxxl)
 }
 .left-0\@md {
  left:0
 }
 .left-50\%\@md {
  left:50%
 }
 .left-xxxxs\@md {
  left:var(--space-xxxxs)
 }
 .left-xxxs\@md {
  left:var(--space-xxxs)
 }
 .left-xxs\@md {
  left:var(--space-xxs)
 }
 .left-xs\@md {
  left:var(--space-xs)
 }
 .left-sm\@md {
  left:var(--space-sm)
 }
 .left-md\@md {
  left:var(--space-md)
 }
 .left-lg\@md {
  left:var(--space-lg)
 }
 .left-xl\@md {
  left:var(--space-xl)
 }
 .left-xxl\@md {
  left:var(--space-xxl)
 }
 .left-xxxl\@md {
  left:var(--space-xxxl)
 }
 .left-xxxxl\@md {
  left:var(--space-xxxxl)
 }
 .overflow-hidden\@md {
  overflow:hidden
 }
 .overflow-auto\@md {
  overflow:auto
 }
 .momentum-scrolling\@md {
  -webkit-overflow-scrolling:touch
 }
 .overscroll-contain\@md {
  -ms-scroll-chaining:none;
  overscroll-behavior:contain
 }
 .visible\@md {
  visibility:visible
 }
 .invisible\@md {
  visibility:hidden
 }
}
@media not all and (min-width:64rem) {
 .display\@md {
  display:none!important
 }
}
@media(min-width:80rem) {
 .flex\@lg {
  display:flex
 }
 .inline-flex\@lg {
  display:inline-flex
 }
 .flex-wrap\@lg {
  flex-wrap:wrap
 }
 .flex-nowrap\@lg {
  flex-wrap:nowrap
 }
 .flex-column\@lg {
  flex-direction:column
 }
 .flex-column-reverse\@lg {
  flex-direction:column-reverse
 }
 .flex-row\@lg {
  flex-direction:row
 }
 .flex-row-reverse\@lg {
  flex-direction:row-reverse
 }
 .flex-center\@lg {
  justify-content:center;
  align-items:center
 }
 .flex-grow\@lg {
  flex-grow:1
 }
 .flex-grow-0\@lg {
  flex-grow:0
 }
 .flex-shrink\@lg {
  flex-shrink:1
 }
 .flex-shrink-0\@lg {
  flex-shrink:0
 }
 .flex-basis-0\@lg {
  flex-basis:0
 }
 .justify-start\@lg {
  justify-content:flex-start
 }
 .justify-end\@lg {
  justify-content:flex-end
 }
 .justify-center\@lg {
  justify-content:center
 }
 .justify-between\@lg {
  justify-content:space-between
 }
 .items-center\@lg {
  align-items:center
 }
 .items-start\@lg {
  align-items:flex-start
 }
 .items-end\@lg {
  align-items:flex-end
 }
 .items-baseline\@lg {
  align-items:baseline
 }
 .order-1\@lg {
  order:1
 }
 .order-2\@lg {
  order:2
 }
 .order-3\@lg {
  order:3
 }
 .block\@lg {
  display:block
 }
 .inline-block\@lg {
  display:inline-block
 }
 .inline\@lg {
  display:inline
 }
 .contents\@lg {
  display:contents
 }
 .hide\@lg {
  display:none!important
 }
 .margin-xxxxs\@lg {
  margin:var(--space-xxxxs)
 }
 .margin-xxxs\@lg {
  margin:var(--space-xxxs)
 }
 .margin-xxs\@lg {
  margin:var(--space-xxs)
 }
 .margin-xs\@lg {
  margin:var(--space-xs)
 }
 .margin-sm\@lg {
  margin:var(--space-sm)
 }
 .margin-md\@lg {
  margin:var(--space-md)
 }
 .margin-lg\@lg {
  margin:var(--space-lg)
 }
 .margin-xl\@lg {
  margin:var(--space-xl)
 }
 .margin-xxl\@lg {
  margin:var(--space-xxl)
 }
 .margin-xxxl\@lg {
  margin:var(--space-xxxl)
 }
 .margin-xxxxl\@lg {
  margin:var(--space-xxxxl)
 }
 .margin-auto\@lg {
  margin:auto
 }
 .margin-0\@lg {
  margin:0
 }
 .margin-top-xxxxs\@lg {
  margin-top:var(--space-xxxxs)
 }
 .margin-top-xxxs\@lg {
  margin-top:var(--space-xxxs)
 }
 .margin-top-xxs\@lg {
  margin-top:var(--space-xxs)
 }
 .margin-top-xs\@lg {
  margin-top:var(--space-xs)
 }
 .margin-top-sm\@lg {
  margin-top:var(--space-sm)
 }
 .margin-top-md\@lg {
  margin-top:var(--space-md)
 }
 .margin-top-lg\@lg {
  margin-top:var(--space-lg)
 }
 .margin-top-xl\@lg {
  margin-top:var(--space-xl)
 }
 .margin-top-xxl\@lg {
  margin-top:var(--space-xxl)
 }
 .margin-top-xxxl\@lg {
  margin-top:var(--space-xxxl)
 }
 .margin-top-xxxxl\@lg {
  margin-top:var(--space-xxxxl)
 }
 .margin-top-auto\@lg {
  margin-top:auto
 }
 .margin-top-0\@lg {
  margin-top:0
 }
 .margin-bottom-xxxxs\@lg {
  margin-bottom:var(--space-xxxxs)
 }
 .margin-bottom-xxxs\@lg {
  margin-bottom:var(--space-xxxs)
 }
 .margin-bottom-xxs\@lg {
  margin-bottom:var(--space-xxs)
 }
 .margin-bottom-xs\@lg {
  margin-bottom:var(--space-xs)
 }
 .margin-bottom-sm\@lg {
  margin-bottom:var(--space-sm)
 }
 .margin-bottom-md\@lg {
  margin-bottom:var(--space-md)
 }
 .margin-bottom-lg\@lg {
  margin-bottom:var(--space-lg)
 }
 .margin-bottom-xl\@lg {
  margin-bottom:var(--space-xl)
 }
 .margin-bottom-xxl\@lg {
  margin-bottom:var(--space-xxl)
 }
 .margin-bottom-xxxl\@lg {
  margin-bottom:var(--space-xxxl)
 }
 .margin-bottom-xxxxl\@lg {
  margin-bottom:var(--space-xxxxl)
 }
 .margin-bottom-auto\@lg {
  margin-bottom:auto
 }
 .margin-bottom-0\@lg {
  margin-bottom:0
 }
 .margin-right-xxxxs\@lg {
  margin-right:var(--space-xxxxs)
 }
 .margin-right-xxxs\@lg {
  margin-right:var(--space-xxxs)
 }
 .margin-right-xxs\@lg {
  margin-right:var(--space-xxs)
 }
 .margin-right-xs\@lg {
  margin-right:var(--space-xs)
 }
 .margin-right-sm\@lg {
  margin-right:var(--space-sm)
 }
 .margin-right-md\@lg {
  margin-right:var(--space-md)
 }
 .margin-right-lg\@lg {
  margin-right:var(--space-lg)
 }
 .margin-right-xl\@lg {
  margin-right:var(--space-xl)
 }
 .margin-right-xxl\@lg {
  margin-right:var(--space-xxl)
 }
 .margin-right-xxxl\@lg {
  margin-right:var(--space-xxxl)
 }
 .margin-right-xxxxl\@lg {
  margin-right:var(--space-xxxxl)
 }
 .margin-right-auto\@lg {
  margin-right:auto
 }
 .margin-right-0\@lg {
  margin-right:0
 }
 .margin-left-xxxxs\@lg {
  margin-left:var(--space-xxxxs)
 }
 .margin-left-xxxs\@lg {
  margin-left:var(--space-xxxs)
 }
 .margin-left-xxs\@lg {
  margin-left:var(--space-xxs)
 }
 .margin-left-xs\@lg {
  margin-left:var(--space-xs)
 }
 .margin-left-sm\@lg {
  margin-left:var(--space-sm)
 }
 .margin-left-md\@lg {
  margin-left:var(--space-md)
 }
 .margin-left-lg\@lg {
  margin-left:var(--space-lg)
 }
 .margin-left-xl\@lg {
  margin-left:var(--space-xl)
 }
 .margin-left-xxl\@lg {
  margin-left:var(--space-xxl)
 }
 .margin-left-xxxl\@lg {
  margin-left:var(--space-xxxl)
 }
 .margin-left-xxxxl\@lg {
  margin-left:var(--space-xxxxl)
 }
 .margin-left-auto\@lg {
  margin-left:auto
 }
 .margin-left-0\@lg {
  margin-left:0
 }
 .margin-x-xxxxs\@lg {
  margin-left:var(--space-xxxxs);
  margin-right:var(--space-xxxxs)
 }
 .margin-x-xxxs\@lg {
  margin-left:var(--space-xxxs);
  margin-right:var(--space-xxxs)
 }
 .margin-x-xxs\@lg {
  margin-left:var(--space-xxs);
  margin-right:var(--space-xxs)
 }
 .margin-x-xs\@lg {
  margin-left:var(--space-xs);
  margin-right:var(--space-xs)
 }
 .margin-x-sm\@lg {
  margin-left:var(--space-sm);
  margin-right:var(--space-sm)
 }
 .margin-x-md\@lg {
  margin-left:var(--space-md);
  margin-right:var(--space-md)
 }
 .margin-x-lg\@lg {
  margin-left:var(--space-lg);
  margin-right:var(--space-lg)
 }
 .margin-x-xl\@lg {
  margin-left:var(--space-xl);
  margin-right:var(--space-xl)
 }
 .margin-x-xxl\@lg {
  margin-left:var(--space-xxl);
  margin-right:var(--space-xxl)
 }
 .margin-x-xxxl\@lg {
  margin-left:var(--space-xxxl);
  margin-right:var(--space-xxxl)
 }
 .margin-x-xxxxl\@lg {
  margin-left:var(--space-xxxxl);
  margin-right:var(--space-xxxxl)
 }
 .margin-x-auto\@lg {
  margin-left:auto;
  margin-right:auto
 }
 .margin-x-0\@lg {
  margin-left:0;
  margin-right:0
 }
 .margin-y-xxxxs\@lg {
  margin-top:var(--space-xxxxs);
  margin-bottom:var(--space-xxxxs)
 }
 .margin-y-xxxs\@lg {
  margin-top:var(--space-xxxs);
  margin-bottom:var(--space-xxxs)
 }
 .margin-y-xxs\@lg {
  margin-top:var(--space-xxs);
  margin-bottom:var(--space-xxs)
 }
 .margin-y-xs\@lg {
  margin-top:var(--space-xs);
  margin-bottom:var(--space-xs)
 }
 .margin-y-sm\@lg {
  margin-top:var(--space-sm);
  margin-bottom:var(--space-sm)
 }
 .margin-y-md\@lg {
  margin-top:var(--space-md);
  margin-bottom:var(--space-md)
 }
 .margin-y-lg\@lg {
  margin-top:var(--space-lg);
  margin-bottom:var(--space-lg)
 }
 .margin-y-xl\@lg {
  margin-top:var(--space-xl);
  margin-bottom:var(--space-xl)
 }
 .margin-y-xxl\@lg {
  margin-top:var(--space-xxl);
  margin-bottom:var(--space-xxl)
 }
 .margin-y-xxxl\@lg {
  margin-top:var(--space-xxxl);
  margin-bottom:var(--space-xxxl)
 }
 .margin-y-xxxxl\@lg {
  margin-top:var(--space-xxxxl);
  margin-bottom:var(--space-xxxxl)
 }
 .margin-y-auto\@lg {
  margin-top:auto;
  margin-bottom:auto
 }
 .margin-y-0\@lg {
  margin-top:0;
  margin-bottom:0
 }
 .padding-xxxxs\@lg {
  padding:var(--space-xxxxs)
 }
 .padding-xxxs\@lg {
  padding:var(--space-xxxs)
 }
 .padding-xxs\@lg {
  padding:var(--space-xxs)
 }
 .padding-xs\@lg {
  padding:var(--space-xs)
 }
 .padding-sm\@lg {
  padding:var(--space-sm)
 }
 .padding-md\@lg {
  padding:var(--space-md)
 }
 .padding-lg\@lg {
  padding:var(--space-lg)
 }
 .padding-xl\@lg {
  padding:var(--space-xl)
 }
 .padding-xxl\@lg {
  padding:var(--space-xxl)
 }
 .padding-xxxl\@lg {
  padding:var(--space-xxxl)
 }
 .padding-xxxxl\@lg {
  padding:var(--space-xxxxl)
 }
 .padding-0\@lg {
  padding:0
 }
 .padding-component\@lg {
  padding:var(--component-padding)
 }
 .padding-top-xxxxs\@lg {
  padding-top:var(--space-xxxxs)
 }
 .padding-top-xxxs\@lg {
  padding-top:var(--space-xxxs)
 }
 .padding-top-xxs\@lg {
  padding-top:var(--space-xxs)
 }
 .padding-top-xs\@lg {
  padding-top:var(--space-xs)
 }
 .padding-top-sm\@lg {
  padding-top:var(--space-sm)
 }
 .padding-top-md\@lg {
  padding-top:var(--space-md)
 }
 .padding-top-lg\@lg {
  padding-top:var(--space-lg)
 }
 .padding-top-xl\@lg {
  padding-top:var(--space-xl)
 }
 .padding-top-xxl\@lg {
  padding-top:var(--space-xxl)
 }
 .padding-top-xxxl\@lg {
  padding-top:var(--space-xxxl)
 }
 .padding-top-xxxxl\@lg {
  padding-top:var(--space-xxxxl)
 }
 .padding-top-0\@lg {
  padding-top:0
 }
 .padding-top-component\@lg {
  padding-top:var(--component-padding)
 }
 .padding-bottom-xxxxs\@lg {
  padding-bottom:var(--space-xxxxs)
 }
 .padding-bottom-xxxs\@lg {
  padding-bottom:var(--space-xxxs)
 }
 .padding-bottom-xxs\@lg {
  padding-bottom:var(--space-xxs)
 }
 .padding-bottom-xs\@lg {
  padding-bottom:var(--space-xs)
 }
 .padding-bottom-sm\@lg {
  padding-bottom:var(--space-sm)
 }
 .padding-bottom-md\@lg {
  padding-bottom:var(--space-md)
 }
 .padding-bottom-lg\@lg {
  padding-bottom:var(--space-lg)
 }
 .padding-bottom-xl\@lg {
  padding-bottom:var(--space-xl)
 }
 .padding-bottom-xxl\@lg {
  padding-bottom:var(--space-xxl)
 }
 .padding-bottom-xxxl\@lg {
  padding-bottom:var(--space-xxxl)
 }
 .padding-bottom-xxxxl\@lg {
  padding-bottom:var(--space-xxxxl)
 }
 .padding-bottom-0\@lg {
  padding-bottom:0
 }
 .padding-bottom-component\@lg {
  padding-bottom:var(--component-padding)
 }
 .padding-right-xxxxs\@lg {
  padding-right:var(--space-xxxxs)
 }
 .padding-right-xxxs\@lg {
  padding-right:var(--space-xxxs)
 }
 .padding-right-xxs\@lg {
  padding-right:var(--space-xxs)
 }
 .padding-right-xs\@lg {
  padding-right:var(--space-xs)
 }
 .padding-right-sm\@lg {
  padding-right:var(--space-sm)
 }
 .padding-right-md\@lg {
  padding-right:var(--space-md)
 }
 .padding-right-lg\@lg {
  padding-right:var(--space-lg)
 }
 .padding-right-xl\@lg {
  padding-right:var(--space-xl)
 }
 .padding-right-xxl\@lg {
  padding-right:var(--space-xxl)
 }
 .padding-right-xxxl\@lg {
  padding-right:var(--space-xxxl)
 }
 .padding-right-xxxxl\@lg {
  padding-right:var(--space-xxxxl)
 }
 .padding-right-0\@lg {
  padding-right:0
 }
 .padding-right-component\@lg {
  padding-right:var(--component-padding)
 }
 .padding-left-xxxxs\@lg {
  padding-left:var(--space-xxxxs)
 }
 .padding-left-xxxs\@lg {
  padding-left:var(--space-xxxs)
 }
 .padding-left-xxs\@lg {
  padding-left:var(--space-xxs)
 }
 .padding-left-xs\@lg {
  padding-left:var(--space-xs)
 }
 .padding-left-sm\@lg {
  padding-left:var(--space-sm)
 }
 .padding-left-md\@lg {
  padding-left:var(--space-md)
 }
 .padding-left-lg\@lg {
  padding-left:var(--space-lg)
 }
 .padding-left-xl\@lg {
  padding-left:var(--space-xl)
 }
 .padding-left-xxl\@lg {
  padding-left:var(--space-xxl)
 }
 .padding-left-xxxl\@lg {
  padding-left:var(--space-xxxl)
 }
 .padding-left-xxxxl\@lg {
  padding-left:var(--space-xxxxl)
 }
 .padding-left-0\@lg {
  padding-left:0
 }
 .padding-left-component\@lg {
  padding-left:var(--component-padding)
 }
 .padding-x-xxxxs\@lg {
  padding-left:var(--space-xxxxs);
  padding-right:var(--space-xxxxs)
 }
 .padding-x-xxxs\@lg {
  padding-left:var(--space-xxxs);
  padding-right:var(--space-xxxs)
 }
 .padding-x-xxs\@lg {
  padding-left:var(--space-xxs);
  padding-right:var(--space-xxs)
 }
 .padding-x-xs\@lg {
  padding-left:var(--space-xs);
  padding-right:var(--space-xs)
 }
 .padding-x-sm\@lg {
  padding-left:var(--space-sm);
  padding-right:var(--space-sm)
 }
 .padding-x-md\@lg {
  padding-left:var(--space-md);
  padding-right:var(--space-md)
 }
 .padding-x-lg\@lg {
  padding-left:var(--space-lg);
  padding-right:var(--space-lg)
 }
 .padding-x-xl\@lg {
  padding-left:var(--space-xl);
  padding-right:var(--space-xl)
 }
 .padding-x-xxl\@lg {
  padding-left:var(--space-xxl);
  padding-right:var(--space-xxl)
 }
 .padding-x-xxxl\@lg {
  padding-left:var(--space-xxxl);
  padding-right:var(--space-xxxl)
 }
 .padding-x-xxxxl\@lg {
  padding-left:var(--space-xxxxl);
  padding-right:var(--space-xxxxl)
 }
 .padding-x-0\@lg {
  padding-left:0;
  padding-right:0
 }
 .padding-x-component\@lg {
  padding-left:var(--component-padding);
  padding-right:var(--component-padding)
 }
 .padding-y-xxxxs\@lg {
  padding-top:var(--space-xxxxs);
  padding-bottom:var(--space-xxxxs)
 }
 .padding-y-xxxs\@lg {
  padding-top:var(--space-xxxs);
  padding-bottom:var(--space-xxxs)
 }
 .padding-y-xxs\@lg {
  padding-top:var(--space-xxs);
  padding-bottom:var(--space-xxs)
 }
 .padding-y-xs\@lg {
  padding-top:var(--space-xs);
  padding-bottom:var(--space-xs)
 }
 .padding-y-sm\@lg {
  padding-top:var(--space-sm);
  padding-bottom:var(--space-sm)
 }
 .padding-y-md\@lg {
  padding-top:var(--space-md);
  padding-bottom:var(--space-md)
 }
 .padding-y-lg\@lg {
  padding-top:var(--space-lg);
  padding-bottom:var(--space-lg)
 }
 .padding-y-xl\@lg {
  padding-top:var(--space-xl);
  padding-bottom:var(--space-xl)
 }
 .padding-y-xxl\@lg {
  padding-top:var(--space-xxl);
  padding-bottom:var(--space-xxl)
 }
 .padding-y-xxxl\@lg {
  padding-top:var(--space-xxxl);
  padding-bottom:var(--space-xxxl)
 }
 .padding-y-xxxxl\@lg {
  padding-top:var(--space-xxxxl);
  padding-bottom:var(--space-xxxxl)
 }
 .padding-y-0\@lg {
  padding-top:0;
  padding-bottom:0
 }
 .padding-y-component\@lg {
  padding-top:var(--component-padding);
  padding-bottom:var(--component-padding)
 }
 .text-center\@lg {
  text-align:center
 }
 .text-left\@lg {
  text-align:left
 }
 .text-right\@lg {
  text-align:right
 }
 .text-justify\@lg {
  text-align:justify
 }
 .text-xs\@lg {
  font-size:var(--text-xs,.6875rem)
 }
 .text-sm\@lg {
  font-size:var(--text-sm,.75rem)
 }
 .text-base\@lg {
  font-size:var(--text-unit,1rem)
 }
 .text-md\@lg {
  font-size:var(--text-md,1.125rem)
 }
 .text-lg\@lg {
  font-size:var(--text-lg,1.375rem)
 }
 .text-xl\@lg {
  font-size:var(--text-xl,1.75rem)
 }
 .text-xxl\@lg {
  font-size:var(--text-xxl,2rem)
 }
 .text-xxxl\@lg {
  font-size:var(--text-xxxl,2.5rem)
 }
 .text-xxxxl\@lg {
  font-size:var(--text-xxxxl,3rem)
 }
 .width-xxxxs\@lg {
  width:var(--size-xxxxs,.25rem)
 }
 .width-xxxs\@lg {
  width:var(--size-xxxs,.5rem)
 }
 .width-xxs\@lg {
  width:var(--size-xxs,.75rem)
 }
 .width-xs\@lg {
  width:var(--size-xs,1rem)
 }
 .width-sm\@lg {
  width:var(--size-sm,1.5rem)
 }
 .width-md\@lg {
  width:var(--size-md,2rem)
 }
 .width-lg\@lg {
  width:var(--size-lg,3rem)
 }
 .width-xl\@lg {
  width:var(--size-xl,4rem)
 }
 .width-xxl\@lg {
  width:var(--size-xxl,6rem)
 }
 .width-xxxl\@lg {
  width:var(--size-xxxl,8rem)
 }
 .width-xxxxl\@lg {
  width:var(--size-xxxxl,16rem)
 }
 .width-0\@lg {
  width:0
 }
 .width-10\%\@lg {
  width:10%
 }
 .width-20\%\@lg {
  width:20%
 }
 .width-25\%\@lg {
  width:25%
 }
 .width-30\%\@lg {
  width:30%
 }
 .width-33\%\@lg {
  width:calc(100%/3)
 }
 .width-40\%\@lg {
  width:40%
 }
 .width-50\%\@lg {
  width:50%
 }
 .width-60\%\@lg {
  width:60%
 }
 .width-66\%\@lg {
  width:calc(100%/1.5)
 }
 .width-70\%\@lg {
  width:70%
 }
 .width-75\%\@lg {
  width:75%
 }
 .width-80\%\@lg {
  width:80%
 }
 .width-90\%\@lg {
  width:90%
 }
 .width-100\%\@lg {
  width:100%
 }
 .width-100vw\@lg {
  width:100vw
 }
 .width-auto\@lg {
  width:auto
 }
 .height-xxxxs\@lg {
  height:var(--size-xxxxs,.25rem)
 }
 .height-xxxs\@lg {
  height:var(--size-xxxs,.5rem)
 }
 .height-xxs\@lg {
  height:var(--size-xxs,.75rem)
 }
 .height-xs\@lg {
  height:var(--size-xs,1rem)
 }
 .height-sm\@lg {
  height:var(--size-sm,1.5rem)
 }
 .height-md\@lg {
  height:var(--size-md,2rem)
 }
 .height-lg\@lg {
  height:var(--size-lg,3rem)
 }
 .height-xl\@lg {
  height:var(--size-xl,4rem)
 }
 .height-xxl\@lg {
  height:var(--size-xxl,6rem)
 }
 .height-xxxl\@lg {
  height:var(--size-xxxl,8rem)
 }
 .height-xxxxl\@lg {
  height:var(--size-xxxxl,16rem)
 }
 .height-0\@lg {
  height:0
 }
 .height-10\%\@lg {
  height:10%
 }
 .height-20\%\@lg {
  height:20%
 }
 .height-25\%\@lg {
  height:25%
 }
 .height-30\%\@lg {
  height:30%
 }
 .height-33\%\@lg {
  height:calc(100%/3)
 }
 .height-40\%\@lg {
  height:40%
 }
 .height-50\%\@lg {
  height:50%
 }
 .height-60\%\@lg {
  height:60%
 }
 .height-66\%\@lg {
  height:calc(100%/1.5)
 }
 .height-70\%\@lg {
  height:70%
 }
 .height-75\%\@lg {
  height:75%
 }
 .height-80\%\@lg {
  height:80%
 }
 .height-90\%\@lg {
  height:90%
 }
 .height-100\%\@lg {
  height:100%
 }
 .height-100vh\@lg {
  height:100vh
 }
 .height-auto\@lg {
  height:auto
 }
 .max-width-xxxxs\@lg {
  max-width:var(--max-width-xxxxs)
 }
 .max-width-xxxs\@lg {
  max-width:var(--max-width-xxxs)
 }
 .max-width-xxs\@lg {
  max-width:var(--max-width-xxs)
 }
 .max-width-xs\@lg {
  max-width:var(--max-width-xs)
 }
 .max-width-sm\@lg {
  max-width:var(--max-width-sm)
 }
 .max-width-md\@lg {
  max-width:var(--max-width-md)
 }
 .max-width-lg\@lg {
  max-width:var(--max-width-lg)
 }
 .max-width-xl\@lg {
  max-width:var(--max-width-xl)
 }
 .max-width-xxl\@lg {
  max-width:var(--max-width-xxl)
 }
 .max-width-xxxl\@lg {
  max-width:var(--max-width-xxxl)
 }
 .max-width-xxxxl\@lg {
  max-width:var(--max-width-xxxxl)
 }
 .max-width-100\%\@lg {
  max-width:100%
 }
 .max-width-none\@lg {
  max-width:none
 }
 .position-relative\@lg {
  position:relative
 }
 .position-absolute\@lg {
  position:absolute
 }
 .position-fixed\@lg {
  position:fixed
 }
 .position-sticky\@lg {
  position:-webkit-sticky;
  position:sticky
 }
 .position-static\@lg {
  position:static
 }
 .inset-0\@lg {
  top:0;
  right:0;
  bottom:0;
  left:0
 }
 .top-0\@lg {
  top:0
 }
 .top-50\%\@lg {
  top:50%
 }
 .top-xxxxs\@lg {
  top:var(--space-xxxxs)
 }
 .top-xxxs\@lg {
  top:var(--space-xxxs)
 }
 .top-xxs\@lg {
  top:var(--space-xxs)
 }
 .top-xs\@lg {
  top:var(--space-xs)
 }
 .top-sm\@lg {
  top:var(--space-sm)
 }
 .top-md\@lg {
  top:var(--space-md)
 }
 .top-lg\@lg {
  top:var(--space-lg)
 }
 .top-xl\@lg {
  top:var(--space-xl)
 }
 .top-xxl\@lg {
  top:var(--space-xxl)
 }
 .top-xxxl\@lg {
  top:var(--space-xxxl)
 }
 .top-xxxxl\@lg {
  top:var(--space-xxxxl)
 }
 .bottom-0\@lg {
  bottom:0
 }
 .bottom-50\%\@lg {
  bottom:50%
 }
 .bottom-xxxxs\@lg {
  bottom:var(--space-xxxxs)
 }
 .bottom-xxxs\@lg {
  bottom:var(--space-xxxs)
 }
 .bottom-xxs\@lg {
  bottom:var(--space-xxs)
 }
 .bottom-xs\@lg {
  bottom:var(--space-xs)
 }
 .bottom-sm\@lg {
  bottom:var(--space-sm)
 }
 .bottom-md\@lg {
  bottom:var(--space-md)
 }
 .bottom-lg\@lg {
  bottom:var(--space-lg)
 }
 .bottom-xl\@lg {
  bottom:var(--space-xl)
 }
 .bottom-xxl\@lg {
  bottom:var(--space-xxl)
 }
 .bottom-xxxl\@lg {
  bottom:var(--space-xxxl)
 }
 .bottom-xxxxl\@lg {
  bottom:var(--space-xxxxl)
 }
 .right-0\@lg {
  right:0
 }
 .right-50\%\@lg {
  right:50%
 }
 .right-xxxxs\@lg {
  right:var(--space-xxxxs)
 }
 .right-xxxs\@lg {
  right:var(--space-xxxs)
 }
 .right-xxs\@lg {
  right:var(--space-xxs)
 }
 .right-xs\@lg {
  right:var(--space-xs)
 }
 .right-sm\@lg {
  right:var(--space-sm)
 }
 .right-md\@lg {
  right:var(--space-md)
 }
 .right-lg\@lg {
  right:var(--space-lg)
 }
 .right-xl\@lg {
  right:var(--space-xl)
 }
 .right-xxl\@lg {
  right:var(--space-xxl)
 }
 .right-xxxl\@lg {
  right:var(--space-xxxl)
 }
 .right-xxxxl\@lg {
  right:var(--space-xxxxl)
 }
 .left-0\@lg {
  left:0
 }
 .left-50\%\@lg {
  left:50%
 }
 .left-xxxxs\@lg {
  left:var(--space-xxxxs)
 }
 .left-xxxs\@lg {
  left:var(--space-xxxs)
 }
 .left-xxs\@lg {
  left:var(--space-xxs)
 }
 .left-xs\@lg {
  left:var(--space-xs)
 }
 .left-sm\@lg {
  left:var(--space-sm)
 }
 .left-md\@lg {
  left:var(--space-md)
 }
 .left-lg\@lg {
  left:var(--space-lg)
 }
 .left-xl\@lg {
  left:var(--space-xl)
 }
 .left-xxl\@lg {
  left:var(--space-xxl)
 }
 .left-xxxl\@lg {
  left:var(--space-xxxl)
 }
 .left-xxxxl\@lg {
  left:var(--space-xxxxl)
 }
 .overflow-hidden\@lg {
  overflow:hidden
 }
 .overflow-auto\@lg {
  overflow:auto
 }
 .momentum-scrolling\@lg {
  -webkit-overflow-scrolling:touch
 }
 .overscroll-contain\@lg {
  -ms-scroll-chaining:none;
  overscroll-behavior:contain
 }
 .visible\@lg {
  visibility:visible
 }
 .invisible\@lg {
  visibility:hidden
 }
}
@media not all and (min-width:80rem) {
 .display\@lg {
  display:none!important
 }
}
@media(min-width:90rem) {
 .flex\@xl {
  display:flex
 }
 .inline-flex\@xl {
  display:inline-flex
 }
 .flex-wrap\@xl {
  flex-wrap:wrap
 }
 .flex-nowrap\@xl {
  flex-wrap:nowrap
 }
 .flex-column\@xl {
  flex-direction:column
 }
 .flex-column-reverse\@xl {
  flex-direction:column-reverse
 }
 .flex-row\@xl {
  flex-direction:row
 }
 .flex-row-reverse\@xl {
  flex-direction:row-reverse
 }
 .flex-center\@xl {
  justify-content:center;
  align-items:center
 }
 .flex-grow\@xl {
  flex-grow:1
 }
 .flex-grow-0\@xl {
  flex-grow:0
 }
 .flex-shrink\@xl {
  flex-shrink:1
 }
 .flex-shrink-0\@xl {
  flex-shrink:0
 }
 .flex-basis-0\@xl {
  flex-basis:0
 }
 .justify-start\@xl {
  justify-content:flex-start
 }
 .justify-end\@xl {
  justify-content:flex-end
 }
 .justify-center\@xl {
  justify-content:center
 }
 .justify-between\@xl {
  justify-content:space-between
 }
 .items-center\@xl {
  align-items:center
 }
 .items-start\@xl {
  align-items:flex-start
 }
 .items-end\@xl {
  align-items:flex-end
 }
 .items-baseline\@xl {
  align-items:baseline
 }
 .order-1\@xl {
  order:1
 }
 .order-2\@xl {
  order:2
 }
 .order-3\@xl {
  order:3
 }
 .block\@xl {
  display:block
 }
 .inline-block\@xl {
  display:inline-block
 }
 .inline\@xl {
  display:inline
 }
 .contents\@xl {
  display:contents
 }
 .hide\@xl {
  display:none!important
 }
 .margin-xxxxs\@xl {
  margin:var(--space-xxxxs)
 }
 .margin-xxxs\@xl {
  margin:var(--space-xxxs)
 }
 .margin-xxs\@xl {
  margin:var(--space-xxs)
 }
 .margin-xs\@xl {
  margin:var(--space-xs)
 }
 .margin-sm\@xl {
  margin:var(--space-sm)
 }
 .margin-md\@xl {
  margin:var(--space-md)
 }
 .margin-lg\@xl {
  margin:var(--space-lg)
 }
 .margin-xl\@xl {
  margin:var(--space-xl)
 }
 .margin-xxl\@xl {
  margin:var(--space-xxl)
 }
 .margin-xxxl\@xl {
  margin:var(--space-xxxl)
 }
 .margin-xxxxl\@xl {
  margin:var(--space-xxxxl)
 }
 .margin-auto\@xl {
  margin:auto
 }
 .margin-0\@xl {
  margin:0
 }
 .margin-top-xxxxs\@xl {
  margin-top:var(--space-xxxxs)
 }
 .margin-top-xxxs\@xl {
  margin-top:var(--space-xxxs)
 }
 .margin-top-xxs\@xl {
  margin-top:var(--space-xxs)
 }
 .margin-top-xs\@xl {
  margin-top:var(--space-xs)
 }
 .margin-top-sm\@xl {
  margin-top:var(--space-sm)
 }
 .margin-top-md\@xl {
  margin-top:var(--space-md)
 }
 .margin-top-lg\@xl {
  margin-top:var(--space-lg)
 }
 .margin-top-xl\@xl {
  margin-top:var(--space-xl)
 }
 .margin-top-xxl\@xl {
  margin-top:var(--space-xxl)
 }
 .margin-top-xxxl\@xl {
  margin-top:var(--space-xxxl)
 }
 .margin-top-xxxxl\@xl {
  margin-top:var(--space-xxxxl)
 }
 .margin-top-auto\@xl {
  margin-top:auto
 }
 .margin-top-0\@xl {
  margin-top:0
 }
 .margin-bottom-xxxxs\@xl {
  margin-bottom:var(--space-xxxxs)
 }
 .margin-bottom-xxxs\@xl {
  margin-bottom:var(--space-xxxs)
 }
 .margin-bottom-xxs\@xl {
  margin-bottom:var(--space-xxs)
 }
 .margin-bottom-xs\@xl {
  margin-bottom:var(--space-xs)
 }
 .margin-bottom-sm\@xl {
  margin-bottom:var(--space-sm)
 }
 .margin-bottom-md\@xl {
  margin-bottom:var(--space-md)
 }
 .margin-bottom-lg\@xl {
  margin-bottom:var(--space-lg)
 }
 .margin-bottom-xl\@xl {
  margin-bottom:var(--space-xl)
 }
 .margin-bottom-xxl\@xl {
  margin-bottom:var(--space-xxl)
 }
 .margin-bottom-xxxl\@xl {
  margin-bottom:var(--space-xxxl)
 }
 .margin-bottom-xxxxl\@xl {
  margin-bottom:var(--space-xxxxl)
 }
 .margin-bottom-auto\@xl {
  margin-bottom:auto
 }
 .margin-bottom-0\@xl {
  margin-bottom:0
 }
 .margin-right-xxxxs\@xl {
  margin-right:var(--space-xxxxs)
 }
 .margin-right-xxxs\@xl {
  margin-right:var(--space-xxxs)
 }
 .margin-right-xxs\@xl {
  margin-right:var(--space-xxs)
 }
 .margin-right-xs\@xl {
  margin-right:var(--space-xs)
 }
 .margin-right-sm\@xl {
  margin-right:var(--space-sm)
 }
 .margin-right-md\@xl {
  margin-right:var(--space-md)
 }
 .margin-right-lg\@xl {
  margin-right:var(--space-lg)
 }
 .margin-right-xl\@xl {
  margin-right:var(--space-xl)
 }
 .margin-right-xxl\@xl {
  margin-right:var(--space-xxl)
 }
 .margin-right-xxxl\@xl {
  margin-right:var(--space-xxxl)
 }
 .margin-right-xxxxl\@xl {
  margin-right:var(--space-xxxxl)
 }
 .margin-right-auto\@xl {
  margin-right:auto
 }
 .margin-right-0\@xl {
  margin-right:0
 }
 .margin-left-xxxxs\@xl {
  margin-left:var(--space-xxxxs)
 }
 .margin-left-xxxs\@xl {
  margin-left:var(--space-xxxs)
 }
 .margin-left-xxs\@xl {
  margin-left:var(--space-xxs)
 }
 .margin-left-xs\@xl {
  margin-left:var(--space-xs)
 }
 .margin-left-sm\@xl {
  margin-left:var(--space-sm)
 }
 .margin-left-md\@xl {
  margin-left:var(--space-md)
 }
 .margin-left-lg\@xl {
  margin-left:var(--space-lg)
 }
 .margin-left-xl\@xl {
  margin-left:var(--space-xl)
 }
 .margin-left-xxl\@xl {
  margin-left:var(--space-xxl)
 }
 .margin-left-xxxl\@xl {
  margin-left:var(--space-xxxl)
 }
 .margin-left-xxxxl\@xl {
  margin-left:var(--space-xxxxl)
 }
 .margin-left-auto\@xl {
  margin-left:auto
 }
 .margin-left-0\@xl {
  margin-left:0
 }
 .margin-x-xxxxs\@xl {
  margin-left:var(--space-xxxxs);
  margin-right:var(--space-xxxxs)
 }
 .margin-x-xxxs\@xl {
  margin-left:var(--space-xxxs);
  margin-right:var(--space-xxxs)
 }
 .margin-x-xxs\@xl {
  margin-left:var(--space-xxs);
  margin-right:var(--space-xxs)
 }
 .margin-x-xs\@xl {
  margin-left:var(--space-xs);
  margin-right:var(--space-xs)
 }
 .margin-x-sm\@xl {
  margin-left:var(--space-sm);
  margin-right:var(--space-sm)
 }
 .margin-x-md\@xl {
  margin-left:var(--space-md);
  margin-right:var(--space-md)
 }
 .margin-x-lg\@xl {
  margin-left:var(--space-lg);
  margin-right:var(--space-lg)
 }
 .margin-x-xl\@xl {
  margin-left:var(--space-xl);
  margin-right:var(--space-xl)
 }
 .margin-x-xxl\@xl {
  margin-left:var(--space-xxl);
  margin-right:var(--space-xxl)
 }
 .margin-x-xxxl\@xl {
  margin-left:var(--space-xxxl);
  margin-right:var(--space-xxxl)
 }
 .margin-x-xxxxl\@xl {
  margin-left:var(--space-xxxxl);
  margin-right:var(--space-xxxxl)
 }
 .margin-x-auto\@xl {
  margin-left:auto;
  margin-right:auto
 }
 .margin-x-0\@xl {
  margin-left:0;
  margin-right:0
 }
 .margin-y-xxxxs\@xl {
  margin-top:var(--space-xxxxs);
  margin-bottom:var(--space-xxxxs)
 }
 .margin-y-xxxs\@xl {
  margin-top:var(--space-xxxs);
  margin-bottom:var(--space-xxxs)
 }
 .margin-y-xxs\@xl {
  margin-top:var(--space-xxs);
  margin-bottom:var(--space-xxs)
 }
 .margin-y-xs\@xl {
  margin-top:var(--space-xs);
  margin-bottom:var(--space-xs)
 }
 .margin-y-sm\@xl {
  margin-top:var(--space-sm);
  margin-bottom:var(--space-sm)
 }
 .margin-y-md\@xl {
  margin-top:var(--space-md);
  margin-bottom:var(--space-md)
 }
 .margin-y-lg\@xl {
  margin-top:var(--space-lg);
  margin-bottom:var(--space-lg)
 }
 .margin-y-xl\@xl {
  margin-top:var(--space-xl);
  margin-bottom:var(--space-xl)
 }
 .margin-y-xxl\@xl {
  margin-top:var(--space-xxl);
  margin-bottom:var(--space-xxl)
 }
 .margin-y-xxxl\@xl {
  margin-top:var(--space-xxxl);
  margin-bottom:var(--space-xxxl)
 }
 .margin-y-xxxxl\@xl {
  margin-top:var(--space-xxxxl);
  margin-bottom:var(--space-xxxxl)
 }
 .margin-y-auto\@xl {
  margin-top:auto;
  margin-bottom:auto
 }
 .margin-y-0\@xl {
  margin-top:0;
  margin-bottom:0
 }
 .padding-xxxxs\@xl {
  padding:var(--space-xxxxs)
 }
 .padding-xxxs\@xl {
  padding:var(--space-xxxs)
 }
 .padding-xxs\@xl {
  padding:var(--space-xxs)
 }
 .padding-xs\@xl {
  padding:var(--space-xs)
 }
 .padding-sm\@xl {
  padding:var(--space-sm)
 }
 .padding-md\@xl {
  padding:var(--space-md)
 }
 .padding-lg\@xl {
  padding:var(--space-lg)
 }
 .padding-xl\@xl {
  padding:var(--space-xl)
 }
 .padding-xxl\@xl {
  padding:var(--space-xxl)
 }
 .padding-xxxl\@xl {
  padding:var(--space-xxxl)
 }
 .padding-xxxxl\@xl {
  padding:var(--space-xxxxl)
 }
 .padding-0\@xl {
  padding:0
 }
 .padding-component\@xl {
  padding:var(--component-padding)
 }
 .padding-top-xxxxs\@xl {
  padding-top:var(--space-xxxxs)
 }
 .padding-top-xxxs\@xl {
  padding-top:var(--space-xxxs)
 }
 .padding-top-xxs\@xl {
  padding-top:var(--space-xxs)
 }
 .padding-top-xs\@xl {
  padding-top:var(--space-xs)
 }
 .padding-top-sm\@xl {
  padding-top:var(--space-sm)
 }
 .padding-top-md\@xl {
  padding-top:var(--space-md)
 }
 .padding-top-lg\@xl {
  padding-top:var(--space-lg)
 }
 .padding-top-xl\@xl {
  padding-top:var(--space-xl)
 }
 .padding-top-xxl\@xl {
  padding-top:var(--space-xxl)
 }
 .padding-top-xxxl\@xl {
  padding-top:var(--space-xxxl)
 }
 .padding-top-xxxxl\@xl {
  padding-top:var(--space-xxxxl)
 }
 .padding-top-0\@xl {
  padding-top:0
 }
 .padding-top-component\@xl {
  padding-top:var(--component-padding)
 }
 .padding-bottom-xxxxs\@xl {
  padding-bottom:var(--space-xxxxs)
 }
 .padding-bottom-xxxs\@xl {
  padding-bottom:var(--space-xxxs)
 }
 .padding-bottom-xxs\@xl {
  padding-bottom:var(--space-xxs)
 }
 .padding-bottom-xs\@xl {
  padding-bottom:var(--space-xs)
 }
 .padding-bottom-sm\@xl {
  padding-bottom:var(--space-sm)
 }
 .padding-bottom-md\@xl {
  padding-bottom:var(--space-md)
 }
 .padding-bottom-lg\@xl {
  padding-bottom:var(--space-lg)
 }
 .padding-bottom-xl\@xl {
  padding-bottom:var(--space-xl)
 }
 .padding-bottom-xxl\@xl {
  padding-bottom:var(--space-xxl)
 }
 .padding-bottom-xxxl\@xl {
  padding-bottom:var(--space-xxxl)
 }
 .padding-bottom-xxxxl\@xl {
  padding-bottom:var(--space-xxxxl)
 }
 .padding-bottom-0\@xl {
  padding-bottom:0
 }
 .padding-bottom-component\@xl {
  padding-bottom:var(--component-padding)
 }
 .padding-right-xxxxs\@xl {
  padding-right:var(--space-xxxxs)
 }
 .padding-right-xxxs\@xl {
  padding-right:var(--space-xxxs)
 }
 .padding-right-xxs\@xl {
  padding-right:var(--space-xxs)
 }
 .padding-right-xs\@xl {
  padding-right:var(--space-xs)
 }
 .padding-right-sm\@xl {
  padding-right:var(--space-sm)
 }
 .padding-right-md\@xl {
  padding-right:var(--space-md)
 }
 .padding-right-lg\@xl {
  padding-right:var(--space-lg)
 }
 .padding-right-xl\@xl {
  padding-right:var(--space-xl)
 }
 .padding-right-xxl\@xl {
  padding-right:var(--space-xxl)
 }
 .padding-right-xxxl\@xl {
  padding-right:var(--space-xxxl)
 }
 .padding-right-xxxxl\@xl {
  padding-right:var(--space-xxxxl)
 }
 .padding-right-0\@xl {
  padding-right:0
 }
 .padding-right-component\@xl {
  padding-right:var(--component-padding)
 }
 .padding-left-xxxxs\@xl {
  padding-left:var(--space-xxxxs)
 }
 .padding-left-xxxs\@xl {
  padding-left:var(--space-xxxs)
 }
 .padding-left-xxs\@xl {
  padding-left:var(--space-xxs)
 }
 .padding-left-xs\@xl {
  padding-left:var(--space-xs)
 }
 .padding-left-sm\@xl {
  padding-left:var(--space-sm)
 }
 .padding-left-md\@xl {
  padding-left:var(--space-md)
 }
 .padding-left-lg\@xl {
  padding-left:var(--space-lg)
 }
 .padding-left-xl\@xl {
  padding-left:var(--space-xl)
 }
 .padding-left-xxl\@xl {
  padding-left:var(--space-xxl)
 }
 .padding-left-xxxl\@xl {
  padding-left:var(--space-xxxl)
 }
 .padding-left-xxxxl\@xl {
  padding-left:var(--space-xxxxl)
 }
 .padding-left-0\@xl {
  padding-left:0
 }
 .padding-left-component\@xl {
  padding-left:var(--component-padding)
 }
 .padding-x-xxxxs\@xl {
  padding-left:var(--space-xxxxs);
  padding-right:var(--space-xxxxs)
 }
 .padding-x-xxxs\@xl {
  padding-left:var(--space-xxxs);
  padding-right:var(--space-xxxs)
 }
 .padding-x-xxs\@xl {
  padding-left:var(--space-xxs);
  padding-right:var(--space-xxs)
 }
 .padding-x-xs\@xl {
  padding-left:var(--space-xs);
  padding-right:var(--space-xs)
 }
 .padding-x-sm\@xl {
  padding-left:var(--space-sm);
  padding-right:var(--space-sm)
 }
 .padding-x-md\@xl {
  padding-left:var(--space-md);
  padding-right:var(--space-md)
 }
 .padding-x-lg\@xl {
  padding-left:var(--space-lg);
  padding-right:var(--space-lg)
 }
 .padding-x-xl\@xl {
  padding-left:var(--space-xl);
  padding-right:var(--space-xl)
 }
 .padding-x-xxl\@xl {
  padding-left:var(--space-xxl);
  padding-right:var(--space-xxl)
 }
 .padding-x-xxxl\@xl {
  padding-left:var(--space-xxxl);
  padding-right:var(--space-xxxl)
 }
 .padding-x-xxxxl\@xl {
  padding-left:var(--space-xxxxl);
  padding-right:var(--space-xxxxl)
 }
 .padding-x-0\@xl {
  padding-left:0;
  padding-right:0
 }
 .padding-x-component\@xl {
  padding-left:var(--component-padding);
  padding-right:var(--component-padding)
 }
 .padding-y-xxxxs\@xl {
  padding-top:var(--space-xxxxs);
  padding-bottom:var(--space-xxxxs)
 }
 .padding-y-xxxs\@xl {
  padding-top:var(--space-xxxs);
  padding-bottom:var(--space-xxxs)
 }
 .padding-y-xxs\@xl {
  padding-top:var(--space-xxs);
  padding-bottom:var(--space-xxs)
 }
 .padding-y-xs\@xl {
  padding-top:var(--space-xs);
  padding-bottom:var(--space-xs)
 }
 .padding-y-sm\@xl {
  padding-top:var(--space-sm);
  padding-bottom:var(--space-sm)
 }
 .padding-y-md\@xl {
  padding-top:var(--space-md);
  padding-bottom:var(--space-md)
 }
 .padding-y-lg\@xl {
  padding-top:var(--space-lg);
  padding-bottom:var(--space-lg)
 }
 .padding-y-xl\@xl {
  padding-top:var(--space-xl);
  padding-bottom:var(--space-xl)
 }
 .padding-y-xxl\@xl {
  padding-top:var(--space-xxl);
  padding-bottom:var(--space-xxl)
 }
 .padding-y-xxxl\@xl {
  padding-top:var(--space-xxxl);
  padding-bottom:var(--space-xxxl)
 }
 .padding-y-xxxxl\@xl {
  padding-top:var(--space-xxxxl);
  padding-bottom:var(--space-xxxxl)
 }
 .padding-y-0\@xl {
  padding-top:0;
  padding-bottom:0
 }
 .padding-y-component\@xl {
  padding-top:var(--component-padding);
  padding-bottom:var(--component-padding)
 }
 .text-center\@xl {
  text-align:center
 }
 .text-left\@xl {
  text-align:left
 }
 .text-right\@xl {
  text-align:right
 }
 .text-justify\@xl {
  text-align:justify
 }
 .text-xs\@xl {
  font-size:var(--text-xs,.6875rem)
 }
 .text-sm\@xl {
  font-size:var(--text-sm,.75rem)
 }
 .text-base\@xl {
  font-size:var(--text-unit,1rem)
 }
 .text-md\@xl {
  font-size:var(--text-md,1.125rem)
 }
 .text-lg\@xl {
  font-size:var(--text-lg,1.375rem)
 }
 .text-xl\@xl {
  font-size:var(--text-xl,1.75rem)
 }
 .text-xxl\@xl {
  font-size:var(--text-xxl,2rem)
 }
 .text-xxxl\@xl {
  font-size:var(--text-xxxl,2.5rem)
 }
 .text-xxxxl\@xl {
  font-size:var(--text-xxxxl,3rem)
 }
 .width-xxxxs\@xl {
  width:var(--size-xxxxs,.25rem)
 }
 .width-xxxs\@xl {
  width:var(--size-xxxs,.5rem)
 }
 .width-xxs\@xl {
  width:var(--size-xxs,.75rem)
 }
 .width-xs\@xl {
  width:var(--size-xs,1rem)
 }
 .width-sm\@xl {
  width:var(--size-sm,1.5rem)
 }
 .width-md\@xl {
  width:var(--size-md,2rem)
 }
 .width-lg\@xl {
  width:var(--size-lg,3rem)
 }
 .width-xl\@xl {
  width:var(--size-xl,4rem)
 }
 .width-xxl\@xl {
  width:var(--size-xxl,6rem)
 }
 .width-xxxl\@xl {
  width:var(--size-xxxl,8rem)
 }
 .width-xxxxl\@xl {
  width:var(--size-xxxxl,16rem)
 }
 .width-0\@xl {
  width:0
 }
 .width-10\%\@xl {
  width:10%
 }
 .width-20\%\@xl {
  width:20%
 }
 .width-25\%\@xl {
  width:25%
 }
 .width-30\%\@xl {
  width:30%
 }
 .width-33\%\@xl {
  width:calc(100%/3)
 }
 .width-40\%\@xl {
  width:40%
 }
 .width-50\%\@xl {
  width:50%
 }
 .width-60\%\@xl {
  width:60%
 }
 .width-66\%\@xl {
  width:calc(100%/1.5)
 }
 .width-70\%\@xl {
  width:70%
 }
 .width-75\%\@xl {
  width:75%
 }
 .width-80\%\@xl {
  width:80%
 }
 .width-90\%\@xl {
  width:90%
 }
 .width-100\%\@xl {
  width:100%
 }
 .width-100vw\@xl {
  width:100vw
 }
 .width-auto\@xl {
  width:auto
 }
 .height-xxxxs\@xl {
  height:var(--size-xxxxs,.25rem)
 }
 .height-xxxs\@xl {
  height:var(--size-xxxs,.5rem)
 }
 .height-xxs\@xl {
  height:var(--size-xxs,.75rem)
 }
 .height-xs\@xl {
  height:var(--size-xs,1rem)
 }
 .height-sm\@xl {
  height:var(--size-sm,1.5rem)
 }
 .height-md\@xl {
  height:var(--size-md,2rem)
 }
 .height-lg\@xl {
  height:var(--size-lg,3rem)
 }
 .height-xl\@xl {
  height:var(--size-xl,4rem)
 }
 .height-xxl\@xl {
  height:var(--size-xxl,6rem)
 }
 .height-xxxl\@xl {
  height:var(--size-xxxl,8rem)
 }
 .height-xxxxl\@xl {
  height:var(--size-xxxxl,16rem)
 }
 .height-0\@xl {
  height:0
 }
 .height-10\%\@xl {
  height:10%
 }
 .height-20\%\@xl {
  height:20%
 }
 .height-25\%\@xl {
  height:25%
 }
 .height-30\%\@xl {
  height:30%
 }
 .height-33\%\@xl {
  height:calc(100%/3)
 }
 .height-40\%\@xl {
  height:40%
 }
 .height-50\%\@xl {
  height:50%
 }
 .height-60\%\@xl {
  height:60%
 }
 .height-66\%\@xl {
  height:calc(100%/1.5)
 }
 .height-70\%\@xl {
  height:70%
 }
 .height-75\%\@xl {
  height:75%
 }
 .height-80\%\@xl {
  height:80%
 }
 .height-90\%\@xl {
  height:90%
 }
 .height-100\%\@xl {
  height:100%
 }
 .height-100vh\@xl {
  height:100vh
 }
 .height-auto\@xl {
  height:auto
 }
 .max-width-xxxxs\@xl {
  max-width:var(--max-width-xxxxs)
 }
 .max-width-xxxs\@xl {
  max-width:var(--max-width-xxxs)
 }
 .max-width-xxs\@xl {
  max-width:var(--max-width-xxs)
 }
 .max-width-xs\@xl {
  max-width:var(--max-width-xs)
 }
 .max-width-sm\@xl {
  max-width:var(--max-width-sm)
 }
 .max-width-md\@xl {
  max-width:var(--max-width-md)
 }
 .max-width-lg\@xl {
  max-width:var(--max-width-lg)
 }
 .max-width-xl\@xl {
  max-width:var(--max-width-xl)
 }
 .max-width-xxl\@xl {
  max-width:var(--max-width-xxl)
 }
 .max-width-xxxl\@xl {
  max-width:var(--max-width-xxxl)
 }
 .max-width-xxxxl\@xl {
  max-width:var(--max-width-xxxxl)
 }
 .max-width-100\%\@xl {
  max-width:100%
 }
 .max-width-none\@xl {
  max-width:none
 }
 .position-relative\@xl {
  position:relative
 }
 .position-absolute\@xl {
  position:absolute
 }
 .position-fixed\@xl {
  position:fixed
 }
 .position-sticky\@xl {
  position:-webkit-sticky;
  position:sticky
 }
 .position-static\@xl {
  position:static
 }
 .inset-0\@xl {
  top:0;
  right:0;
  bottom:0;
  left:0
 }
 .top-0\@xl {
  top:0
 }
 .top-50\%\@xl {
  top:50%
 }
 .top-xxxxs\@xl {
  top:var(--space-xxxxs)
 }
 .top-xxxs\@xl {
  top:var(--space-xxxs)
 }
 .top-xxs\@xl {
  top:var(--space-xxs)
 }
 .top-xs\@xl {
  top:var(--space-xs)
 }
 .top-sm\@xl {
  top:var(--space-sm)
 }
 .top-md\@xl {
  top:var(--space-md)
 }
 .top-lg\@xl {
  top:var(--space-lg)
 }
 .top-xl\@xl {
  top:var(--space-xl)
 }
 .top-xxl\@xl {
  top:var(--space-xxl)
 }
 .top-xxxl\@xl {
  top:var(--space-xxxl)
 }
 .top-xxxxl\@xl {
  top:var(--space-xxxxl)
 }
 .bottom-0\@xl {
  bottom:0
 }
 .bottom-50\%\@xl {
  bottom:50%
 }
 .bottom-xxxxs\@xl {
  bottom:var(--space-xxxxs)
 }
 .bottom-xxxs\@xl {
  bottom:var(--space-xxxs)
 }
 .bottom-xxs\@xl {
  bottom:var(--space-xxs)
 }
 .bottom-xs\@xl {
  bottom:var(--space-xs)
 }
 .bottom-sm\@xl {
  bottom:var(--space-sm)
 }
 .bottom-md\@xl {
  bottom:var(--space-md)
 }
 .bottom-lg\@xl {
  bottom:var(--space-lg)
 }
 .bottom-xl\@xl {
  bottom:var(--space-xl)
 }
 .bottom-xxl\@xl {
  bottom:var(--space-xxl)
 }
 .bottom-xxxl\@xl {
  bottom:var(--space-xxxl)
 }
 .bottom-xxxxl\@xl {
  bottom:var(--space-xxxxl)
 }
 .right-0\@xl {
  right:0
 }
 .right-50\%\@xl {
  right:50%
 }
 .right-xxxxs\@xl {
  right:var(--space-xxxxs)
 }
 .right-xxxs\@xl {
  right:var(--space-xxxs)
 }
 .right-xxs\@xl {
  right:var(--space-xxs)
 }
 .right-xs\@xl {
  right:var(--space-xs)
 }
 .right-sm\@xl {
  right:var(--space-sm)
 }
 .right-md\@xl {
  right:var(--space-md)
 }
 .right-lg\@xl {
  right:var(--space-lg)
 }
 .right-xl\@xl {
  right:var(--space-xl)
 }
 .right-xxl\@xl {
  right:var(--space-xxl)
 }
 .right-xxxl\@xl {
  right:var(--space-xxxl)
 }
 .right-xxxxl\@xl {
  right:var(--space-xxxxl)
 }
 .left-0\@xl {
  left:0
 }
 .left-50\%\@xl {
  left:50%
 }
 .left-xxxxs\@xl {
  left:var(--space-xxxxs)
 }
 .left-xxxs\@xl {
  left:var(--space-xxxs)
 }
 .left-xxs\@xl {
  left:var(--space-xxs)
 }
 .left-xs\@xl {
  left:var(--space-xs)
 }
 .left-sm\@xl {
  left:var(--space-sm)
 }
 .left-md\@xl {
  left:var(--space-md)
 }
 .left-lg\@xl {
  left:var(--space-lg)
 }
 .left-xl\@xl {
  left:var(--space-xl)
 }
 .left-xxl\@xl {
  left:var(--space-xxl)
 }
 .left-xxxl\@xl {
  left:var(--space-xxxl)
 }
 .left-xxxxl\@xl {
  left:var(--space-xxxxl)
 }
 .overflow-hidden\@xl {
  overflow:hidden
 }
 .overflow-auto\@xl {
  overflow:auto
 }
 .momentum-scrolling\@xl {
  -webkit-overflow-scrolling:touch
 }
 .overscroll-contain\@xl {
  -ms-scroll-chaining:none;
  overscroll-behavior:contain
 }
 .visible\@xl {
  visibility:visible
 }
 .invisible\@xl {
  visibility:hidden
 }
}
@media not all and (min-width:90rem) {
 .display\@xl {
  display:none!important
 }
}
:root {
 --td-text-block-padding-x:var(--space-xxs);
 --td-text-block-padding-y:var(--space-xxs);
 --td-text-block-transition-duration:.5s
}
.td-text-block {
 position:relative;
 z-index:1;
 display:inline-flex;
 line-height:1;
 text-decoration:none;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 -webkit-perspective:1000px;
 perspective:1000px
}
.td-text-block:focus {
 outline:2px solid hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2);
 outline-offset:2px
}
.td-text-block__wrapper {
 pointer-events:none;
 display:inline-block;
 width:100%;
 -webkit-transform-origin:50% 50% calc(-.5em - var(--td-text-block-padding-y));
 transform-origin:50% 50% calc(-.5em - var(--td-text-block-padding-y));
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 will-change:transform;
 transition:-webkit-transform var(--td-text-block-transition-duration) var(--ease-in-out);
 transition:transform var(--td-text-block-transition-duration) var(--ease-in-out);
 transition:transform var(--td-text-block-transition-duration) var(--ease-in-out),-webkit-transform var(--td-text-block-transition-duration) var(--ease-in-out)
}
.td-text-block:hover .td-text-block__wrapper {
 -webkit-transform:rotateX(90deg);
 transform:rotateX(90deg)
}
.td-text-block__final-text,
.td-text-block__front-text {
 display:inline-flex;
 white-space:nowrap;
 width:100%;
 padding:var(--td-text-block-padding-y) var(--td-text-block-padding-x);
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.td-text-block__front-text {
 position:relative;
 z-index:2;
 color:var(--color-bg);
 background-color:var(--color-contrast-higher)
}
.td-text-block__final-text {
 position:absolute;
 z-index:1;
 top:100%;
 left:0;
 color:var(--color-white);
 background-color:var(--color-primary);
 -webkit-transform-origin:center top;
 transform-origin:center top;
 -webkit-transform:rotateX(-90deg);
 transform:rotateX(-90deg)
}
.td-text-block--split-2 .td-text-block__wrapper:nth-child(1) .td-text-block__final-text,
.td-text-block--split-2 .td-text-block__wrapper:nth-child(1) .td-text-block__front-text {
 -webkit-clip-path:inset(0 50% 0 0);
 clip-path:inset(0 50% 0 0)
}
.td-text-block--split-2 .td-text-block__wrapper:nth-child(2) {
 position:absolute;
 left:0;
 transition-delay:.1s
}
.td-text-block--split-2 .td-text-block__wrapper:nth-child(2) .td-text-block__final-text,
.td-text-block--split-2 .td-text-block__wrapper:nth-child(2) .td-text-block__front-text {
 -webkit-clip-path:inset(0 0 0 50%);
 clip-path:inset(0 0 0 50%)
}
.td-text-block--split-3 .td-text-block__wrapper:nth-child(1) .td-text-block__final-text,
.td-text-block--split-3 .td-text-block__wrapper:nth-child(1) .td-text-block__front-text {
 -webkit-clip-path:inset(0 calc(100%/3*2) 0 0);
 clip-path:inset(0 calc(100%/3*2) 0 0)
}
.td-text-block--split-3 .td-text-block__wrapper:nth-child(2),
.td-text-block--split-3 .td-text-block__wrapper:nth-child(3) {
 position:absolute;
 left:0
}
.td-text-block--split-3 .td-text-block__wrapper:nth-child(2) {
 transition-delay:.1s
}
.td-text-block--split-3 .td-text-block__wrapper:nth-child(2) .td-text-block__final-text,
.td-text-block--split-3 .td-text-block__wrapper:nth-child(2) .td-text-block__front-text {
 -webkit-clip-path:inset(0 calc(100%/3) 0 calc(100%/3));
 clip-path:inset(0 calc(100%/3) 0 calc(100%/3))
}
.td-text-block--split-3 .td-text-block__wrapper:nth-child(3) {
 transition-delay:.2s
}
.td-text-block--split-3 .td-text-block__wrapper:nth-child(3) .td-text-block__final-text,
.td-text-block--split-3 .td-text-block__wrapper:nth-child(3) .td-text-block__front-text {
 -webkit-clip-path:inset(0 0 0 calc(100%/3*2));
 clip-path:inset(0 0 0 calc(100%/3*2))
}
.td-text-block--split-4 .td-text-block__wrapper:nth-child(1) .td-text-block__final-text,
.td-text-block--split-4 .td-text-block__wrapper:nth-child(1) .td-text-block__front-text {
 -webkit-clip-path:inset(0 calc(100%/4*3) 0 0);
 clip-path:inset(0 calc(100%/4*3) 0 0)
}
.td-text-block--split-4 .td-text-block__wrapper:nth-child(2),
.td-text-block--split-4 .td-text-block__wrapper:nth-child(3),
.td-text-block--split-4 .td-text-block__wrapper:nth-child(4) {
 position:absolute;
 left:0
}
.td-text-block--split-4 .td-text-block__wrapper:nth-child(2) {
 transition-delay:.1s
}
.td-text-block--split-4 .td-text-block__wrapper:nth-child(2) .td-text-block__final-text,
.td-text-block--split-4 .td-text-block__wrapper:nth-child(2) .td-text-block__front-text {
 -webkit-clip-path:inset(0 calc(100%/4*2) 0 calc(100%/4));
 clip-path:inset(0 calc(100%/4*2) 0 calc(100%/4))
}
.td-text-block--split-4 .td-text-block__wrapper:nth-child(3) {
 transition-delay:.2s
}
.td-text-block--split-4 .td-text-block__wrapper:nth-child(3) .td-text-block__final-text,
.td-text-block--split-4 .td-text-block__wrapper:nth-child(3) .td-text-block__front-text {
 -webkit-clip-path:inset(0 calc(100%/4) 0 calc(100%/4*2));
 clip-path:inset(0 calc(100%/4) 0 calc(100%/4*2))
}
.td-text-block--split-4 .td-text-block__wrapper:nth-child(4) {
 transition-delay:.3s
}
.td-text-block--split-4 .td-text-block__wrapper:nth-child(4) .td-text-block__final-text,
.td-text-block--split-4 .td-text-block__wrapper:nth-child(4) .td-text-block__front-text {
 -webkit-clip-path:inset(0 0 0 calc(100%/4*3));
 clip-path:inset(0 0 0 calc(100%/4*3))
}