:host,
:root {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 7 Free";
  --fa-font-light: normal 300 1em/1 "Font Awesome 7 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 7 Pro";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 7 Duotone";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 7 Brands";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-slab-regular: normal 400 1em/1 "Font Awesome 7 Slab";
  --fa-font-slab-press-regular: normal 400 1em/1 "Font Awesome 7 Slab Press";
  --fa-font-slab-duo-regular: normal 400 1em/1 "Font Awesome 7 Slab Duo";
  --fa-font-slab-press-duo-regular: normal 400 1em/1 "Font Awesome 7 Slab Press Duo";
  --fa-font-pixel-regular: normal 400 1em/1 "Font Awesome 7 Pixel";
  --fa-font-mosaic-solid: normal 900 1em/1 "Font Awesome 7 Mosaic";
  --fa-font-vellum-solid: normal 900 1em/1 "Font Awesome 7 Vellum";
  --fa-font-whiteboard-semibold: normal 600 1em/1 "Font Awesome 7 Whiteboard";
  --fa-font-thumbprint-light: normal 300 1em/1 "Font Awesome 7 Thumbprint";
  --fa-font-notdog-solid: normal 900 1em/1 "Font Awesome 7 Notdog";
  --fa-font-notdog-duo-solid: normal 900 1em/1 "Font Awesome 7 Notdog Duo";
  --fa-font-etch-solid: normal 900 1em/1 "Font Awesome 7 Etch";
  --fa-font-graphite-thin: normal 100 1em/1 "Font Awesome 7 Graphite";
  --fa-font-jelly-regular: normal 400 1em/1 "Font Awesome 7 Jelly";
  --fa-font-jelly-fill-regular: normal 400 1em/1 "Font Awesome 7 Jelly Fill";
  --fa-font-jelly-duo-regular: normal 400 1em/1 "Font Awesome 7 Jelly Duo";
  --fa-font-chisel-regular: normal 400 1em/1 "Font Awesome 7 Chisel";
  --fa-font-utility-semibold: normal 600 1em/1 "Font Awesome 7 Utility";
  --fa-font-utility-duo-semibold: normal 600 1em/1 "Font Awesome 7 Utility Duo";
  --fa-font-utility-fill-semibold: normal 600 1em/1 "Font Awesome 7 Utility Fill"
}
.svg-inline--fa {
  box-sizing: content-box;
  display: var(--fa-display,inline-block);
  vertical-align: -.125em;
  height: 1em;
  width: var(--fa-width,1.25em);
  overflow: visible
}
.svg-inline--fa.fa-2xs {
  vertical-align: .1em
}
.svg-inline--fa.fa-xs {
  vertical-align: 0
}
.svg-inline--fa.fa-sm {
  vertical-align: -.0714286em
}
.svg-inline--fa.fa-lg {
  vertical-align: -.2em
}
.svg-inline--fa.fa-xl {
  vertical-align: -.25em
}
.svg-inline--fa.fa-2xl {
  vertical-align: -.3125em
}
.svg-inline--fa .fa-pull-start,
.svg-inline--fa.fa-pull-left {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin,.3em)
}
.svg-inline--fa .fa-pull-end,
.svg-inline--fa.fa-pull-right {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin,.3em)
}
.svg-inline--fa.fa-li {
  width: var(--fa-li-width,2em);
  inset-block-start: .25em;
  inset-inline-start: calc(-1 * var(--fa-li-width,2em))
}
.fa-layers-counter,
.fa-layers-text {
  text-align: center;
  display: inline-block;
  position: absolute
}
.fa-layers {
  text-align: center;
  vertical-align: -.125em;
  height: 1em;
  width: var(--fa-width,1.25em);
  display: inline-block;
  position: relative
}
.fa-layers .svg-inline--fa {
  transform-origin: 50%;
  margin: auto;
  position: absolute;
  inset: 0
}
.fa-layers-text {
  transform-origin: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.fa-layers-counter {
  background-color: var(--fa-counter-background-color,#ff253a);
  border-radius: var(--fa-counter-border-radius,1em);
  box-sizing: border-box;
  color: var(--fa-inverse,#fff);
  line-height: var(--fa-counter-line-height,1);
  max-width: var(--fa-counter-max-width,5em);
  min-width: var(--fa-counter-min-width,1.5em);
  padding: var(--fa-counter-padding,.25em .5em);
  right: var(--fa-right,0);
  text-overflow: ellipsis;
  top: var(--fa-top,0);
  transform: scale(var(--fa-counter-scale,.25));
  transform-origin: 100% 0;
  overflow: hidden
}
.fa-layers-bottom-right {
  bottom: var(--fa-bottom,0);
  right: var(--fa-right,0);
  transform: scale(var(--fa-layers-scale,.25));
  transform-origin: 100% 100%;
  top: auto
}
.fa-layers-bottom-left {
  bottom: var(--fa-bottom,0);
  left: var(--fa-left,0);
  transform: scale(var(--fa-layers-scale,.25));
  transform-origin: 0 100%;
  top: auto;
  right: auto
}
.fa-layers-top-right {
  top: var(--fa-top,0);
  right: var(--fa-right,0);
  transform: scale(var(--fa-layers-scale,.25));
  transform-origin: 100% 0
}
.fa-layers-top-left {
  left: var(--fa-left,0);
  right: auto;
  top: var(--fa-top,0);
  transform: scale(var(--fa-layers-scale,.25));
  transform-origin: 0 0
}
.fa-1x {
  font-size: 1em
}
.fa-2x {
  font-size: 2em
}
.fa-3x {
  font-size: 3em
}
.fa-4x {
  font-size: 4em
}
.fa-5x {
  font-size: 5em
}
.fa-6x {
  font-size: 6em
}
.fa-7x {
  font-size: 7em
}
.fa-8x {
  font-size: 8em
}
.fa-9x {
  font-size: 9em
}
.fa-10x {
  font-size: 10em
}
.fa-2xs {
  vertical-align: .225em;
  font-size: .625em;
  line-height: .1em
}
.fa-xs {
  vertical-align: .125em;
  font-size: .75em;
  line-height: .0833333em
}
.fa-sm {
  vertical-align: .0535715em;
  font-size: .875em;
  line-height: .0714286em
}
.fa-lg {
  vertical-align: -.075em;
  font-size: 1.25em;
  line-height: .05em
}
.fa-xl {
  vertical-align: -.125em;
  font-size: 1.5em;
  line-height: .0416667em
}
.fa-2xl {
  vertical-align: -.1875em;
  font-size: 2em;
  line-height: .03125em
}
.fa-width-auto {
  --fa-width: auto
}
.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em
}
.fa-canvas-square {
  margin-block-end: -.125em;
  padding-block: .125em
}
.fa-canvas-roomy {
  box-sizing: content-box;
  margin-block-end: -.25em;
  padding-block: .25em;
  padding-inline: .125em
}
.fa-ul {
  margin-inline-start: var(--fa-li-margin,2.5em);
  padding-inline-start: 0;
  list-style-type: none
}
.fa-ul>li {
  position: relative
}
.fa-li {
  text-align: center;
  width: var(--fa-li-width,2em);
  line-height: inherit;
  position: absolute;
  inset-inline-start: calc(-1 * var(--fa-li-width,2em))
}
.fa-border {
  border-color: var(--fa-border-color,#eee);
  border-radius: var(--fa-border-radius,.1em);
  border-style: var(--fa-border-style,solid);
  border-width: var(--fa-border-width,.0625em);
  box-sizing: var(--fa-border-box-sizing,content-box);
  padding: var(--fa-border-padding,.1875em .25em)
}
.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin,.3em)
}
.fa-pull-end,
.fa-pull-right {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin,.3em)
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out)
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28, .84, .42, 1))
}
.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out)
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out)
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1.5s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out)
}
.fa-flip-360 {
  animation-name: fa-flip-360;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out)
}
.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,.75s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out)
}
.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,2s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear)
}
.fa-spin-reverse {
  --fa-animation-direction: reverse
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,steps(8))
}
.fa-spin-snap {
  animation-name: fa-spin-snap;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,3s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear)
}
.fa-spin-snap-4 {
  animation-name: fa-spin-snap-4;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,2.4s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear)
}
.fa-spin-snap-8 {
  animation-name: fa-spin-snap-8;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,4s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear)
}
.fa-buzz {
  animation-name: fa-buzz;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,.6s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear)
}
.fa-wag {
  animation-name: fa-wag;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,.9s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-out);
  transform-origin: bottom
}
.fa-float {
  animation-name: fa-float;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,3s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out);
  will-change: transform
}
.fa-swing {
  animation-name: fa-swing;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1.2s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-out);
  transform-origin: top
}
.fa-jello {
  animation-name: fa-jello;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,.9s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-out)
}
@media (prefers-reduced-motion:reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-buzz,
  .fa-fade,
  .fa-flip,
  .fa-flip-360,
  .fa-float,
  .fa-jello,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse,
  .fa-spin-snap,
  .fa-spin-snap-4,
  .fa-spin-snap-8,
  .fa-swing,
  .fa-wag {
    transition: none!important;
    animation: none!important
  }
}
@keyframes fa-beat {
  0% {
    transform: scale(1)
  }
  25% {
    transform: scale(calc(1.25 * var(--fa-beat-scale,1.25)))
  }
  45% {
    transform: scale(calc(1.22 * var(--fa-beat-scale,1.22)))
  }
  65% {
    transform: scale(calc(1.25 * var(--fa-beat-scale,1.25)))
  }
  90% {
    transform: scale(1)
  }
}
@keyframes fa-bounce {
  0% {
    animation-timing-function: var(--fa-animation-timing);
    transform: scale(1) translateY(0)
  }
  14% {
    transform: scale(var(--fa-bounce-start-scale-x,1.06), var(--fa-bounce-start-scale-y,.94)) translateY(var(--fa-bounce-anticipation,3px));
    animation-timing-function: cubic-bezier(.33,0,.66,.33)
  }
  32% {
    transform: scale(var(--fa-bounce-jump-scale-x,.94), var(--fa-bounce-jump-scale-y,1.12)) translateY(calc(-1 * var(--fa-bounce-height,.5em)));
    animation-timing-function: cubic-bezier(.33,.66,.66,1)
  }
  52% {
    transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height,.5em) * 1.1));
    animation-timing-function: cubic-bezier(.5,0,1,.5)
  }
  70% {
    transform: scale(var(--fa-bounce-land-scale-x,1.06), var(--fa-bounce-land-scale-y,.92)) translateY(0);
    animation-timing-function: cubic-bezier(.33,.33,.66,1)
  }
  85% {
    transform: scale(.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound,1)));
    animation-timing-function: cubic-bezier(.33,0,.66,1)
  }
  to {
    transform: scale(1) translateY(0)
  }
}
@keyframes fa-fade {
  0% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.2,0,.4,1);
    transform: scale(1)
  }
  40% {
    opacity: var(--fa-fade-opacity,.4);
    animation-timing-function: cubic-bezier(.4,0,.6,1);
    transform: scale(.98)
  }
  to {
    opacity: 1;
    transform: scale(1)
  }
}
@keyframes fa-beat-fade {
  0% {
    opacity: var(--fa-beat-fade-opacity,.4);
    animation-timing-function: cubic-bezier(.2,0,.4,1);
    transform: scale(1)
  }
  25% {
    opacity: calc(var(--fa-beat-fade-opacity,.4) + .4);
    transform: scale(var(--fa-beat-fade-scale,1.28));
    animation-timing-function: cubic-bezier(.4,0,.6,1)
  }
  45% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale,1.25));
    animation-timing-function: cubic-bezier(.4,0,.2,1)
  }
  65% {
    opacity: calc(var(--fa-beat-fade-opacity,.4) + .4);
    transform: scale(var(--fa-beat-fade-scale,1.28));
    animation-timing-function: cubic-bezier(.4,0,.6,1)
  }
  to {
    opacity: var(--fa-beat-fade-opacity,.4);
    transform: scale(1)
  }
}
@keyframes fa-flip {
  0% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), 0deg);
    animation-timing-function: cubic-bezier(.2,0,.4,1)
  }
  8% {
    transform: perspective(2em) scale(var(--fa-flip-anticipation-scale,.95)) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), 0deg);
    animation-timing-function: cubic-bezier(.33,0,.66,.33)
  }
  35% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle,-360deg) * .6));
    animation-timing-function: linear
  }
  65% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle,-360deg) * .5));
    animation-timing-function: cubic-bezier(.33,.66,.66,1)
  }
  92% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle,-360deg) * var(--fa-flip-overshoot,1.04)));
    animation-timing-function: cubic-bezier(.33,0,.66,1)
  }
  to {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-360deg))
  }
}
@keyframes fa-flip-360 {
  0% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), 0deg);
    animation-timing-function: cubic-bezier(.2,0,.4,1)
  }
  8% {
    transform: perspective(2em) scale(var(--fa-flip-anticipation-scale,.95)) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), 0deg);
    animation-timing-function: cubic-bezier(.33,0,.66,.33)
  }
  50% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle,-360deg) * .6));
    animation-timing-function: cubic-bezier(.33,.66,.66,1)
  }
  80% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle,-360deg) * var(--fa-flip-overshoot,1.04)));
    animation-timing-function: cubic-bezier(.33,0,.66,1)
  }
  to {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-360deg))
  }
}
@keyframes fa-shake {
  0% {
    animation-timing-function: cubic-bezier(.2,0,.8,1);
    transform: rotate(0)
  }
  8% {
    animation-timing-function: cubic-bezier(.3,0,.7,1);
    transform: rotate(35deg) translate(1px)
  }
  20% {
    animation-timing-function: cubic-bezier(.3,0,.7,1);
    transform: rotate(-22deg) translate(-1px)
  }
  35% {
    animation-timing-function: cubic-bezier(.3,0,.7,1);
    transform: rotate(15deg) translate(1px)
  }
  50% {
    animation-timing-function: cubic-bezier(.4,0,.6,1);
    transform: rotate(-9deg)
  }
  65% {
    animation-timing-function: cubic-bezier(.4,0,.6,1);
    transform: rotate(5deg)
  }
  78% {
    animation-timing-function: cubic-bezier(.4,0,.6,1);
    transform: rotate(-3deg)
  }
  90% {
    animation-timing-function: cubic-bezier(.4,0,.2,1);
    transform: rotate(1deg)
  }
  to {
    transform: rotate(0)
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}
@keyframes fa-spin-snap {
  0% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(0)
  }
  12% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(60deg)
  }
  16.67% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(60deg)
  }
  28.67% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(120deg)
  }
  33.33% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(120deg)
  }
  45.33% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(180deg)
  }
  50% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(180deg)
  }
  62% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(240deg)
  }
  66.67% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(240deg)
  }
  78.67% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(300deg)
  }
  83.33% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(300deg)
  }
  95.33% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(360deg)
  }
  to {
    transform: rotate(360deg)
  }
}
@keyframes fa-spin-snap-4 {
  0% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(0)
  }
  15% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(90deg)
  }
  25% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(90deg)
  }
  40% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(180deg)
  }
  50% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(180deg)
  }
  65% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(270deg)
  }
  75% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(270deg)
  }
  90% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(360deg)
  }
  to {
    transform: rotate(360deg)
  }
}
@keyframes fa-spin-snap-8 {
  0% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(0)
  }
  9% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(45deg)
  }
  12.5% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(45deg)
  }
  21.5% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(90deg)
  }
  25% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(90deg)
  }
  34% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(135deg)
  }
  37.5% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(135deg)
  }
  46.5% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(180deg)
  }
  50% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(180deg)
  }
  59% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(225deg)
  }
  62.5% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(225deg)
  }
  71.5% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(270deg)
  }
  75% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(270deg)
  }
  84% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(315deg)
  }
  87.5% {
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transform: rotate(315deg)
  }
  96.5% {
    animation-timing-function: cubic-bezier(.8,0,1,1);
    transform: rotate(360deg)
  }
  to {
    transform: rotate(360deg)
  }
}
@keyframes fa-buzz {
  0% {
    animation-timing-function: cubic-bezier(.1,0,.9,1);
    transform: translate(0) rotate(0)
  }
  5% {
    transform: translateX(var(--fa-buzz-distance,4px)) rotate(.5deg)
  }
  10% {
    transform: translateX(calc(-1 * var(--fa-buzz-distance,4px))) rotate(-.5deg)
  }
  15% {
    transform: translateX(var(--fa-buzz-distance,4px)) rotate(.3deg)
  }
  20% {
    transform: translateX(calc(-1 * var(--fa-buzz-distance,4px))) rotate(-.3deg)
  }
  25% {
    transform: translateX(calc(var(--fa-buzz-distance,4px) * .7)) rotate(.2deg)
  }
  30% {
    transform: translateX(calc(-1 * var(--fa-buzz-distance,4px) * .7)) rotate(-.2deg)
  }
  35% {
    transform: translateX(calc(var(--fa-buzz-distance,4px) * .4)) rotate(.1deg)
  }
  40% {
    transform: translate(0) rotate(0)
  }
  to {
    transform: translate(0) rotate(0)
  }
}
@keyframes fa-wag {
  0% {
    animation-timing-function: cubic-bezier(.2,0,.6,1);
    transform: rotate(0)
  }
  12% {
    transform: rotate(var(--fa-wag-angle,12deg));
    animation-timing-function: cubic-bezier(.4,0,.2,1)
  }
  24% {
    animation-timing-function: cubic-bezier(.2,0,.6,1);
    transform: rotate(2deg)
  }
  36% {
    transform: rotate(calc(var(--fa-wag-angle,12deg) * .85));
    animation-timing-function: cubic-bezier(.4,0,.2,1)
  }
  48% {
    animation-timing-function: cubic-bezier(.2,0,.6,1);
    transform: rotate(1deg)
  }
  58% {
    transform: rotate(calc(var(--fa-wag-angle,12deg) * .6));
    animation-timing-function: cubic-bezier(.4,0,.2,1)
  }
  68% {
    transform: rotate(0)
  }
  to {
    transform: rotate(0)
  }
}
@keyframes fa-float {
  0% {
    transform: translateY(0) translateX(0) rotate(0) scale(var(--fa-float-squash-x,1.02), var(--fa-float-squash-y,.98));
    animation-timing-function: cubic-bezier(.33,0,.66,.33)
  }
  15% {
    transform: translateY(calc(-.4 * var(--fa-float-height,6px))) translateX(var(--fa-float-drift,1px)) rotate(var(--fa-float-tilt,1deg)) scale(1, 1);
    animation-timing-function: cubic-bezier(.33,.66,.66,1)
  }
  35% {
    transform: translateY(calc(-1 * var(--fa-float-height,6px))) translateX(0) rotate(0) scale(var(--fa-float-stretch-x,.98), var(--fa-float-stretch-y,1.03));
    animation-timing-function: cubic-bezier(.5,0,.5,0)
  }
  50% {
    transform: translateY(calc(-.92 * var(--fa-float-height,6px))) translateX(calc(-.5 * var(--fa-float-drift,1px))) rotate(calc(-.5 * var(--fa-float-tilt,1deg))) scale(.995, 1.01);
    animation-timing-function: cubic-bezier(.33,0,.66,.33)
  }
  70% {
    transform: translateY(calc(-.3 * var(--fa-float-height,6px))) translateX(calc(-1 * var(--fa-float-drift,1px))) rotate(calc(-1 * var(--fa-float-tilt,1deg))) scale(1, 1);
    animation-timing-function: cubic-bezier(.33,.66,.66,1)
  }
  90% {
    transform: translateY(calc(.05 * var(--fa-float-height,6px))) translateX(0) rotate(0) scale(var(--fa-float-squash-x,1.02), var(--fa-float-squash-y,.98));
    animation-timing-function: cubic-bezier(.33,0,.66,1)
  }
  to {
    transform: translateY(0) translateX(0) rotate(0) scale(var(--fa-float-squash-x,1.02), var(--fa-float-squash-y,.98))
  }
}
@keyframes fa-swing {
  0% {
    animation-timing-function: cubic-bezier(.2,0,.8,1);
    transform: rotate(0)
  }
  8% {
    transform: rotate(var(--fa-swing-angle,22deg));
    animation-timing-function: cubic-bezier(.3,0,.7,1)
  }
  18% {
    transform: rotate(calc(-1 * var(--fa-swing-angle,22deg) * .85));
    animation-timing-function: cubic-bezier(.3,0,.7,1)
  }
  28% {
    transform: rotate(calc(var(--fa-swing-angle,22deg) * .65));
    animation-timing-function: cubic-bezier(.35,0,.65,1)
  }
  38% {
    transform: rotate(calc(-1 * var(--fa-swing-angle,22deg) * .45));
    animation-timing-function: cubic-bezier(.4,0,.6,1)
  }
  48% {
    transform: rotate(calc(var(--fa-swing-angle,22deg) * .25));
    animation-timing-function: cubic-bezier(.4,0,.6,1)
  }
  56% {
    transform: rotate(calc(-1 * var(--fa-swing-angle,22deg) * .1));
    animation-timing-function: cubic-bezier(.4,0,.6,1)
  }
  64% {
    transform: rotate(0)
  }
  to {
    transform: rotate(0)
  }
}
@keyframes fa-jello {
  0% {
    animation-timing-function: cubic-bezier(.2,0,.8,1);
    transform: scale(1)
  }
  12% {
    transform: scale(var(--fa-jello-scale-x,1.15), calc(2 - var(--fa-jello-scale-x,1.15)));
    animation-timing-function: cubic-bezier(.3,0,.7,1)
  }
  24% {
    transform: scale(calc(2 - var(--fa-jello-scale-y,1.12)), var(--fa-jello-scale-y,1.12));
    animation-timing-function: cubic-bezier(.3,0,.7,1)
  }
  36% {
    transform: scale(calc(1 + (var(--fa-jello-scale-x,1.15) - 1) * .5), calc(2 - (1 + (var(--fa-jello-scale-x,1.15) - 1) * .5)));
    animation-timing-function: cubic-bezier(.4,0,.6,1)
  }
  48% {
    transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y,1.12) - 1) * .3)), calc(1 + (var(--fa-jello-scale-y,1.12) - 1) * .3));
    animation-timing-function: cubic-bezier(.4,0,.6,1)
  }
  58% {
    animation-timing-function: cubic-bezier(.4,0,.2,1);
    transform: scale(1.02,.98)
  }
  68% {
    transform: scale(1)
  }
  to {
    transform: scale(1)
  }
}
.fa-rotate-90 {
  transform: rotate(90deg)
}
.fa-rotate-180 {
  transform: rotate(180deg)
}
.fa-rotate-270 {
  transform: rotate(270deg)
}
.fa-flip-horizontal {
  transform: scaleX(-1)
}
.fa-flip-vertical {
  transform: scaleY(-1)
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1)
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle,0))
}
.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color,currentColor);
  opacity: var(--fa-primary-opacity,1)
}
.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color,currentColor);
  opacity: var(--fa-secondary-opacity,.4)
}
.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity,.4)
}
.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity,1)
}
.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: #000
}
.svg-inline--fa.fa-inverse {
  fill: var(--fa-inverse,#fff)
}
.fa-stack {
  vertical-align: middle;
  width: 2.5em;
  height: 2em;
  line-height: 2em;
  display: inline-block;
  position: relative
}
.fa-inverse {
  color: var(--fa-inverse,#fff)
}
.svg-inline--fa.fa-stack-1x {
  --fa-width: 1.25em;
  height: 1em;
  width: var(--fa-width)
}
.svg-inline--fa.fa-stack-2x {
  --fa-width: 2.5em;
  height: 2em;
  width: var(--fa-width)
}
.fa-stack-1x,
.fa-stack-2x {
  z-index: var(--fa-stack-z-index,auto);
  margin: auto;
  position: absolute;
  inset: 0
}
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::backdrop,
    :after,
    :before {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1
    }
  }
}
@layer theme {
  :host,
  :root {
    --font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-900: oklch(41% .159 10.272);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono)
  }
}
@layer base {
  *,
  ::backdrop,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }
  :host,
  html {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings,normal);
    font-variation-settings: var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color: transparent
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
  }
  b,
  strong {
    font-weight: bolder
  }
  code,
  kbd,
  pre,
  samp {
    font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings,normal);
    font-variation-settings: var(--default-mono-font-variation-settings,normal);
    font-size: 1em
  }
  small {
    font-size: 80%
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
  }
  sub {
    bottom: -.25em
  }
  sup {
    top: -.5em
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto
  }
  progress {
    vertical-align: baseline
  }
  summary {
    display: list-item
  }
  menu,
  ol,
  ul {
    list-style: none
  }
  audio,
  canvas,
  embed,
  iframe,
  img,
  object,
  svg,
  video {
    vertical-align: middle;
    display: block
  }
  img,
  video {
    max-width: 100%;
    height: auto
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight: bolder
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start: 20px
  }
  ::file-selector-button {
    margin-inline-end: 4px
  }
  ::placeholder {
    opacity: 1
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor
    }
    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }
  textarea {
    resize: vertical
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
  }
  ::-webkit-datetime-edit {
    display: inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }
  ::-webkit-datetime-edit {
    padding-block: 0
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1
  }
  :-moz-ui-invalid {
    box-shadow: none
  }
  button,
  input:where([type=button],[type=reset],[type=submit]) {
    appearance: button
  }
  ::file-selector-button {
    appearance: button
  }
  ::-webkit-inner-spin-button {
    height: auto
  }
  ::-webkit-outer-spin-button {
    height: auto
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none!important
  }
}
@layer components {
  .input {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-slate-900)
  }
  .input::placeholder {
    color: var(--color-slate-400)
  }
  .input:focus {
    border-color: var(--color-blue-500);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-ring-color: var(--color-blue-500);
    --tw-outline-style: none;
    outline-style: none
  }
  .btn-primary {
    border-radius: var(--radius-md);
    background-color: var(--color-blue-600);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
  }
  @media (hover:hover) {
    .btn-primary:hover {
      background-color: var(--color-blue-700)
    }
  }
  .btn-primary:disabled {
    cursor: not-allowed;
    opacity: .5
  }
  .btn-secondary {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
  }
  @media (hover:hover) {
    .btn-secondary:hover {
      background-color: var(--color-slate-50)
    }
  }
  .input-encrypted {
    border-color: var(--color-violet-500)
  }
  .input-encrypted:focus {
    border-color: var(--color-violet-600);
    --tw-ring-color: var(--color-violet-200)
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none
  }
  .visible {
    visibility: visible
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
  }
  .absolute {
    position: absolute
  }
  .fixed {
    position: fixed
  }
  .relative {
    position: relative
  }
  .sticky {
    position: sticky
  }
  .inset-0 {
    inset: 0
  }
  .-top-2 {
    top: calc(var(--spacing) * -2)
  }
  .top-0 {
    top: 0
  }
  .top-1\/2 {
    top: 50%
  }
  .top-full {
    top: 100%
  }
  .-right-2 {
    right: calc(var(--spacing) * -2)
  }
  .right-0 {
    right: 0
  }
  .bottom-0 {
    bottom: 0
  }
  .left-0 {
    left: 0
  }
  .left-1\/2 {
    left: 50%
  }
  .left-3 {
    left: calc(var(--spacing) * 3)
  }
  .z-10 {
    z-index: 10
  }
  .z-20 {
    z-index: 20
  }
  .z-50 {
    z-index: 50
  }
  .col-span-1 {
    grid-column: span 1/span 1
  }
  .col-span-2 {
    grid-column: span 2/span 2
  }
  .col-span-4 {
    grid-column: span 4/span 4
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5)
  }
  .mx-1 {
    margin-inline: var(--spacing)
  }
  .mx-auto {
    margin-inline: auto
  }
  .my-auto {
    margin-block: auto
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5)
  }
  .mt-1 {
    margin-top: var(--spacing)
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5)
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2)
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3)
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4)
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5)
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6)
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12)
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24)
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1)
  }
  .mr-1 {
    margin-right: var(--spacing)
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2)
  }
  .-mb-px {
    margin-bottom: -1px
  }
  .mb-1 {
    margin-bottom: var(--spacing)
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2)
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3)
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4)
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6)
  }
  .ml-1 {
    margin-left: var(--spacing)
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2)
  }
  .ml-auto {
    margin-left: auto
  }
  .block {
    display: block
  }
  .flex {
    display: flex
  }
  .grid {
    display: grid
  }
  .hidden {
    display: none
  }
  .inline-block {
    display: inline-block
  }
  .inline-flex {
    display: inline-flex
  }
  .table {
    display: table
  }
  .h-0 {
    height: 0
  }
  .h-0\.5 {
    height: calc(var(--spacing) * .5)
  }
  .h-1 {
    height: var(--spacing)
  }
  .h-2 {
    height: calc(var(--spacing) * 2)
  }
  .h-4 {
    height: calc(var(--spacing) * 4)
  }
  .h-5 {
    height: calc(var(--spacing) * 5)
  }
  .h-6 {
    height: calc(var(--spacing) * 6)
  }
  .h-7 {
    height: calc(var(--spacing) * 7)
  }
  .h-8 {
    height: calc(var(--spacing) * 8)
  }
  .h-9 {
    height: calc(var(--spacing) * 9)
  }
  .h-10 {
    height: calc(var(--spacing) * 10)
  }
  .h-12 {
    height: calc(var(--spacing) * 12)
  }
  .h-14 {
    height: calc(var(--spacing) * 14)
  }
  .h-16 {
    height: calc(var(--spacing) * 16)
  }
  .h-24 {
    height: calc(var(--spacing) * 24)
  }
  .h-80 {
    height: calc(var(--spacing) * 80)
  }
  .h-\[90vh\] {
    height: 90vh
  }
  .h-dvh {
    height: 100dvh
  }
  .h-full {
    height: 100%
  }
  .h-screen {
    height: 100vh
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80)
  }
  .max-h-112 {
    max-height: calc(var(--spacing) * 112)
  }
  .max-h-128 {
    max-height: calc(var(--spacing) * 128)
  }
  .max-h-136 {
    max-height: calc(var(--spacing) * 136)
  }
  .max-h-\[calc\(100vh-13rem\)\] {
    max-height: calc(100vh - 13rem)
  }
  .min-h-0 {
    min-height: 0
  }
  .min-h-\[60vh\] {
    min-height: 60vh
  }
  .min-h-screen {
    min-height: 100vh
  }
  .w-0 {
    width: 0
  }
  .w-4 {
    width: calc(var(--spacing) * 4)
  }
  .w-5 {
    width: calc(var(--spacing) * 5)
  }
  .w-6 {
    width: calc(var(--spacing) * 6)
  }
  .w-7 {
    width: calc(var(--spacing) * 7)
  }
  .w-8 {
    width: calc(var(--spacing) * 8)
  }
  .w-9 {
    width: calc(var(--spacing) * 9)
  }
  .w-10 {
    width: calc(var(--spacing) * 10)
  }
  .w-11 {
    width: calc(var(--spacing) * 11)
  }
  .w-12 {
    width: calc(var(--spacing) * 12)
  }
  .w-14 {
    width: calc(var(--spacing) * 14)
  }
  .w-16 {
    width: calc(var(--spacing) * 16)
  }
  .w-20 {
    width: calc(var(--spacing) * 20)
  }
  .w-24 {
    width: calc(var(--spacing) * 24)
  }
  .w-28 {
    width: calc(var(--spacing) * 28)
  }
  .w-32 {
    width: calc(var(--spacing) * 32)
  }
  .w-36 {
    width: calc(var(--spacing) * 36)
  }
  .w-40 {
    width: calc(var(--spacing) * 40)
  }
  .w-44 {
    width: calc(var(--spacing) * 44)
  }
  .w-48 {
    width: calc(var(--spacing) * 48)
  }
  .w-56 {
    width: calc(var(--spacing) * 56)
  }
  .w-72 {
    width: calc(var(--spacing) * 72)
  }
  .w-full {
    width: 100%
  }
  .max-w-2xl {
    max-width: var(--container-2xl)
  }
  .max-w-3xl {
    max-width: var(--container-3xl)
  }
  .max-w-4xl {
    max-width: var(--container-4xl)
  }
  .max-w-6xl {
    max-width: var(--container-6xl)
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48)
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56)
  }
  .max-w-\[1600px\] {
    max-width: 1600px
  }
  .max-w-full {
    max-width: 100%
  }
  .max-w-lg {
    max-width: var(--container-lg)
  }
  .max-w-md {
    max-width: var(--container-md)
  }
  .max-w-prose {
    max-width: 65ch
  }
  .max-w-sm {
    max-width: var(--container-sm)
  }
  .max-w-xl {
    max-width: var(--container-xl)
  }
  .min-w-0 {
    min-width: 0
  }
  .min-w-184 {
    min-width: calc(var(--spacing) * 184)
  }
  .min-w-full {
    min-width: 100%
  }
  .flex-1 {
    flex: 1
  }
  .shrink-0 {
    flex-shrink: 0
  }
  .border-collapse {
    border-collapse: collapse
  }
  .translate-x-1 {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }
  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }
  .animate-spin {
    animation: var(--animate-spin)
  }
  .cursor-pointer {
    cursor: pointer
  }
  .resize-none {
    resize: none
  }
  .resize-y {
    resize: vertical
  }
  .list-inside {
    list-style-position: inside
  }
  .list-disc {
    list-style-type: disc
  }
  .list-none {
    list-style-type: none
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
  }
  .flex-col {
    flex-direction: column
  }
  .flex-wrap {
    flex-wrap: wrap
  }
  .items-baseline {
    align-items: baseline
  }
  .items-center {
    align-items: center
  }
  .items-end {
    align-items: flex-end
  }
  .items-start {
    align-items: flex-start
  }
  .justify-between {
    justify-content: space-between
  }
  .justify-center {
    justify-content: center
  }
  .justify-end {
    justify-content: flex-end
  }
  .gap-1 {
    gap: var(--spacing)
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5)
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2)
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5)
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3)
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4)
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6)
  }
  :where(.space-y-0\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-1>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-2>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-8>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3)
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4)
  }
  .gap-y-1 {
    row-gap: var(--spacing)
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3)
  }
  :where(.divide-y>:not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
  }
  :where(.divide-slate-100>:not(:last-child)) {
    border-color: var(--color-slate-100)
  }
  .justify-self-center {
    justify-self: center
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }
  .overflow-auto {
    overflow: auto
  }
  .overflow-hidden {
    overflow: hidden
  }
  .overflow-x-auto {
    overflow-x: auto
  }
  .overflow-y-auto {
    overflow-y: auto
  }
  .rounded {
    border-radius: .25rem
  }
  .rounded-full {
    border-radius: 2147483647px
  }
  .rounded-lg {
    border-radius: var(--radius-lg)
  }
  .rounded-md {
    border-radius: var(--radius-md)
  }
  .rounded-xl {
    border-radius: var(--radius-xl)
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed
  }
  .border-amber-200 {
    border-color: var(--color-amber-200)
  }
  .border-amber-300 {
    border-color: var(--color-amber-300)
  }
  .border-amber-400 {
    border-color: var(--color-amber-400)
  }
  .border-amber-700 {
    border-color: var(--color-amber-700)
  }
  .border-blue-100 {
    border-color: var(--color-blue-100)
  }
  .border-blue-200 {
    border-color: var(--color-blue-200)
  }
  .border-blue-400 {
    border-color: var(--color-blue-400)
  }
  .border-blue-500 {
    border-color: var(--color-blue-500)
  }
  .border-blue-600 {
    border-color: var(--color-blue-600)
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200)
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300)
  }
  .border-red-200 {
    border-color: var(--color-red-200)
  }
  .border-red-300 {
    border-color: var(--color-red-300)
  }
  .border-red-500 {
    border-color: var(--color-red-500)
  }
  .border-rose-300 {
    border-color: var(--color-rose-300)
  }
  .border-slate-100 {
    border-color: var(--color-slate-100)
  }
  .border-slate-200 {
    border-color: var(--color-slate-200)
  }
  .border-slate-300 {
    border-color: var(--color-slate-300)
  }
  .border-transparent {
    border-color: #0000
  }
  .border-t-blue-600 {
    border-top-color: var(--color-blue-600)
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50)
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100)
  }
  .bg-amber-200 {
    background-color: var(--color-amber-200)
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500)
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600)
  }
  .bg-amber-700 {
    background-color: var(--color-amber-700)
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50)
  }
  .bg-blue-50\/70 {
    background-color: #eff6ffb3
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-50\/70 {
      background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent)
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100)
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500)
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600)
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50)
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100)
  }
  .bg-green-100 {
    background-color: var(--color-green-100)
  }
  .bg-red-50 {
    background-color: var(--color-red-50)
  }
  .bg-red-100 {
    background-color: var(--color-red-100)
  }
  .bg-red-600 {
    background-color: var(--color-red-600)
  }
  .bg-red-700 {
    background-color: var(--color-red-700)
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50)
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100)
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50)
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100)
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200)
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300)
  }
  .bg-slate-700 {
    background-color: var(--color-slate-700)
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900)
  }
  .bg-slate-900\/50 {
    background-color: #0f172b80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-slate-900\/50 {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent)
    }
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100)
  }
  .bg-white {
    background-color: var(--color-white)
  }
  .bg-white\/50 {
    background-color: #ffffff80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/50 {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent)
    }
  }
  .bg-white\/60 {
    background-color: #fff9
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }
  }
  .object-contain {
    object-fit: contain
  }
  .p-1 {
    padding: var(--spacing)
  }
  .p-2 {
    padding: calc(var(--spacing) * 2)
  }
  .p-3 {
    padding: calc(var(--spacing) * 3)
  }
  .p-4 {
    padding: calc(var(--spacing) * 4)
  }
  .p-5 {
    padding: calc(var(--spacing) * 5)
  }
  .p-6 {
    padding: calc(var(--spacing) * 6)
  }
  .p-8 {
    padding: calc(var(--spacing) * 8)
  }
  .px-1 {
    padding-inline: var(--spacing)
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5)
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2)
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3)
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4)
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5)
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6)
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5)
  }
  .py-1 {
    padding-block: var(--spacing)
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5)
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2)
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5)
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3)
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4)
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5)
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6)
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8)
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10)
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12)
  }
  .pt-1 {
    padding-top: var(--spacing)
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2)
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3)
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4)
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6)
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3)
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4)
  }
  .pr-\[env\(safe-area-inset-right\)\] {
    padding-right: env(safe-area-inset-right)
  }
  .pb-1 {
    padding-bottom: var(--spacing)
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2)
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3)
  }
  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom)
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2)
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3)
  }
  .pl-6\.5 {
    padding-left: calc(var(--spacing) * 6.5)
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9)
  }
  .pl-\[env\(safe-area-inset-left\)\] {
    padding-left: env(safe-area-inset-left)
  }
  .text-center {
    text-align: center
  }
  .text-left {
    text-align: left
  }
  .text-right {
    text-align: right
  }
  .align-middle {
    vertical-align: middle
  }
  .font-mono {
    font-family: var(--font-mono)
  }
  .font-sans {
    font-family: var(--font-sans)
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading,var(--text-2xl--line-height))
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading,var(--text-3xl--line-height))
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading,var(--text-6xl--line-height))
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height))
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height))
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height))
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height))
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height))
  }
  .text-\[10px\] {
    font-size: 10px
  }
  .text-\[11px\] {
    font-size: 11px
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed)
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight)
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }
  .tracking-\[0\.4em\] {
    --tw-tracking: .4em;
    letter-spacing: .4em
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide)
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider)
  }
  .wrap-break-word {
    overflow-wrap: break-word
  }
  .break-all {
    word-break: break-all
  }
  .whitespace-nowrap {
    white-space: nowrap
  }
  .whitespace-pre-line {
    white-space: pre-line
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap
  }
  .text-amber-600 {
    color: var(--color-amber-600)
  }
  .text-amber-700 {
    color: var(--color-amber-700)
  }
  .text-amber-800 {
    color: var(--color-amber-800)
  }
  .text-amber-900 {
    color: var(--color-amber-900)
  }
  .text-blue-600 {
    color: var(--color-blue-600)
  }
  .text-blue-700 {
    color: var(--color-blue-700)
  }
  .text-blue-800 {
    color: var(--color-blue-800)
  }
  .text-blue-900 {
    color: var(--color-blue-900)
  }
  .text-emerald-600 {
    color: var(--color-emerald-600)
  }
  .text-emerald-700 {
    color: var(--color-emerald-700)
  }
  .text-emerald-800 {
    color: var(--color-emerald-800)
  }
  .text-emerald-900 {
    color: var(--color-emerald-900)
  }
  .text-green-700 {
    color: var(--color-green-700)
  }
  .text-green-800 {
    color: var(--color-green-800)
  }
  .text-red-500 {
    color: var(--color-red-500)
  }
  .text-red-600 {
    color: var(--color-red-600)
  }
  .text-red-700 {
    color: var(--color-red-700)
  }
  .text-red-800 {
    color: var(--color-red-800)
  }
  .text-rose-900 {
    color: var(--color-rose-900)
  }
  .text-sky-700 {
    color: var(--color-sky-700)
  }
  .text-sky-800 {
    color: var(--color-sky-800)
  }
  .text-slate-300 {
    color: var(--color-slate-300)
  }
  .text-slate-400 {
    color: var(--color-slate-400)
  }
  .text-slate-500 {
    color: var(--color-slate-500)
  }
  .text-slate-600 {
    color: var(--color-slate-600)
  }
  .text-slate-700 {
    color: var(--color-slate-700)
  }
  .text-slate-800 {
    color: var(--color-slate-800)
  }
  .text-slate-900 {
    color: var(--color-slate-900)
  }
  .text-violet-800 {
    color: var(--color-violet-800)
  }
  .text-white {
    color: var(--color-white)
  }
  .uppercase {
    text-transform: uppercase
  }
  .italic {
    font-style: italic
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
  }
  .line-through {
    text-decoration-line: line-through
  }
  .no-underline {
    text-decoration-line: none
  }
  .underline {
    text-decoration-line: underline
  }
  .underline-offset-2 {
    text-underline-offset: 2px
  }
  .accent-slate-700 {
    accent-color: var(--color-slate-700)
  }
  .opacity-0 {
    opacity: 0
  }
  .opacity-50 {
    opacity: .5
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .ring-blue-100 {
    --tw-ring-color: var(--color-blue-100)
  }
  .ring-slate-900 {
    --tw-ring-color: var(--color-slate-900)
  }
  .ring-slate-900\/5 {
    --tw-ring-color: #0f172b0d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-slate-900\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-900) 5%, transparent)
    }
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
  }
  .transition {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
  }
  .transition-\[max-height\,opacity\] {
    transition-property: max-height,opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
  }
  .transition-colors {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
  }
  .transition-transform {
    transition-property: transform,translate,scale,rotate;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
  }
  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out)
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0
  }
  @media (hover:hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
    .hover\:border-blue-300:hover {
      border-color: var(--color-blue-300)
    }
    .hover\:border-blue-700:hover {
      border-color: var(--color-blue-700)
    }
    .hover\:border-slate-200:hover {
      border-color: var(--color-slate-200)
    }
    .hover\:border-slate-300:hover {
      border-color: var(--color-slate-300)
    }
    .hover\:border-slate-400:hover {
      border-color: var(--color-slate-400)
    }
    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100)
    }
    .hover\:bg-amber-700:hover {
      background-color: var(--color-amber-700)
    }
    .hover\:bg-amber-800:hover {
      background-color: var(--color-amber-800)
    }
    .hover\:bg-blue-100:hover {
      background-color: var(--color-blue-100)
    }
    .hover\:bg-blue-500:hover {
      background-color: var(--color-blue-500)
    }
    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700)
    }
    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50)
    }
    .hover\:bg-red-700:hover {
      background-color: var(--color-red-700)
    }
    .hover\:bg-slate-50:hover {
      background-color: var(--color-slate-50)
    }
    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100)
    }
    .hover\:text-blue-500:hover {
      color: var(--color-blue-500)
    }
    .hover\:text-blue-600:hover {
      color: var(--color-blue-600)
    }
    .hover\:text-blue-700:hover {
      color: var(--color-blue-700)
    }
    .hover\:text-blue-800:hover {
      color: var(--color-blue-800)
    }
    .hover\:text-blue-900:hover {
      color: var(--color-blue-900)
    }
    .hover\:text-red-600:hover {
      color: var(--color-red-600)
    }
    .hover\:text-slate-600:hover {
      color: var(--color-slate-600)
    }
    .hover\:text-slate-700:hover {
      color: var(--color-slate-700)
    }
    .hover\:text-slate-800:hover {
      color: var(--color-slate-800)
    }
    .hover\:text-slate-900:hover {
      color: var(--color-slate-900)
    }
    .hover\:underline:hover {
      text-decoration-line: underline
    }
    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .hover\:ring-2:hover {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .hover\:ring-slate-300:hover {
      --tw-ring-color: var(--color-slate-300)
    }
  }
  .focus\:border-amber-500:focus {
    border-color: var(--color-amber-500)
  }
  .focus\:border-blue-400:focus {
    border-color: var(--color-blue-400)
  }
  .focus\:border-red-400:focus {
    border-color: var(--color-red-400)
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus\:ring-blue-100:focus {
    --tw-ring-color: var(--color-blue-100)
  }
  .focus\:ring-blue-400:focus {
    --tw-ring-color: var(--color-blue-400)
  }
  .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--color-blue-500)
  }
  .focus\:ring-red-100:focus {
    --tw-ring-color: var(--color-red-100)
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
  }
  .disabled\:border-slate-200:disabled {
    border-color: var(--color-slate-200)
  }
  .disabled\:bg-slate-300:disabled {
    background-color: var(--color-slate-300)
  }
  .disabled\:text-slate-400:disabled {
    color: var(--color-slate-400)
  }
  .disabled\:no-underline:disabled {
    text-decoration-line: none
  }
  .disabled\:opacity-40:disabled {
    opacity: .4
  }
  .disabled\:opacity-50:disabled {
    opacity: .5
  }
  @media (hover:hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000
    }
  }
  @media (prefers-reduced-motion:reduce) {
    .motion-reduce\:transition-none {
      transition-property: none
    }
  }
  @media (width>=40rem) {
    .sm\:inline {
      display: inline
    }
    .sm\:w-auto {
      width: auto
    }
    .sm\:max-w-40 {
      max-width: calc(var(--spacing) * 40)
    }
    .sm\:min-w-48 {
      min-width: calc(var(--spacing) * 48)
    }
    .sm\:shrink-0 {
      flex-shrink: 0
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2,minmax(0,1fr))
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3,minmax(0,1fr))
    }
    .sm\:flex-row {
      flex-direction: row
    }
    .sm\:items-center {
      align-items: center
    }
    .sm\:items-start {
      align-items: flex-start
    }
    .sm\:justify-between {
      justify-content: space-between
    }
    .sm\:justify-end {
      justify-content: flex-end
    }
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4)
    }
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4)
    }
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6)
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8)
    }
    .sm\:px-0 {
      padding-inline: 0
    }
    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3)
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4)
    }
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5)
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6)
    }
  }
  @media (width>=48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4,minmax(0,1fr))
    }
  }
  @media (width>=64rem) {
    .lg\:block {
      display: block
    }
    .lg\:flex {
      display: flex
    }
    .lg\:grid {
      display: grid
    }
    .lg\:hidden {
      display: none
    }
    .lg\:grid-cols-\[1fr_auto_1fr\] {
      grid-template-columns: 1fr auto 1fr
    }
    .lg\:grid-cols-\[minmax\(0\,22rem\)_1fr\] {
      grid-template-columns: minmax(0,22rem) 1fr
    }
    .lg\:justify-self-end {
      justify-self: flex-end
    }
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6)
    }
  }
  @media (width>=80rem) {
    .xl\:hidden {
      display: none
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3,minmax(0,1fr))
    }
    .xl\:grid-cols-\[7fr_5fr\] {
      grid-template-columns: 7fr 5fr
    }
    .xl\:grid-cols-\[minmax\(560px\,5fr\)_7fr\] {
      grid-template-columns: minmax(560px,5fr) 7fr
    }
  }
  @media print {
    .print\:hidden {
      display: none
    }
    .print\:h-auto {
      height: auto
    }
    .print\:max-h-none {
      max-height: none
    }
    .print\:min-h-0 {
      min-height: 0
    }
    .print\:flex-none {
      flex: none
    }
    .print\:overflow-visible {
      overflow: visible
    }
    .print\:p-0 {
      padding: 0
    }
    .print\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
  }
}
body {
  margin: 0
}
[data-verdeckt] {
  -webkit-text-security: disc;
  text-security: disc
}
.nur-fuer-passwortverwaltung {
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: none;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}
@media print {
  body:has(.print-isolate) * {
    visibility: hidden
  }
  :is(body:has(.print-isolate) .print-isolate,body:has(.print-isolate) .print-isolate *) {
    visibility: visible
  }
  body:has(.print-isolate) .print-isolate {
    margin: 0 auto;
    position: absolute;
    inset: 0
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}
@property --tw-leading {
  syntax: "*";
  inherits: false
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
@property --tw-tracking {
  syntax: "*";
  inherits: false
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}
@property --tw-blur {
  syntax: "*";
  inherits: false
}
@property --tw-brightness {
  syntax: "*";
  inherits: false
}
@property --tw-contrast {
  syntax: "*";
  inherits: false
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}
@property --tw-invert {
  syntax: "*";
  inherits: false
}
@property --tw-opacity {
  syntax: "*";
  inherits: false
}
@property --tw-saturate {
  syntax: "*";
  inherits: false
}
@property --tw-sepia {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}
@property --tw-duration {
  syntax: "*";
  inherits: false
}
@property --tw-ease {
  syntax: "*";
  inherits: false
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1
}
@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}