@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";


@layer legacy;

/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */

/*!
 * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-sharp,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}

.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 {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid)
    var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  -webkit-animation-name: fa-beat;
  animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(
    --fa-animation-iteration-count,
    infinite
  );
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  -webkit-animation-name: fa-bounce;
  animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(
    --fa-animation-iteration-count,
    infinite
  );
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.28, 0.84, 0.42, 1)
  );
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.28, 0.84, 0.42, 1)
  );
}

.fa-fade {
  -webkit-animation-name: fa-fade;
  animation-name: fa-fade;
  -webkit-animation-iteration-count: var(
    --fa-animation-iteration-count,
    infinite
  );
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}

.fa-beat-fade,
.fa-fade {
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
}

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  -webkit-animation-iteration-count: var(
    --fa-animation-iteration-count,
    infinite
  );
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}

.fa-flip {
  -webkit-animation-name: fa-flip;
  animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(
    --fa-animation-iteration-count,
    infinite
  );
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  -webkit-animation-name: fa-shake;
  animation-name: fa-shake;
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(
    --fa-animation-iteration-count,
    infinite
  );
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-shake,
.fa-spin {
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
}

.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(
    --fa-animation-iteration-count,
    infinite
  );
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(
    --fa-animation-iteration-count,
    infinite
  );
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {
  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@keyframes fa-beat {
  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }
  30% {
    -webkit-transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}

@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }
  30% {
    -webkit-transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}

@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@-webkit-keyframes fa-beat-fade {
  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}

@keyframes fa-beat-fade {
  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}

@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}

@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}

@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%,
  24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%,
  28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%,
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%,
  24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%,
  28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%,
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fa-flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
  transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.fa-0:before {
  content: "\30";
}

.fa-1:before {
  content: "\31";
}

.fa-2:before {
  content: "\32";
}

.fa-3:before {
  content: "\33";
}

.fa-4:before {
  content: "\34";
}

.fa-5:before {
  content: "\35";
}

.fa-6:before {
  content: "\36";
}

.fa-7:before {
  content: "\37";
}

.fa-8:before {
  content: "\38";
}

.fa-9:before {
  content: "\39";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-arrows-to-circle:before {
  content: "\e4bd";
}

.fa-chevron-circle-right:before,
.fa-circle-chevron-right:before {
  content: "\f138";
}

.fa-at:before {
  content: "\40";
}

.fa-trash-alt:before,
.fa-trash-can:before {
  content: "\f2ed";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-user-times:before,
.fa-user-xmark:before {
  content: "\f235";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-comment-alt:before,
.fa-message:before {
  content: "\f27a";
}

.fa-info:before {
  content: "\f129";
}

.fa-compress-alt:before,
.fa-down-left-and-up-right-to-center:before {
  content: "\f422";
}

.fa-explosion:before {
  content: "\e4e9";
}

.fa-file-alt:before,
.fa-file-lines:before,
.fa-file-text:before {
  content: "\f15c";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-building-un:before {
  content: "\e4d9";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-calendar-alt:before,
.fa-calendar-days:before {
  content: "\f073";
}

.fa-anchor-circle-check:before {
  content: "\e4aa";
}

.fa-building-circle-arrow-right:before {
  content: "\e4d1";
}

.fa-volleyball-ball:before,
.fa-volleyball:before {
  content: "\f45f";
}

.fa-arrows-up-to-line:before {
  content: "\e4c2";
}

.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd";
}

.fa-circle-minus:before,
.fa-minus-circle:before {
  content: "\f056";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-right-from-bracket:before,
.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-soap:before {
  content: "\e06e";
}

.fa-heart-music-camera-bolt:before,
.fa-icons:before {
  content: "\f86d";
}

.fa-microphone-alt-slash:before,
.fa-microphone-lines-slash:before {
  content: "\f539";
}

.fa-bridge-circle-check:before {
  content: "\e4c9";
}

.fa-pump-medical:before {
  content: "\e06a";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-magnifying-glass-location:before,
.fa-search-location:before {
  content: "\f689";
}

.fa-forward-step:before,
.fa-step-forward:before {
  content: "\f051";
}

.fa-face-smile-beam:before,
.fa-smile-beam:before {
  content: "\f5b8";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-football-ball:before,
.fa-football:before {
  content: "\f44e";
}

.fa-school-circle-exclamation:before {
  content: "\e56c";
}

.fa-crop:before {
  content: "\f125";
}

.fa-angle-double-down:before,
.fa-angles-down:before {
  content: "\f103";
}

.fa-users-rectangle:before {
  content: "\e594";
}

.fa-people-roof:before {
  content: "\e537";
}

.fa-people-line:before {
  content: "\e534";
}

.fa-beer-mug-empty:before,
.fa-beer:before {
  content: "\f0fc";
}

.fa-diagram-predecessor:before {
  content: "\e477";
}

.fa-arrow-up-long:before,
.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-burn:before,
.fa-fire-flame-simple:before {
  content: "\f46a";
}

.fa-male:before,
.fa-person:before {
  content: "\f183";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-truck-plane:before {
  content: "\e58f";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-face-grin-stars:before,
.fa-grin-stars:before {
  content: "\f587";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-pastafarianism:before,
.fa-spaghetti-monster-flying:before {
  content: "\f67b";
}

.fa-arrow-down-up-across-line:before {
  content: "\e4af";
}

.fa-spoon:before,
.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-jar-wheat:before {
  content: "\e517";
}

.fa-envelopes-bulk:before,
.fa-mail-bulk:before {
  content: "\f674";
}

.fa-file-circle-exclamation:before {
  content: "\e4eb";
}

.fa-circle-h:before,
.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-pager:before {
  content: "\f815";
}

.fa-address-book:before,
.fa-contact-book:before {
  content: "\f2b9";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-k:before {
  content: "\4b";
}

.fa-landmark-flag:before {
  content: "\e51c";
}

.fa-pencil-alt:before,
.fa-pencil:before {
  content: "\f303";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-comments:before {
  content: "\f086";
}

.fa-file-clipboard:before,
.fa-paste:before {
  content: "\f0ea";
}

.fa-code-pull-request:before {
  content: "\e13c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-truck-loading:before,
.fa-truck-ramp-box:before {
  content: "\f4de";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-vial-virus:before {
  content: "\e597";
}

.fa-sheet-plastic:before {
  content: "\e571";
}

.fa-blog:before {
  content: "\f781";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-person-arrow-up-from-line:before {
  content: "\e539";
}

.fa-scroll-torah:before,
.fa-torah:before {
  content: "\f6a0";
}

.fa-broom-ball:before,
.fa-quidditch-broom-ball:before,
.fa-quidditch:before {
  content: "\f458";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-archive:before,
.fa-box-archive:before {
  content: "\f187";
}

.fa-person-drowning:before {
  content: "\e545";
}

.fa-arrow-down-9-1:before,
.fa-sort-numeric-desc:before,
.fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-face-grin-tongue-squint:before,
.fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-w:before {
  content: "\57";
}

.fa-earth-africa:before,
.fa-globe-africa:before {
  content: "\f57c";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-tablet-alt:before,
.fa-tablet-screen-button:before {
  content: "\f3fa";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-trowel-bricks:before {
  content: "\e58a";
}

.fa-face-flushed:before,
.fa-flushed:before {
  content: "\f579";
}

.fa-hospital-user:before {
  content: "\f80d";
}

.fa-tent-arrow-left-right:before {
  content: "\e57f";
}

.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-box-tissue:before {
  content: "\e05b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-bell-concierge:before,
.fa-concierge-bell:before {
  content: "\f562";
}

.fa-pen-ruler:before,
.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-people-arrows-left-right:before,
.fa-people-arrows:before {
  content: "\e068";
}

.fa-mars-and-venus-burst:before {
  content: "\e523";
}

.fa-caret-square-right:before,
.fa-square-caret-right:before {
  content: "\f152";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-sun-plant-wilt:before {
  content: "\e57a";
}

.fa-toilets-portable:before {
  content: "\e584";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magnifying-glass-arrow-right:before {
  content: "\e521";
}

.fa-digital-tachograph:before,
.fa-tachograph-digital:before {
  content: "\f566";
}

.fa-users-slash:before {
  content: "\e073";
}

.fa-clover:before {
  content: "\e139";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f3e5";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-house-fire:before {
  content: "\e50c";
}

.fa-minus-square:before,
.fa-square-minus:before {
  content: "\f146";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-caret-square-down:before,
.fa-square-caret-down:before {
  content: "\f150";
}

.fa-file-circle-question:before {
  content: "\e4ef";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-bars:before,
.fa-navicon:before {
  content: "\f0c9";
}

.fa-people-group:before {
  content: "\e533";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-heart-broken:before,
.fa-heart-crack:before {
  content: "\f7a9";
}

.fa-external-link-square-alt:before,
.fa-square-up-right:before {
  content: "\f360";
}

.fa-face-kiss-beam:before,
.fa-kiss-beam:before {
  content: "\f597";
}

.fa-film:before {
  content: "\f008";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-people-robbery:before {
  content: "\e536";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-school-circle-xmark:before {
  content: "\e56d";
}

.fa-arrow-right-from-bracket:before,
.fa-sign-out:before {
  content: "\f08b";
}

.fa-chevron-circle-down:before,
.fa-circle-chevron-down:before {
  content: "\f13a";
}

.fa-unlock-alt:before,
.fa-unlock-keyhole:before {
  content: "\f13e";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-headphones-alt:before,
.fa-headphones-simple:before {
  content: "\f58f";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-circle-dollar-to-slot:before,
.fa-donate:before {
  content: "\f4b9";
}

.fa-memory:before {
  content: "\f538";
}

.fa-road-spikes:before {
  content: "\e568";
}

.fa-fire-burner:before {
  content: "\e4f1";
}

.fa-flag:before {
  content: "\f024";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-volume-down:before,
.fa-volume-low:before {
  content: "\f027";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-compress:before {
  content: "\f066";
}

.fa-wheat-alt:before,
.fa-wheat-awn:before {
  content: "\e2cd";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-hands-holding-child:before {
  content: "\e4fa";
}

.fa-asterisk:before {
  content: "\2a";
}

.fa-check-square:before,
.fa-square-check:before {
  content: "\f14a";
}

.fa-peseta-sign:before {
  content: "\e221";
}

.fa-header:before,
.fa-heading:before {
  content: "\f1dc";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-list-squares:before,
.fa-list:before {
  content: "\f03a";
}

.fa-phone-square-alt:before,
.fa-square-phone-flip:before {
  content: "\f87b";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-circle-dot:before,
.fa-dot-circle:before {
  content: "\f192";
}

.fa-dizzy:before,
.fa-face-dizzy:before {
  content: "\f567";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-house-medical-circle-xmark:before {
  content: "\e513";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-futbol-ball:before,
.fa-futbol:before,
.fa-soccer-ball:before {
  content: "\f1e3";
}

.fa-paint-brush:before,
.fa-paintbrush:before {
  content: "\f1fc";
}

.fa-lock:before {
  content: "\f023";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-hot-tub-person:before,
.fa-hot-tub:before {
  content: "\f593";
}

.fa-map-location:before,
.fa-map-marked:before {
  content: "\f59f";
}

.fa-house-flood-water:before {
  content: "\e50e";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-bridge-lock:before {
  content: "\e4cc";
}

.fa-sack-dollar:before {
  content: "\f81d";
}

.fa-edit:before,
.fa-pen-to-square:before {
  content: "\f044";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-share-alt:before,
.fa-share-nodes:before {
  content: "\f1e0";
}

.fa-heart-circle-minus:before {
  content: "\e4ff";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-sink:before {
  content: "\e06d";
}

.fa-bag-shopping:before,
.fa-shopping-bag:before {
  content: "\f290";
}

.fa-arrow-down-z-a:before,
.fa-sort-alpha-desc:before,
.fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-person-rays:before {
  content: "\e54d";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-flask-vial:before {
  content: "\e4f3";
}

.fa-hand-paper:before,
.fa-hand:before {
  content: "\f256";
}

.fa-om:before {
  content: "\f679";
}

.fa-worm:before {
  content: "\e599";
}

.fa-house-circle-xmark:before {
  content: "\e50b";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-face-kiss:before,
.fa-kiss:before {
  content: "\f596";
}

.fa-bridge-circle-xmark:before {
  content: "\e4cb";
}

.fa-face-grin-tongue:before,
.fa-grin-tongue:before {
  content: "\f589";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-face-grin-wink:before,
.fa-grin-wink:before {
  content: "\f58c";
}

.fa-deaf:before,
.fa-deafness:before,
.fa-ear-deaf:before,
.fa-hard-of-hearing:before {
  content: "\f2a4";
}

.fa-road-circle-check:before {
  content: "\e564";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-rss-square:before,
.fa-square-rss:before {
  content: "\f143";
}

.fa-land-mine-on:before {
  content: "\e51b";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-stairs:before {
  content: "\e289";
}

.fa-i:before {
  content: "\49";
}

.fa-hryvnia-sign:before,
.fa-hryvnia:before {
  content: "\f6f2";
}

.fa-pills:before {
  content: "\f484";
}

.fa-face-grin-wide:before,
.fa-grin-alt:before {
  content: "\f581";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-v:before {
  content: "\56";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-rod-asclepius:before,
.fa-rod-snake:before,
.fa-staff-aesculapius:before,
.fa-staff-snake:before {
  content: "\e579";
}

.fa-head-side-cough-slash:before {
  content: "\e062";
}

.fa-ambulance:before,
.fa-truck-medical:before {
  content: "\f0f9";
}

.fa-wheat-awn-circle-exclamation:before {
  content: "\e598";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-road-barrier:before {
  content: "\e562";
}

.fa-school:before {
  content: "\f549";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-joint:before {
  content: "\f595";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-q:before {
  content: "\51";
}

.fa-g:before {
  content: "\47";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-temperature-2:before,
.fa-temperature-half:before,
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-dong-sign:before {
  content: "\e169";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-poo-bolt:before,
.fa-poo-storm:before {
  content: "\f75a";
}

.fa-face-frown-open:before,
.fa-frown-open:before {
  content: "\f57a";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-helmet-un:before {
  content: "\e503";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-arrow-up-from-bracket:before {
  content: "\e09a";
}

.fa-folder-blank:before,
.fa-folder:before {
  content: "\f07b";
}

.fa-file-medical-alt:before,
.fa-file-waveform:before {
  content: "\f478";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-chart-simple:before {
  content: "\e473";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-vial:before {
  content: "\f492";
}

.fa-dashboard:before,
.fa-gauge-med:before,
.fa-gauge:before,
.fa-tachometer-alt-average:before {
  content: "\f624";
}

.fa-magic-wand-sparkles:before,
.fa-wand-magic-sparkles:before {
  content: "\e2ca";
}

.fa-e:before {
  content: "\45";
}

.fa-pen-alt:before,
.fa-pen-clip:before {
  content: "\f305";
}

.fa-bridge-circle-exclamation:before {
  content: "\e4ca";
}

.fa-user:before {
  content: "\f007";
}

.fa-school-circle-check:before {
  content: "\e56b";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-shuttle-van:before,
.fa-van-shuttle:before {
  content: "\f5b6";
}

.fa-building-user:before {
  content: "\e4da";
}

.fa-caret-square-left:before,
.fa-square-caret-left:before {
  content: "\f191";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-key:before {
  content: "\f084";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-person-half-dress:before {
  content: "\e548";
}

.fa-road-bridge:before {
  content: "\e563";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-c:before {
  content: "\43";
}

.fa-tablet-button:before {
  content: "\f10a";
}

.fa-building-lock:before {
  content: "\e4d6";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-area-chart:before,
.fa-chart-area:before {
  content: "\f1fe";
}

.fa-house-flag:before {
  content: "\e50d";
}

.fa-person-circle-minus:before {
  content: "\e540";
}

.fa-ban:before,
.fa-cancel:before {
  content: "\f05e";
}

.fa-camera-rotate:before {
  content: "\e0d8";
}

.fa-air-freshener:before,
.fa-spray-can-sparkles:before {
  content: "\f5d0";
}

.fa-star:before {
  content: "\f005";
}

.fa-repeat:before {
  content: "\f363";
}

.fa-cross:before {
  content: "\f654";
}

.fa-box:before {
  content: "\f466";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-arrow-pointer:before,
.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-expand-arrows-alt:before,
.fa-maximize:before {
  content: "\f31e";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-shapes:before,
.fa-triangle-circle-square:before {
  content: "\f61f";
}

.fa-random:before,
.fa-shuffle:before {
  content: "\f074";
}

.fa-person-running:before,
.fa-running:before {
  content: "\f70c";
}

.fa-mobile-retro:before {
  content: "\e527";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-spider:before {
  content: "\f717";
}

.fa-hands-bound:before {
  content: "\e4f9";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-plane-circle-exclamation:before {
  content: "\e556";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-slash:before {
  content: "\f715";
}

.fa-computer-mouse:before,
.fa-mouse:before {
  content: "\f8cc";
}

.fa-arrow-right-to-bracket:before,
.fa-sign-in:before {
  content: "\f090";
}

.fa-shop-slash:before,
.fa-store-alt-slash:before {
  content: "\e070";
}

.fa-server:before {
  content: "\f233";
}

.fa-virus-covid-slash:before {
  content: "\e4a9";
}

.fa-shop-lock:before {
  content: "\e4a5";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-building-wheat:before {
  content: "\e4db";
}

.fa-person-breastfeeding:before {
  content: "\e53a";
}

.fa-right-to-bracket:before,
.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-venus:before {
  content: "\f221";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-heart-pulse:before,
.fa-heartbeat:before {
  content: "\f21e";
}

.fa-people-carry-box:before,
.fa-people-carry:before {
  content: "\f4ce";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-crown:before {
  content: "\f521";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-xmarks-lines:before {
  content: "\e59a";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-weight-scale:before,
.fa-weight:before {
  content: "\f496";
}

.fa-user-friends:before,
.fa-user-group:before {
  content: "\f500";
}

.fa-arrow-up-a-z:before,
.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-face-laugh-squint:before,
.fa-laugh-squint:before {
  content: "\f59b";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-arrow-circle-up:before,
.fa-circle-arrow-up:before {
  content: "\f0aa";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-person-walking:before,
.fa-walking:before {
  content: "\f554";
}

.fa-l:before {
  content: "\4c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-bed-pulse:before,
.fa-procedures:before {
  content: "\f487";
}

.fa-shuttle-space:before,
.fa-space-shuttle:before {
  content: "\f197";
}

.fa-face-laugh:before,
.fa-laugh:before {
  content: "\f599";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-heart-circle-plus:before {
  content: "\e500";
}

.fa-code-fork:before {
  content: "\e13b";
}

.fa-city:before {
  content: "\f64f";
}

.fa-microphone-alt:before,
.fa-microphone-lines:before {
  content: "\f3c9";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-colon-sign:before {
  content: "\e140";
}

.fa-headset:before {
  content: "\f590";
}

.fa-store-slash:before {
  content: "\e071";
}

.fa-road-circle-xmark:before {
  content: "\e566";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-mars-stroke-up:before,
.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-champagne-glasses:before,
.fa-glass-cheers:before {
  content: "\f79f";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-house-circle-exclamation:before {
  content: "\e50a";
}

.fa-file-arrow-up:before,
.fa-file-upload:before {
  content: "\f574";
}

.fa-wifi-3:before,
.fa-wifi-strong:before,
.fa-wifi:before {
  content: "\f1eb";
}

.fa-bath:before,
.fa-bathtub:before {
  content: "\f2cd";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-user-edit:before,
.fa-user-pen:before {
  content: "\f4ff";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-bold:before {
  content: "\f032";
}

.fa-anchor-lock:before {
  content: "\e4ad";
}

.fa-building-ngo:before {
  content: "\e4d7";
}

.fa-manat-sign:before {
  content: "\e1d5";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-border-style:before,
.fa-border-top-left:before {
  content: "\f853";
}

.fa-map-location-dot:before,
.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-poll:before,
.fa-square-poll-vertical:before {
  content: "\f681";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-battery-car:before,
.fa-car-battery:before {
  content: "\f5df";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-building-circle-check:before {
  content: "\e4d2";
}

.fa-person-chalkboard:before {
  content: "\e53d";
}

.fa-mars-stroke-h:before,
.fa-mars-stroke-right:before {
  content: "\f22b";
}

.fa-hand-back-fist:before,
.fa-hand-rock:before {
  content: "\f255";
}

.fa-caret-square-up:before,
.fa-square-caret-up:before {
  content: "\f151";
}

.fa-cloud-showers-water:before {
  content: "\e4e4";
}

.fa-bar-chart:before,
.fa-chart-bar:before {
  content: "\f080";
}

.fa-hands-bubbles:before,
.fa-hands-wash:before {
  content: "\e05e";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-train:before {
  content: "\f238";
}

.fa-eye-low-vision:before,
.fa-low-vision:before {
  content: "\f2a8";
}

.fa-crow:before {
  content: "\f520";
}

.fa-sailboat:before {
  content: "\e445";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-plus-square:before,
.fa-square-plus:before {
  content: "\f0fe";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-bucket:before {
  content: "\e4cf";
}

.fa-image:before {
  content: "\f03e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-cow:before {
  content: "\f6c8";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-folder-closed:before {
  content: "\e185";
}

.fa-house-tsunami:before {
  content: "\e515";
}

.fa-square-nfi:before {
  content: "\e576";
}

.fa-arrow-up-from-ground-water:before {
  content: "\e4b5";
}

.fa-glass-martini-alt:before,
.fa-martini-glass:before {
  content: "\f57b";
}

.fa-rotate-back:before,
.fa-rotate-backward:before,
.fa-rotate-left:before,
.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-columns:before,
.fa-table-columns:before {
  content: "\f0db";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-head-side-mask:before {
  content: "\e063";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-dolly-box:before,
.fa-dolly:before {
  content: "\f472";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-compress-arrows-alt:before,
.fa-minimize:before {
  content: "\f78c";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-angle-double-right:before,
.fa-angles-right:before {
  content: "\f101";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-circle-play:before,
.fa-play-circle:before {
  content: "\f144";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-eur:before,
.fa-euro-sign:before,
.fa-euro:before {
  content: "\f153";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-check-circle:before,
.fa-circle-check:before {
  content: "\f058";
}

.fa-circle-stop:before,
.fa-stop-circle:before {
  content: "\f28d";
}

.fa-compass-drafting:before,
.fa-drafting-compass:before {
  content: "\f568";
}

.fa-plate-wheat:before {
  content: "\e55a";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-person-shelter:before {
  content: "\e54f";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-face-laugh-beam:before,
.fa-laugh-beam:before {
  content: "\f59a";
}

.fa-helicopter-symbol:before {
  content: "\e502";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-chevron-circle-up:before,
.fa-circle-chevron-up:before {
  content: "\f139";
}

.fa-lari-sign:before {
  content: "\e1c8";
}

.fa-volcano:before {
  content: "\f770";
}

.fa-person-walking-dashed-line-arrow-right:before {
  content: "\e553";
}

.fa-gbp:before,
.fa-pound-sign:before,
.fa-sterling-sign:before {
  content: "\f154";
}

.fa-viruses:before {
  content: "\e076";
}

.fa-square-person-confined:before {
  content: "\e577";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-arrow-down-long:before,
.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-tent-arrow-down-to-line:before {
  content: "\e57e";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-person-skating:before,
.fa-skating:before {
  content: "\f7c5";
}

.fa-filter-circle-dollar:before,
.fa-funnel-dollar:before {
  content: "\f662";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-arrow-circle-down:before,
.fa-circle-arrow-down:before {
  content: "\f0ab";
}

.fa-arrow-right-to-file:before,
.fa-file-import:before {
  content: "\f56f";
}

.fa-external-link-square:before,
.fa-square-arrow-up-right:before {
  content: "\f14c";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-location-pin-lock:before {
  content: "\e51f";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-hill-avalanche:before {
  content: "\e507";
}

.fa-temperature-0:before,
.fa-temperature-empty:before,
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-address-card:before,
.fa-contact-card:before,
.fa-vcard:before {
  content: "\f2bb";
}

.fa-balance-scale-right:before,
.fa-scale-unbalanced-flip:before {
  content: "\f516";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-diamond-turn-right:before,
.fa-directions:before {
  content: "\f5eb";
}

.fa-burst:before {
  content: "\e4dc";
}

.fa-house-laptop:before,
.fa-laptop-house:before {
  content: "\e066";
}

.fa-face-tired:before,
.fa-tired:before {
  content: "\f5c8";
}

.fa-money-bills:before {
  content: "\e1f3";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-cloud-arrow-up:before,
.fa-cloud-upload-alt:before,
.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-arrows-turn-right:before {
  content: "\e4c0";
}

.fa-vest:before {
  content: "\e085";
}

.fa-ferry:before {
  content: "\e4ea";
}

.fa-arrows-down-to-people:before {
  content: "\e4b9";
}

.fa-seedling:before,
.fa-sprout:before {
  content: "\f4d8";
}

.fa-arrows-alt-h:before,
.fa-left-right:before {
  content: "\f337";
}

.fa-boxes-packing:before {
  content: "\e4c7";
}

.fa-arrow-circle-left:before,
.fa-circle-arrow-left:before {
  content: "\f0a8";
}

.fa-group-arrows-rotate:before {
  content: "\e4f6";
}

.fa-bowl-food:before {
  content: "\e4c6";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-arrow-down-wide-short:before,
.fa-sort-amount-asc:before,
.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-cloud-bolt:before,
.fa-thunderstorm:before {
  content: "\f76c";
}

.fa-remove-format:before,
.fa-text-slash:before {
  content: "\f87d";
}

.fa-face-smile-wink:before,
.fa-smile-wink:before {
  content: "\f4da";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-arrows-h:before,
.fa-arrows-left-right:before {
  content: "\f07e";
}

.fa-house-lock:before {
  content: "\e510";
}

.fa-cloud-arrow-down:before,
.fa-cloud-download-alt:before,
.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-children:before {
  content: "\e4e1";
}

.fa-blackboard:before,
.fa-chalkboard:before {
  content: "\f51b";
}

.fa-user-alt-slash:before,
.fa-user-large-slash:before {
  content: "\f4fa";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-handshake-alt-slash:before,
.fa-handshake-simple-slash:before {
  content: "\e05f";
}

.fa-mattress-pillow:before {
  content: "\e525";
}

.fa-guarani-sign:before {
  content: "\e19a";
}

.fa-arrows-rotate:before,
.fa-refresh:before,
.fa-sync:before {
  content: "\f021";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-cruzeiro-sign:before {
  content: "\e152";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-shield-alt:before,
.fa-shield-halved:before {
  content: "\f3ed";
}

.fa-atlas:before,
.fa-book-atlas:before {
  content: "\f558";
}

.fa-virus:before {
  content: "\e074";
}

.fa-envelope-circle-check:before {
  content: "\e4e8";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-arrows-to-dot:before {
  content: "\e4be";
}

.fa-archway:before {
  content: "\f557";
}

.fa-heart-circle-check:before {
  content: "\e4fd";
}

.fa-house-chimney-crack:before,
.fa-house-damage:before {
  content: "\f6f1";
}

.fa-file-archive:before,
.fa-file-zipper:before {
  content: "\f1c6";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-glass-martini:before,
.fa-martini-glass-empty:before {
  content: "\f000";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cedi-sign:before {
  content: "\e0df";
}

.fa-italic:before {
  content: "\f033";
}

.fa-church:before {
  content: "\f51d";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-z:before {
  content: "\5a";
}

.fa-person-skiing:before,
.fa-skiing:before {
  content: "\f7c9";
}

.fa-road-lock:before {
  content: "\e567";
}

.fa-a:before {
  content: "\41";
}

.fa-temperature-arrow-down:before,
.fa-temperature-down:before {
  content: "\e03f";
}

.fa-feather-alt:before,
.fa-feather-pointed:before {
  content: "\f56b";
}

.fa-p:before {
  content: "\50";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-ad:before,
.fa-rectangle-ad:before {
  content: "\f641";
}

.fa-arrow-circle-right:before,
.fa-circle-arrow-right:before {
  content: "\f0a9";
}

.fa-filter-circle-xmark:before {
  content: "\e17b";
}

.fa-locust:before {
  content: "\e520";
}

.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc";
}

.fa-list-1-2:before,
.fa-list-numeric:before,
.fa-list-ol:before {
  content: "\f0cb";
}

.fa-person-dress-burst:before {
  content: "\e544";
}

.fa-money-check-alt:before,
.fa-money-check-dollar:before {
  content: "\f53d";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-face-kiss-wink-heart:before,
.fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-question:before {
  content: "\3f";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-arrows-alt:before,
.fa-up-down-left-right:before {
  content: "\f0b2";
}

.fa-house-chimney-user:before {
  content: "\e065";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-star-half-alt:before,
.fa-star-half-stroke:before {
  content: "\f5c0";
}

.fa-code:before {
  content: "\f121";
}

.fa-glass-whiskey:before,
.fa-whiskey-glass:before {
  content: "\f7a0";
}

.fa-building-circle-exclamation:before {
  content: "\e4d3";
}

.fa-magnifying-glass-chart:before {
  content: "\e522";
}

.fa-arrow-up-right-from-square:before,
.fa-external-link:before {
  content: "\f08e";
}

.fa-cubes-stacked:before {
  content: "\e4e6";
}

.fa-krw:before,
.fa-won-sign:before,
.fa-won:before {
  content: "\f159";
}

.fa-virus-covid:before {
  content: "\e4a8";
}

.fa-austral-sign:before {
  content: "\e0a9";
}

.fa-f:before {
  content: "\46";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-road:before {
  content: "\f018";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-person-circle-plus:before {
  content: "\e541";
}

.fa-chart-pie:before,
.fa-pie-chart:before {
  content: "\f200";
}

.fa-bolt-lightning:before {
  content: "\e0b7";
}

.fa-sack-xmark:before {
  content: "\e56a";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-fish-fins:before {
  content: "\e4f2";
}

.fa-building-flag:before {
  content: "\e4d5";
}

.fa-face-grin-beam:before,
.fa-grin-beam:before {
  content: "\f582";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-poop:before {
  content: "\f619";
}

.fa-location-pin:before,
.fa-map-marker:before {
  content: "\f041";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-hard-hat:before,
.fa-hat-hard:before,
.fa-helmet-safety:before {
  content: "\f807";
}

.fa-eject:before {
  content: "\f052";
}

.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  content: "\f35a";
}

.fa-plane-circle-check:before {
  content: "\e555";
}

.fa-face-rolling-eyes:before,
.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-chart-line:before,
.fa-line-chart:before {
  content: "\f201";
}

.fa-mask-ventilator:before {
  content: "\e524";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-map-signs:before,
.fa-signs-post:before {
  content: "\f277";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-person-circle-question:before {
  content: "\e542";
}

.fa-h:before {
  content: "\48";
}

.fa-tarp:before {
  content: "\e57b";
}

.fa-screwdriver-wrench:before,
.fa-tools:before {
  content: "\f7d9";
}

.fa-arrows-to-eye:before {
  content: "\e4bf";
}

.fa-plug-circle-bolt:before {
  content: "\e55b";
}

.fa-heart:before {
  content: "\f004";
}

.fa-mars-and-venus:before {
  content: "\f224";
}

.fa-home-user:before,
.fa-house-user:before {
  content: "\e1b0";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-house-crack:before {
  content: "\e3b1";
}

.fa-cocktail:before,
.fa-martini-glass-citrus:before {
  content: "\f561";
}

.fa-face-surprise:before,
.fa-surprise:before {
  content: "\f5c2";
}

.fa-bottle-water:before {
  content: "\e4c5";
}

.fa-circle-pause:before,
.fa-pause-circle:before {
  content: "\f28b";
}

.fa-toilet-paper-slash:before {
  content: "\e072";
}

.fa-apple-alt:before,
.fa-apple-whole:before {
  content: "\f5d1";
}

.fa-kitchen-set:before {
  content: "\e51a";
}

.fa-r:before {
  content: "\52";
}

.fa-temperature-1:before,
.fa-temperature-quarter:before,
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-bitcoin-sign:before {
  content: "\e0b4";
}

.fa-shield-dog:before {
  content: "\e573";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-elevator:before {
  content: "\e16d";
}

.fa-money-bill-transfer:before {
  content: "\e528";
}

.fa-money-bill-trend-up:before {
  content: "\e529";
}

.fa-house-flood-water-circle-arrow-right:before {
  content: "\e50f";
}

.fa-poll-h:before,
.fa-square-poll-horizontal:before {
  content: "\f682";
}

.fa-circle:before {
  content: "\f111";
}

.fa-backward-fast:before,
.fa-fast-backward:before {
  content: "\f049";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-plane-slash:before {
  content: "\e069";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-basketball-ball:before,
.fa-basketball:before {
  content: "\f434";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-arrow-alt-circle-up:before,
.fa-circle-up:before {
  content: "\f35b";
}

.fa-mobile-alt:before,
.fa-mobile-screen-button:before {
  content: "\f3cd";
}

.fa-volume-high:before,
.fa-volume-up:before {
  content: "\f028";
}

.fa-users-rays:before {
  content: "\e593";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-burger:before,
.fa-hamburger:before {
  content: "\f805";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-bugs:before {
  content: "\e4d0";
}

.fa-rupee-sign:before,
.fa-rupee:before {
  content: "\f156";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-circle-question:before,
.fa-question-circle:before {
  content: "\f059";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-handshake-slash:before {
  content: "\e060";
}

.fa-book-bookmark:before {
  content: "\e0bb";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-bridge:before {
  content: "\e4c8";
}

.fa-phone-alt:before,
.fa-phone-flip:before {
  content: "\f879";
}

.fa-truck-front:before {
  content: "\e2b7";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-anchor-circle-exclamation:before {
  content: "\e4ab";
}

.fa-truck-field:before {
  content: "\e58d";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-clipboard-question:before {
  content: "\e4e3";
}

.fa-panorama:before {
  content: "\e209";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-file-circle-minus:before {
  content: "\e4ed";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-fast-forward:before,
.fa-forward-fast:before {
  content: "\f050";
}

.fa-face-meh-blank:before,
.fa-meh-blank:before {
  content: "\f5a4";
}

.fa-parking:before,
.fa-square-parking:before {
  content: "\f540";
}

.fa-house-signal:before {
  content: "\e012";
}

.fa-bars-progress:before,
.fa-tasks-alt:before {
  content: "\f828";
}

.fa-faucet-drip:before {
  content: "\e006";
}

.fa-cart-flatbed:before,
.fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-ban-smoking:before,
.fa-smoking-ban:before {
  content: "\f54d";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-mobile-button:before {
  content: "\f10b";
}

.fa-house-medical-flag:before {
  content: "\e514";
}

.fa-basket-shopping:before,
.fa-shopping-basket:before {
  content: "\f291";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-bus-alt:before,
.fa-bus-simple:before {
  content: "\f55e";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-face-sad-cry:before,
.fa-sad-cry:before {
  content: "\f5b3";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-person-military-to-person:before {
  content: "\e54c";
}

.fa-file-shield:before {
  content: "\e4f0";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-pen:before {
  content: "\f304";
}

.fa-tower-observation:before {
  content: "\e586";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-signal-5:before,
.fa-signal-perfect:before,
.fa-signal:before {
  content: "\f012";
}

.fa-bus:before {
  content: "\f207";
}

.fa-heart-circle-xmark:before {
  content: "\e501";
}

.fa-home-lg:before,
.fa-house-chimney:before {
  content: "\e3af";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-face-frown:before,
.fa-frown:before {
  content: "\f119";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-shop:before,
.fa-store-alt:before {
  content: "\f54f";
}

.fa-floppy-disk:before,
.fa-save:before {
  content: "\f0c7";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-balance-scale-left:before,
.fa-scale-unbalanced:before {
  content: "\f515";
}

.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de";
}

.fa-comment-dots:before,
.fa-commenting:before {
  content: "\f4ad";
}

.fa-plant-wilt:before {
  content: "\e5aa";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-face-grin-squint:before,
.fa-grin-squint:before {
  content: "\f585";
}

.fa-hand-holding-dollar:before,
.fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-bacterium:before {
  content: "\e05a";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hands-praying:before,
.fa-praying-hands:before {
  content: "\f684";
}

.fa-arrow-right-rotate:before,
.fa-arrow-rotate-forward:before,
.fa-arrow-rotate-right:before,
.fa-redo:before {
  content: "\f01e";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-location-crosshairs:before,
.fa-location:before {
  content: "\f601";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-child-dress:before {
  content: "\e59c";
}

.fa-users-between-lines:before {
  content: "\e591";
}

.fa-lungs-virus:before {
  content: "\e067";
}

.fa-face-grin-tears:before,
.fa-grin-tears:before {
  content: "\f588";
}

.fa-phone:before {
  content: "\f095";
}

.fa-calendar-times:before,
.fa-calendar-xmark:before {
  content: "\f273";
}

.fa-child-reaching:before {
  content: "\e59d";
}

.fa-head-side-virus:before {
  content: "\e064";
}

.fa-user-cog:before,
.fa-user-gear:before {
  content: "\f4fe";
}

.fa-arrow-up-1-9:before,
.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-shield-virus:before {
  content: "\e06c";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-mosquito-net:before {
  content: "\e52c";
}

.fa-bridge-water:before {
  content: "\e4ce";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-digging:before,
.fa-person-digging:before {
  content: "\f85e";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-gauge-simple-med:before,
.fa-gauge-simple:before,
.fa-tachometer-average:before {
  content: "\f629";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-quote-right-alt:before,
.fa-quote-right:before {
  content: "\f10e";
}

.fa-shirt:before,
.fa-t-shirt:before,
.fa-tshirt:before {
  content: "\f553";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-divide:before {
  content: "\f529";
}

.fa-tenge-sign:before,
.fa-tenge:before {
  content: "\f7d7";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-hands-holding:before {
  content: "\f4c2";
}

.fa-hands-clapping:before {
  content: "\e1a8";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-person-circle-xmark:before {
  content: "\e543";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-j:before {
  content: "\4a";
}

.fa-users-viewfinder:before {
  content: "\e595";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-external-link-alt:before,
.fa-up-right-from-square:before {
  content: "\f35d";
}

.fa-table-cells:before,
.fa-th:before {
  content: "\f00a";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-bible:before,
.fa-book-bible:before {
  content: "\f647";
}

.fa-o:before {
  content: "\4f";
}

.fa-medkit:before,
.fa-suitcase-medical:before {
  content: "\f0fa";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-otter:before {
  content: "\f700";
}

.fa-female:before,
.fa-person-dress:before {
  content: "\f182";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-briefcase-clock:before,
.fa-business-time:before {
  content: "\f64a";
}

.fa-table-cells-large:before,
.fa-th-large:before {
  content: "\f009";
}

.fa-book-tanakh:before,
.fa-tanakh:before {
  content: "\f827";
}

.fa-phone-volume:before,
.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-clipboard-user:before {
  content: "\f7f3";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-plane-lock:before {
  content: "\e558";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-comment:before {
  content: "\f075";
}

.fa-birthday-cake:before,
.fa-cake-candles:before,
.fa-cake:before {
  content: "\f1fd";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-angle-double-up:before,
.fa-angles-up:before {
  content: "\f102";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-arrow-right-to-city:before {
  content: "\e4b3";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-lungs:before {
  content: "\f604";
}

.fa-arrow-up-9-1:before,
.fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-litecoin-sign:before {
  content: "\e1d3";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-circle-nodes:before {
  content: "\e4e2";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-truck-field-un:before {
  content: "\e58e";
}

.fa-hourglass-empty:before,
.fa-hourglass:before {
  content: "\f254";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-user-doctor:before,
.fa-user-md:before {
  content: "\f0f0";
}

.fa-circle-info:before,
.fa-info-circle:before {
  content: "\f05a";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-camera-alt:before,
.fa-camera:before {
  content: "\f030";
}

.fa-square-virus:before {
  content: "\e578";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-car-on:before {
  content: "\e4dd";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-arrow-down-1-9:before,
.fa-sort-numeric-asc:before,
.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-hand-holding-droplet:before,
.fa-hand-holding-water:before {
  content: "\f4c1";
}

.fa-water:before {
  content: "\f773";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-prescription-bottle-alt:before,
.fa-prescription-bottle-medical:before {
  content: "\f486";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-person-cane:before {
  content: "\e53c";
}

.fa-tent:before {
  content: "\e57d";
}

.fa-vest-patches:before {
  content: "\e086";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-arrow-down-a-z:before,
.fa-sort-alpha-asc:before,
.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-money-bill-wheat:before {
  content: "\e52a";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-hard-drive:before,
.fa-hdd:before {
  content: "\f0a0";
}

.fa-face-grin-squint-tears:before,
.fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-list-alt:before,
.fa-rectangle-list:before {
  content: "\f022";
}

.fa-tarp-droplet:before {
  content: "\e57c";
}

.fa-house-medical-circle-check:before {
  content: "\e511";
}

.fa-person-skiing-nordic:before,
.fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
  content: "\f359";
}

.fa-subway:before,
.fa-train-subway:before {
  content: "\f239";
}

.fa-chart-gantt:before {
  content: "\e0e4";
}

.fa-indian-rupee-sign:before,
.fa-indian-rupee:before,
.fa-inr:before {
  content: "\e1bc";
}

.fa-crop-alt:before,
.fa-crop-simple:before {
  content: "\f565";
}

.fa-money-bill-1:before,
.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-left-long:before,
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-dna:before {
  content: "\f471";
}

.fa-virus-slash:before {
  content: "\e075";
}

.fa-minus:before,
.fa-subtract:before {
  content: "\f068";
}

.fa-child-rifle:before {
  content: "\e4e0";
}

.fa-chess:before {
  content: "\f439";
}

.fa-arrow-left-long:before,
.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-plug-circle-check:before {
  content: "\e55c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-franc-sign:before {
  content: "\e18f";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before,
.fa-hands-american-sign-language-interpreting:before,
.fa-hands-asl-interpreting:before {
  content: "\f2a3";
}

.fa-cog:before,
.fa-gear:before {
  content: "\f013";
}

.fa-droplet-slash:before,
.fa-tint-slash:before {
  content: "\f5c7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-mosquito:before {
  content: "\e52b";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-person-military-rifle:before {
  content: "\e54b";
}

.fa-cart-shopping:before,
.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-vials:before {
  content: "\f493";
}

.fa-plug-circle-plus:before {
  content: "\e55f";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-arrow-turn-up:before,
.fa-level-up:before {
  content: "\f148";
}

.fa-u:before {
  content: "\55";
}

.fa-square-root-alt:before,
.fa-square-root-variable:before {
  content: "\f698";
}

.fa-clock-four:before,
.fa-clock:before {
  content: "\f017";
}

.fa-backward-step:before,
.fa-step-backward:before {
  content: "\f048";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-faucet:before {
  content: "\e005";
}

.fa-baseball-bat-ball:before {
  content: "\f432";
}

.fa-s:before {
  content: "\53";
}

.fa-timeline:before {
  content: "\e29c";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-clinic-medical:before,
.fa-house-chimney-medical:before {
  content: "\f7f2";
}

.fa-temperature-3:before,
.fa-temperature-three-quarters:before,
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-mobile-android-alt:before,
.fa-mobile-screen:before {
  content: "\f3cf";
}

.fa-plane-up:before {
  content: "\e22d";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-battery-3:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-mountain-city:before {
  content: "\e52e";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-sliders-h:before,
.fa-sliders:before {
  content: "\f1de";
}

.fa-folder-tree:before {
  content: "\f802";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-cent-sign:before {
  content: "\e3f5";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-person-pregnant:before {
  content: "\e31e";
}

.fa-wand-sparkles:before {
  content: "\f72b";
}

.fa-ellipsis-v:before,
.fa-ellipsis-vertical:before {
  content: "\f142";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-long-arrow-alt-right:before,
.fa-right-long:before {
  content: "\f30b";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-laptop-file:before {
  content: "\e51d";
}

.fa-teletype:before,
.fa-tty:before {
  content: "\f1e4";
}

.fa-diagram-next:before {
  content: "\e476";
}

.fa-person-rifle:before {
  content: "\e54e";
}

.fa-house-medical-circle-exclamation:before {
  content: "\e512";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-hiking:before,
.fa-person-hiking:before {
  content: "\f6ec";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-images:before {
  content: "\f302";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-people-pulling:before {
  content: "\e535";
}

.fa-n:before {
  content: "\4e";
}

.fa-cable-car:before,
.fa-tram:before {
  content: "\f7da";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-building-circle-xmark:before {
  content: "\e4d4";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-arrows-down-to-line:before {
  content: "\e4b8";
}

.fa-download:before {
  content: "\f019";
}

.fa-face-grin:before,
.fa-grin:before {
  content: "\f580";
}

.fa-backspace:before,
.fa-delete-left:before {
  content: "\f55a";
}

.fa-eye-dropper-empty:before,
.fa-eye-dropper:before,
.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-file-circle-check:before {
  content: "\e5a0";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-mobile-android:before,
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f3ce";
}

.fa-face-meh:before,
.fa-meh:before {
  content: "\f11a";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-book-dead:before,
.fa-book-skull:before {
  content: "\f6b7";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-heart-circle-exclamation:before {
  content: "\e4fe";
}

.fa-home-alt:before,
.fa-home-lg-alt:before,
.fa-home:before,
.fa-house:before {
  content: "\f015";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-b:before {
  content: "\42";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-arrow-right-arrow-left:before,
.fa-exchange:before {
  content: "\f0ec";
}

.fa-redo-alt:before,
.fa-rotate-forward:before,
.fa-rotate-right:before {
  content: "\f2f9";
}

.fa-cutlery:before,
.fa-utensils:before {
  content: "\f2e7";
}

.fa-arrow-up-wide-short:before,
.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-mill-sign:before {
  content: "\e1ed";
}

.fa-bowl-rice:before {
  content: "\e2eb";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-broadcast-tower:before,
.fa-tower-broadcast:before {
  content: "\f519";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-long-arrow-alt-up:before,
.fa-up-long:before {
  content: "\f30c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-code-merge:before {
  content: "\f387";
}

.fa-upload:before {
  content: "\f093";
}

.fa-hurricane:before {
  content: "\f751";
}

.fa-mound:before {
  content: "\e52d";
}

.fa-toilet-portable:before {
  content: "\e583";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-file-arrow-down:before,
.fa-file-download:before {
  content: "\f56d";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-shield-cat:before {
  content: "\e572";
}

.fa-bolt:before,
.fa-zap:before {
  content: "\f0e7";
}

.fa-glass-water:before {
  content: "\e4f4";
}

.fa-oil-well:before {
  content: "\e532";
}

.fa-vault:before {
  content: "\e2c5";
}

.fa-mars:before {
  content: "\f222";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-plane-circle-xmark:before {
  content: "\e557";
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen-sign:before,
.fa-yen:before {
  content: "\f157";
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble-sign:before,
.fa-ruble:before {
  content: "\f158";
}

.fa-sun:before {
  content: "\f185";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-face-laugh-wink:before,
.fa-laugh-wink:before {
  content: "\f59c";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-bore-hole:before {
  content: "\e4c3";
}

.fa-industry:before {
  content: "\f275";
}

.fa-arrow-alt-circle-down:before,
.fa-circle-down:before {
  content: "\f358";
}

.fa-arrows-turn-to-dots:before {
  content: "\e4c1";
}

.fa-florin-sign:before {
  content: "\e184";
}

.fa-arrow-down-short-wide:before,
.fa-sort-amount-desc:before,
.fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-less-than:before {
  content: "\3c";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-car-tunnel:before {
  content: "\e4de";
}

.fa-head-side-cough:before {
  content: "\e061";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-arrow-right-long:before,
.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-anchor-circle-xmark:before {
  content: "\e4ac";
}

.fa-ellipsis-h:before,
.fa-ellipsis:before {
  content: "\f141";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-first-aid:before,
.fa-kit-medical:before {
  content: "\f479";
}

.fa-person-through-window:before {
  content: "\e5a9";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-hands-holding-circle:before {
  content: "\e4fb";
}

.fa-bug:before {
  content: "\f188";
}

.fa-credit-card-alt:before,
.fa-credit-card:before {
  content: "\f09d";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-hand-holding-hand:before {
  content: "\e4f7";
}

.fa-book-open-reader:before,
.fa-book-reader:before {
  content: "\f5da";
}

.fa-mountain-sun:before {
  content: "\e52f";
}

.fa-arrows-left-right-to-line:before {
  content: "\e4ba";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-truck-droplet:before {
  content: "\e58c";
}

.fa-file-circle-xmark:before {
  content: "\e5a1";
}

.fa-temperature-arrow-up:before,
.fa-temperature-up:before {
  content: "\e040";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-bed:before {
  content: "\f236";
}

.fa-h-square:before,
.fa-square-h:before {
  content: "\f0fd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-temperature-4:before,
.fa-temperature-full:before,
.fa-thermometer-4:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-plug-circle-xmark:before {
  content: "\e560";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-hands-helping:before,
.fa-handshake-angle:before {
  content: "\f4c4";
}

.fa-location-dot:before,
.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-file:before {
  content: "\f15b";
}

.fa-greater-than:before {
  content: "\3e";
}

.fa-person-swimming:before,
.fa-swimmer:before {
  content: "\f5c4";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-droplet:before,
.fa-tint:before {
  content: "\f043";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-earth-america:before,
.fa-earth-americas:before,
.fa-earth:before,
.fa-globe-americas:before {
  content: "\f57d";
}

.fa-person-burst:before {
  content: "\e53b";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-socks:before {
  content: "\f696";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-section:before {
  content: "\e447";
}

.fa-gauge-high:before,
.fa-tachometer-alt-fast:before,
.fa-tachometer-alt:before {
  content: "\f625";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-hospital-alt:before,
.fa-hospital-wide:before,
.fa-hospital:before {
  content: "\f0f8";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-bars-staggered:before,
.fa-reorder:before,
.fa-stream:before {
  content: "\f550";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-blind:before,
.fa-person-walking-with-cane:before {
  content: "\f29d";
}

.fa-drum:before {
  content: "\f569";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-heart-circle-bolt:before {
  content: "\e4fc";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-check-to-slot:before,
.fa-vote-yea:before {
  content: "\f772";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-boxes-alt:before,
.fa-boxes-stacked:before,
.fa-boxes:before {
  content: "\f468";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-assistive-listening-systems:before,
.fa-ear-listen:before {
  content: "\f2a2";
}

.fa-tree-city:before {
  content: "\e587";
}

.fa-play:before {
  content: "\f04b";
}

.fa-font:before {
  content: "\f031";
}

.fa-rupiah-sign:before {
  content: "\e23d";
}

.fa-magnifying-glass:before,
.fa-search:before {
  content: "\f002";
}

.fa-ping-pong-paddle-ball:before,
.fa-table-tennis-paddle-ball:before,
.fa-table-tennis:before {
  content: "\f45d";
}

.fa-diagnoses:before,
.fa-person-dots-from-line:before {
  content: "\f470";
}

.fa-trash-can-arrow-up:before,
.fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-naira-sign:before {
  content: "\e1f6";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-walkie-talkie:before {
  content: "\f8ef";
}

.fa-file-edit:before,
.fa-file-pen:before {
  content: "\f31c";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-pen-square:before,
.fa-pencil-square:before,
.fa-square-pen:before {
  content: "\f14b";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-person-circle-exclamation:before {
  content: "\e53f";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-battery-5:before,
.fa-battery-full:before,
.fa-battery:before {
  content: "\f240";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-code-compare:before {
  content: "\e13a";
}

.fa-list-dots:before,
.fa-list-ul:before {
  content: "\f0ca";
}

.fa-school-lock:before {
  content: "\e56f";
}

.fa-tower-cell:before {
  content: "\e585";
}

.fa-down-long:before,
.fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-ranking-star:before {
  content: "\e561";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-person-harassing:before {
  content: "\e549";
}

.fa-brazilian-real-sign:before {
  content: "\e46c";
}

.fa-landmark-alt:before,
.fa-landmark-dome:before {
  content: "\f752";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-television:before,
.fa-tv-alt:before,
.fa-tv:before {
  content: "\f26c";
}

.fa-shrimp:before {
  content: "\e448";
}

.fa-list-check:before,
.fa-tasks:before {
  content: "\f0ae";
}

.fa-jug-detergent:before {
  content: "\e519";
}

.fa-circle-user:before,
.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-car-burst:before,
.fa-car-crash:before {
  content: "\f5e1";
}

.fa-y:before {
  content: "\59";
}

.fa-person-snowboarding:before,
.fa-snowboarding:before {
  content: "\f7ce";
}

.fa-shipping-fast:before,
.fa-truck-fast:before {
  content: "\f48b";
}

.fa-fish:before {
  content: "\f578";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-adjust:before,
.fa-circle-half-stroke:before {
  content: "\f042";
}

.fa-clapperboard:before {
  content: "\e131";
}

.fa-circle-radiation:before,
.fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-baseball-ball:before,
.fa-baseball:before {
  content: "\f433";
}

.fa-jet-fighter-up:before {
  content: "\e518";
}

.fa-diagram-project:before,
.fa-project-diagram:before {
  content: "\f542";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-volume-mute:before,
.fa-volume-times:before,
.fa-volume-xmark:before {
  content: "\f6a9";
}

.fa-hand-sparkles:before {
  content: "\e05d";
}

.fa-grip-horizontal:before,
.fa-grip:before {
  content: "\f58d";
}

.fa-share-from-square:before,
.fa-share-square:before {
  content: "\f14d";
}

.fa-gun:before {
  content: "\e19b";
}

.fa-phone-square:before,
.fa-square-phone:before {
  content: "\f098";
}

.fa-add:before,
.fa-plus:before {
  content: "\2b";
}

.fa-expand:before {
  content: "\f065";
}

.fa-computer:before {
  content: "\e4e5";
}

.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
  content: "\f00d";
}

.fa-arrows-up-down-left-right:before,
.fa-arrows:before {
  content: "\f047";
}

.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
  content: "\f51c";
}

.fa-peso-sign:before {
  content: "\e222";
}

.fa-building-shield:before {
  content: "\e4d8";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-users-line:before {
  content: "\e592";
}

.fa-quote-left-alt:before,
.fa-quote-left:before {
  content: "\f10d";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trash-arrow-up:before,
.fa-trash-restore:before {
  content: "\f829";
}

.fa-arrow-down-up-lock:before {
  content: "\e4b0";
}

.fa-lines-leaning:before {
  content: "\e51e";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-equals:before {
  content: "\3d";
}

.fa-blender:before {
  content: "\f517";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-ils:before,
.fa-shekel-sign:before,
.fa-shekel:before,
.fa-sheqel-sign:before,
.fa-sheqel:before {
  content: "\f20b";
}

.fa-map:before {
  content: "\f279";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-photo-film:before,
.fa-photo-video:before {
  content: "\f87c";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-store:before {
  content: "\f54e";
}

.fa-arrow-trend-up:before {
  content: "\e098";
}

.fa-plug-circle-minus:before {
  content: "\e55e";
}

.fa-sign-hanging:before,
.fa-sign:before {
  content: "\f4d9";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-tablet-android:before,
.fa-tablet:before {
  content: "\f3fb";
}

.fa-school-flag:before {
  content: "\e56e";
}

.fa-fill:before {
  content: "\f575";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-bacteria:before {
  content: "\e059";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-disease:before {
  content: "\f7fa";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-car-alt:before,
.fa-car-rear:before {
  content: "\f5de";
}

.fa-pump-soap:before {
  content: "\e06b";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-battery-2:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-radio:before {
  content: "\f8d7";
}

.fa-baby-carriage:before,
.fa-carriage-baby:before {
  content: "\f77d";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-percent:before,
.fa-percentage:before {
  content: "\25";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-glass-water-droplet:before {
  content: "\e4f5";
}

.fa-display:before {
  content: "\e163";
}

.fa-face-smile:before,
.fa-smile:before {
  content: "\f118";
}

.fa-thumb-tack:before,
.fa-thumbtack:before {
  content: "\f08d";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-person-praying:before,
.fa-pray:before {
  content: "\f683";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-rotate:before,
.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-robot:before {
  content: "\f544";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-cogs:before,
.fa-gears:before {
  content: "\f085";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-arrow-up-right-dots:before {
  content: "\e4b7";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-face-grin-hearts:before,
.fa-grin-hearts:before {
  content: "\f584";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-transgender-alt:before,
.fa-transgender:before {
  content: "\f225";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-arrow-turn-down:before,
.fa-level-down:before {
  content: "\f149";
}

.fa-person-falling-burst:before {
  content: "\e547";
}

.fa-award:before {
  content: "\f559";
}

.fa-ticket-alt:before,
.fa-ticket-simple:before {
  content: "\f3ff";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-angle-double-left:before,
.fa-angles-left:before {
  content: "\f100";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-clock-rotate-left:before,
.fa-history:before {
  content: "\f1da";
}

.fa-face-grin-beam-sweat:before,
.fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-arrow-right-from-file:before,
.fa-file-export:before {
  content: "\f56e";
}

.fa-shield-blank:before,
.fa-shield:before {
  content: "\f132";
}

.fa-arrow-up-short-wide:before,
.fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-house-medical:before {
  content: "\e3b2";
}

.fa-golf-ball-tee:before,
.fa-golf-ball:before {
  content: "\f450";
}

.fa-chevron-circle-left:before,
.fa-circle-chevron-left:before {
  content: "\f137";
}

.fa-house-chimney-window:before {
  content: "\e00d";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-tent-arrow-turn-left:before {
  content: "\e580";
}

.fa-tents:before {
  content: "\e582";
}

.fa-magic:before,
.fa-wand-magic:before {
  content: "\f0d0";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-moon:before {
  content: "\f186";
}

.fa-wine-glass-alt:before,
.fa-wine-glass-empty:before {
  content: "\f5ce";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-music:before {
  content: "\f001";
}

.fa-code-commit:before {
  content: "\f386";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-biking:before,
.fa-person-biking:before {
  content: "\f84a";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-shield-heart:before {
  content: "\e574";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-earth-oceania:before,
.fa-globe-oceania:before {
  content: "\e47b";
}

.fa-square-xmark:before,
.fa-times-square:before,
.fa-xmark-square:before {
  content: "\f2d3";
}

.fa-hashtag:before {
  content: "\23";
}

.fa-expand-alt:before,
.fa-up-right-and-down-left-from-center:before {
  content: "\f424";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-t:before {
  content: "\54";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-chart-column:before {
  content: "\e0e3";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-vial-circle-check:before {
  content: "\e596";
}

.fa-person-arrow-down-to-line:before {
  content: "\e538";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-fan:before {
  content: "\f863";
}

.fa-person-walking-luggage:before {
  content: "\e554";
}

.fa-arrows-alt-v:before,
.fa-up-down:before {
  content: "\f338";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-trailer:before {
  content: "\e041";
}

.fa-bahai:before,
.fa-haykal:before {
  content: "\f666";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-circle-plus:before,
.fa-plus-circle:before {
  content: "\f055";
}

.fa-face-grin-tongue-wink:before,
.fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-plug-circle-exclamation:before {
  content: "\e55d";
}

.fa-chain-broken:before,
.fa-chain-slash:before,
.fa-link-slash:before,
.fa-unlink:before {
  content: "\f127";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-person-walking-arrow-loop-left:before {
  content: "\e551";
}

.fa-arrow-up-z-a:before,
.fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-fire-alt:before,
.fa-fire-flame-curved:before {
  content: "\f7e4";
}

.fa-tornado:before {
  content: "\f76f";
}

.fa-file-circle-plus:before {
  content: "\e494";
}

.fa-book-quran:before,
.fa-quran:before {
  content: "\f687";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-angry:before,
.fa-face-angry:before {
  content: "\f556";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-arrow-trend-down:before {
  content: "\e097";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-balance-scale:before,
.fa-scale-balanced:before {
  content: "\f24e";
}

.fa-gauge-simple-high:before,
.fa-tachometer-fast:before,
.fa-tachometer:before {
  content: "\f62a";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-desktop-alt:before,
.fa-desktop:before {
  content: "\f390";
}

.fa-m:before {
  content: "\4d";
}

.fa-table-list:before,
.fa-th-list:before {
  content: "\f00b";
}

.fa-comment-sms:before,
.fa-sms:before {
  content: "\f7cd";
}

.fa-book:before {
  content: "\f02d";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-check:before {
  content: "\f00c";
}

.fa-battery-4:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-house-circle-check:before {
  content: "\e509";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-diagram-successor:before {
  content: "\e47a";
}

.fa-truck-arrow-right:before {
  content: "\e58b";
}

.fa-arrows-split-up-and-left:before {
  content: "\e4bc";
}

.fa-fist-raised:before,
.fa-hand-fist:before {
  content: "\f6de";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-person-falling:before {
  content: "\e546";
}

.fa-image-portrait:before,
.fa-portrait:before {
  content: "\f3e0";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-rug:before {
  content: "\e569";
}

.fa-earth-europe:before,
.fa-globe-europe:before {
  content: "\f7a2";
}

.fa-cart-flatbed-suitcase:before,
.fa-luggage-cart:before {
  content: "\f59d";
}

.fa-rectangle-times:before,
.fa-rectangle-xmark:before,
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f410";
}

.fa-baht-sign:before {
  content: "\e0ac";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-journal-whills:before,
.fa-journal-whills:before {
  content: "\f66a";
}

.fa-handcuffs:before {
  content: "\e4f8";
}

.fa-exclamation-triangle:before,
.fa-triangle-exclamation:before,
.fa-warning:before {
  content: "\f071";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-arrow-turn-right:before,
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-bottle-droplet:before {
  content: "\e4c4";
}

.fa-mask-face:before {
  content: "\e1d7";
}

.fa-hill-rockslide:before {
  content: "\e508";
}

.fa-exchange-alt:before,
.fa-right-left:before {
  content: "\f362";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-road-circle-exclamation:before {
  content: "\e565";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-money-bill-1-wave:before,
.fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-hands:before,
.fa-sign-language:before,
.fa-signing:before {
  content: "\f2a7";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-ladder-water:before,
.fa-swimming-pool:before,
.fa-water-ladder:before {
  content: "\f5c5";
}

.fa-arrows-up-down:before,
.fa-arrows-v:before {
  content: "\f07d";
}

.fa-face-grimace:before,
.fa-grimace:before {
  content: "\f57f";
}

.fa-wheelchair-alt:before,
.fa-wheelchair-move:before {
  content: "\e2ce";
}

.fa-level-down-alt:before,
.fa-turn-down:before {
  content: "\f3be";
}

.fa-person-walking-arrow-right:before {
  content: "\e552";
}

.fa-envelope-square:before,
.fa-square-envelope:before {
  content: "\f199";
}

.fa-dice:before {
  content: "\f522";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-band-aid:before,
.fa-bandage:before {
  content: "\f462";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
  content: "\f057";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-earth-asia:before,
.fa-globe-asia:before {
  content: "\f57e";
}

.fa-id-card-alt:before,
.fa-id-card-clip:before {
  content: "\f47f";
}

.fa-magnifying-glass-plus:before,
.fa-search-plus:before {
  content: "\f00e";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-allergies:before,
.fa-hand-dots:before {
  content: "\f461";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-coffee:before,
.fa-mug-saucer:before {
  content: "\f0f4";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-magnifying-glass-minus:before,
.fa-search-minus:before {
  content: "\f010";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-user-alt:before,
.fa-user-large:before {
  content: "\f406";
}

.fa-train-tram:before {
  content: "\e5b4";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-stopwatch-20:before {
  content: "\e06f";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-jar:before {
  content: "\e516";
}

.fa-note-sticky:before,
.fa-sticky-note:before {
  content: "\f249";
}

.fa-bug-slash:before {
  content: "\e490";
}

.fa-arrow-up-from-water-pump:before {
  content: "\e4b6";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-face-sad-tear:before,
.fa-sad-tear:before {
  content: "\f5b4";
}

.fa-plane:before {
  content: "\f072";
}

.fa-tent-arrows-down:before {
  content: "\e581";
}

.fa-exclamation:before {
  content: "\21";
}

.fa-arrows-spin:before {
  content: "\e4bb";
}

.fa-print:before {
  content: "\f02f";
}

.fa-try:before,
.fa-turkish-lira-sign:before,
.fa-turkish-lira:before {
  content: "\e2bb";
}

.fa-dollar-sign:before,
.fa-dollar:before,
.fa-usd:before {
  content: "\24";
}

.fa-x:before {
  content: "\58";
}

.fa-magnifying-glass-dollar:before,
.fa-search-dollar:before {
  content: "\f688";
}

.fa-users-cog:before,
.fa-users-gear:before {
  content: "\f509";
}

.fa-person-military-pointing:before {
  content: "\e54a";
}

.fa-bank:before,
.fa-building-columns:before,
.fa-institution:before,
.fa-museum:before,
.fa-university:before {
  content: "\f19c";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-trowel:before {
  content: "\e589";
}

.fa-d:before {
  content: "\44";
}

.fa-stapler:before {
  content: "\e5af";
}

.fa-masks-theater:before,
.fa-theater-masks:before {
  content: "\f630";
}

.fa-kip-sign:before {
  content: "\e1c4";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-handshake-alt:before,
.fa-handshake-simple:before {
  content: "\f4c6";
}

.fa-fighter-jet:before,
.fa-jet-fighter:before {
  content: "\f0fb";
}

.fa-share-alt-square:before,
.fa-square-share-nodes:before {
  content: "\f1e1";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-plus-minus:before {
  content: "\e43c";
}

.fa-video-camera:before,
.fa-video:before {
  content: "\f03d";
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d";
}

.fa-hand-holding-medical:before {
  content: "\e05c";
}

.fa-person-circle-check:before {
  content: "\e53e";
}

.fa-level-up-alt:before,
.fa-turn-up:before {
  content: "\f3bf";
}

.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*!
 * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */

:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/assets/fa-solid-900-BkfGhAqU.woff2) format("woff2"),
    url(/assets/fa-solid-900-Dh3uiilt.ttf) format("truetype");
}

.fa-solid,
.fas {
  font-weight: 900;
}

/*!
 * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */

:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/assets/fa-brands-400-D71YAK4a.woff2) format("woff2"),
    url(/assets/fa-brands-400-DqxoY_6e.ttf) format("truetype");
}

.fa-brands,
.fab {
  font-weight: 400;
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-aws:before {
  content: "\f375";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-cloudflare:before {
  content: "\e07d";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-modx:before {
  content: "\f285";
}

.fa-guilded:before {
  content: "\e07e";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-js-square:before,
.fa-square-js:before {
  content: "\f3b9";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-unity:before {
  content: "\e049";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-vk:before {
  content: "\f189";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-reddit-square:before,
.fa-square-reddit:before {
  content: "\f1a2";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-square-font-awesome:before {
  content: "\e5ad";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-instagram-square:before,
.fa-square-instagram:before {
  content: "\e055";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-hacker-news-square:before,
.fa-square-hacker-news:before {
  content: "\f3af";
}

.fa-edge:before {
  content: "\f282";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-snapchat-square:before,
.fa-square-snapchat:before {
  content: "\f2ad";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-safari:before {
  content: "\f267";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
  content: "\f35c";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-watchman-monitoring:before {
  content: "\e087";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-square-viadeo:before,
.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-centos:before {
  content: "\f789";
}

.fa-adn:before {
  content: "\f170";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-dribbble-square:before,
.fa-square-dribbble:before {
  content: "\f397";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-node:before {
  content: "\f419";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-instalod:before {
  content: "\e081";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-square-twitter:before,
.fa-twitter-square:before {
  content: "\f081";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-golang:before {
  content: "\e40f";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-uncharted:before {
  content: "\e084";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-square-youtube:before,
.fa-youtube-square:before {
  content: "\f431";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-rendact:before,
.fa-wpressr:before {
  content: "\f3e4";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-nfc-directional:before {
  content: "\e530";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-meta:before {
  content: "\e49b";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-hips:before {
  content: "\f452";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-discord:before {
  content: "\f392";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-unsplash:before {
  content: "\e07c";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-square-steam:before,
.fa-steam-square:before {
  content: "\f1b7";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-square-vimeo:before,
.fa-vimeo-square:before {
  content: "\f194";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-font-awesome-flag:before,
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-apple:before {
  content: "\f179";
}

.fa-hive:before {
  content: "\e07f";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-padlet:before {
  content: "\e4a0";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-github-square:before,
.fa-square-github:before {
  content: "\f092";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-neos:before {
  content: "\f612";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-angular:before {
  content: "\f420";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envira:before {
  content: "\f299";
}

.fa-gitlab-square:before,
.fa-square-gitlab:before {
  content: "\e5ae";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-odnoklassniki-square:before,
.fa-square-odnoklassniki:before {
  content: "\f264";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-sith:before {
  content: "\f512";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-hashnode:before {
  content: "\e499";
}

.fa-react:before {
  content: "\f41b";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-gg:before {
  content: "\f260";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-pinterest-square:before,
.fa-square-pinterest:before {
  content: "\f0d3";
}

.fa-xing:before {
  content: "\f168";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-less:before {
  content: "\f41d";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-dailymotion:before {
  content: "\e052";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-nfc-symbol:before {
  content: "\e531";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-google-plus-square:before,
.fa-square-google-plus:before {
  content: "\f0d4";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-square-xing:before,
.fa-xing-square:before {
  content: "\f169";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-fly:before {
  content: "\f417";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-viber:before {
  content: "\f409";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-audible:before {
  content: "\f373";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-bilibili:before {
  content: "\e3d9";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-42-group:before,
.fa-innosoft:before {
  content: "\e080";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-pied-piper-square:before,
.fa-square-pied-piper:before {
  content: "\e01e";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-facebook-square:before,
.fa-square-facebook:before {
  content: "\f082";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-mixer:before {
  content: "\e056";
}

.fa-lastfm-square:before,
.fa-square-lastfm:before {
  content: "\f203";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-figma:before {
  content: "\f799";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-cmplid:before {
  content: "\e360";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-deezer:before {
  content: "\e077";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-docker:before {
  content: "\f395";
}

.fa-screenpal:before {
  content: "\e570";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-microblog:before {
  content: "\e01a";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-wirsindhandwerk:before,
.fa-wsh:before {
  content: "\e2d0";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-octopus-deploy:before {
  content: "\e082";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-apper:before {
  content: "\f371";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-snapchat-ghost:before,
.fa-snapchat:before {
  content: "\f2ab";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-rust:before {
  content: "\e07a";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-behance-square:before,
.fa-square-behance:before {
  content: "\f1b5";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-space-awesome:before {
  content: "\e5ac";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-git-square:before,
.fa-square-git:before {
  content: "\f1d2";
}

.fa-square-tumblr:before,
.fa-tumblr-square:before {
  content: "\f174";
}

.fa-trello:before {
  content: "\f181";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-perbyte:before {
  content: "\e083";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-android:before {
  content: "\f17b";
}

.fa-bots:before {
  content: "\e340";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-ideal:before {
  content: "\e013";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-uber:before {
  content: "\f402";
}

.fa-github:before {
  content: "\f09b";
}

.fa-php:before {
  content: "\f457";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-firefox-browser:before {
  content: "\e007";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-telegram-plane:before,
.fa-telegram:before {
  content: "\f2c6";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-square-whatsapp:before,
.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-edge-legacy:before {
  content: "\e078";
}

.fa-slack-hash:before,
.fa-slack:before {
  content: "\f198";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-usb:before {
  content: "\f287";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-medium-m:before,
.fa-medium:before {
  content: "\f23a";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-sitrox:before {
  content: "\e44a";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-strava:before {
  content: "\f428";
}

.fa-ember:before {
  content: "\f423";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-wodu:before {
  content: "\e088";
}

.fa-google-pay:before {
  content: "\e079";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-zhihu:before {
  content: "\f63f";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-pix:before {
  content: "\e43a";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --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-outline-style: solid;
      --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-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@font-face {
  font-family: icomoon;
  src: url("/style/fonts/icomoon/icomoon.ttf");
}

@layer base {
  *, :after, :before, ::backdrop {
    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;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, 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;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    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 {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, 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;
  }

  *, :before, :after {
    border-color: var(--color-border);
  }

  html, body {
    font-family: var(--font-family), sans-serif;
  }
}

@layer components {
  .main-container {
    padding: calc(var(--spacing) * 5);
  }

  .page-bg {
    background-color: var(--color-surface-page);
    min-height: 100vh;
    color: var(--color-ink-primary);
  }

  .page-sidebar {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-surface-nav);
    height: 100%;
  }

  .page-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-surface-nav);
  }

  .page-header-buttons {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .content-header-bar {
    height: calc(var(--spacing) * 17.5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4.5);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .content-header-bar::-webkit-scrollbar {
    display: none;
  }

  .scrollable-content {
    scrollbar-width: none;
    overflow: auto;
  }

  .scrollable-content::-webkit-scrollbar {
    display: none;
  }

  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  .page-title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-ink-primary);
  }

  .page-subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-tertiary);
  }

  .card-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-primary);
  }

  .card-subtitle {
    margin-top: calc(var(--spacing) * .5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-tertiary);
  }

  .confirmation-title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-primary);
  }

  .confirmation-information {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-ink-secondary);
  }

  .card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-surface-card);
    padding: calc(var(--spacing) * 6);
    --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);
  }

  .card-header {
    margin-bottom: calc(var(--spacing) * 4);
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .card-sm {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-surface-card);
    padding: calc(var(--spacing) * 4);
    --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);
  }

  .card-elevated {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-surface-card);
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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);
  }

  .main-table-container {
    scrollbar-width: none;
    overflow: auto;
  }

  .main-table-container::-webkit-scrollbar {
    display: none;
  }

  .table-wrapper {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-surface-card);
    overflow: hidden;
  }

  .table {
    border-collapse: collapse;
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .table thead {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-surface-hover);
  }

  .table th {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-ink-muted);
    text-transform: uppercase;
  }

  .table td {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: middle;
    color: var(--color-ink-secondary);
  }

  .table tbody tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-line-default);
    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));
  }

  .table tbody tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .table tbody tr:hover {
    background-color: var(--color-surface-hover);
  }

  .table-sticky thead {
    top: calc(var(--spacing) * 0);
    z-index: 10;
    background-color: var(--color-surface-hover);
    box-shadow: 0 1px 0 var(--color-line-default);
    position: sticky;
  }

  .table-action-td {
    align-items: center;
    gap: calc(var(--spacing) * 4);
    display: flex;
  }

  .sticky-col-left:after {
    content: "";
    pointer-events: none;
    width: 8px;
    z-index: var(--z-raised);
    background: linear-gradient(to right, #00000014, #0000);
    position: absolute;
    top: 0;
    bottom: 0;
    right: -8px;
  }

  .sticky-col-right:before {
    content: "";
    pointer-events: none;
    width: 8px;
    z-index: var(--z-raised);
    background: linear-gradient(to left, #00000014, #0000);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -8px;
  }

  .field {
    gap: calc(var(--spacing) * 1.5);
    flex-direction: column;
    display: flex;
  }

  .field-label {
    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-ink-secondary);
  }

  .field-help {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }

  .field-error-msg {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-red-500);
  }

  .input {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-strong);
    background-color: var(--color-surface-card);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-primary);
    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));
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .input::placeholder {
    color: var(--color-ink-muted);
  }

  .input:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .input:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  .input:focus {
    border-color: var(--color-action-theme);
    box-shadow: 0 0 0 3px #105efb26;
  }

  .textarea {
    resize: none;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-strong);
    background-color: var(--color-surface-card);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-primary);
    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));
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .textarea::placeholder {
    color: var(--color-ink-muted);
  }

  .textarea:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .textarea:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  .textarea:focus {
    border-color: var(--color-action-theme);
    box-shadow: 0 0 0 3px #105efb26;
  }

  .input-error {
    border-color: #ef4444;
  }

  .input-error:focus {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px #ef444426;
  }

  .btn {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    -webkit-user-select: none;
    user-select: none;
    transition-duration: .15s;
    display: inline-flex;
  }

  .btn:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .btn:focus-visible {
    box-shadow: 0 0 0 3px #105efb4d;
  }

  .btn-primary {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    -webkit-user-select: none;
    user-select: none;
    transition-duration: .15s;
    display: inline-flex;
  }

  .btn-primary:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn-primary:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .btn-primary {
    background-color: var(--color-action-theme);
  }

  .btn-primary:focus-visible {
    box-shadow: 0 0 0 3px #105efb4d;
  }

  .btn-primary:hover:not(:disabled) {
    filter: brightness(1.1);
  }

  .btn-primary:active:not(:disabled) {
    filter: brightness(.95);
  }

  .btn-secondary {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    color: var(--color-ink-secondary);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    -webkit-user-select: none;
    user-select: none;
    transition-duration: .15s;
    display: inline-flex;
  }

  .btn-secondary:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn-secondary:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .btn-secondary {
    background-color: var(--color-action-secondary-bg);
    border: 1px solid var(--color-action-secondary-border);
  }

  .btn-secondary:focus-visible {
    box-shadow: 0 0 0 3px #105efb4d;
  }

  .btn-secondary:hover:not(:disabled) {
    background-color: var(--color-surface-hover);
  }

  .btn-secondary:active:not(:disabled) {
    background-color: var(--color-surface-hover-strong);
  }

  .btn-icon {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    color: var(--color-icon-default);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    -webkit-user-select: none;
    user-select: none;
    transition-duration: .15s;
    display: inline-flex;
  }

  .btn-icon:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn-icon:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .btn-icon:focus-visible {
    box-shadow: 0 0 0 3px #105efb4d;
  }

  .btn-icon:hover:not(:disabled) {
    background-color: var(--color-surface-hover);
  }

  .btn-icon:active:not(:disabled) {
    background-color: var(--color-surface-hover-strong);
  }

  .btn-ghost {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    color: var(--color-ink-theme);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    -webkit-user-select: none;
    user-select: none;
    background-color: #0000;
    transition-duration: .15s;
    display: inline-flex;
  }

  .btn-ghost:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn-ghost:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .btn-ghost:focus-visible {
    box-shadow: 0 0 0 3px #105efb4d;
  }

  .btn-ghost:hover:not(:disabled) {
    background-color: var(--color-surface-hover);
  }

  .btn-ghost:active:not(:disabled) {
    background-color: var(--color-surface-hover-strong);
  }

  .btn-danger {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    background-color: var(--color-red-600);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    -webkit-user-select: none;
    user-select: none;
    transition-duration: .15s;
    display: inline-flex;
  }

  .btn-danger:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn-danger:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .btn-danger:focus-visible {
    box-shadow: 0 0 0 3px #105efb4d;
  }

  .btn-danger:hover:not(:disabled) {
    background-color: var(--color-red-700);
  }

  .btn-danger:active:not(:disabled) {
    background-color: var(--color-red-800);
  }

  .btn-sm {
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .btn-lg {
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .nav-item {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    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-ink-tertiary);
    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));
    --tw-duration: .15s;
    transition-duration: .15s;
    display: flex;
  }

  .nav-item:hover {
    background-color: var(--color-surface-hover);
    color: var(--color-ink-secondary);
  }

  .nav-item-active {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    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));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink-theme);
    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));
    --tw-duration: .15s;
    background-color: var(--color-surface-active);
    transition-duration: .15s;
    display: flex;
  }

  .nav-item-active svg {
    color: var(--color-ink-theme);
  }

  .badge {
    align-items: center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .badge-success {
    align-items: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-green-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-green-700);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .badge-success:where(.dark, .dark *) {
    background-color: #0d542b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-success:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
    }
  }

  .badge-success:where(.dark, .dark *) {
    color: var(--color-green-400);
  }

  .badge-warning {
    align-items: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-amber-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-amber-700);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .badge-warning:where(.dark, .dark *) {
    background-color: #7b33064d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-warning:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
    }
  }

  .badge-warning:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }

  .badge-danger {
    align-items: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-red-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-red-700);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .badge-danger:where(.dark, .dark *) {
    background-color: #82181a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-danger:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
    }
  }

  .badge-danger:where(.dark, .dark *) {
    color: var(--color-red-400);
  }

  .badge-info {
    align-items: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-blue-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-blue-700);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .badge-info:where(.dark, .dark *) {
    background-color: #1c398e4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .badge-info:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
    }
  }

  .badge-info:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }

  .badge-neutral {
    align-items: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-surface-hover);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink-tertiary);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .divider {
    margin-block: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-line-default);
  }

  .divider-strong {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-line-strong);
  }

  .qr-box {
    background-color: var(--color-surface-qr);
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 3);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .qr-backdrop {
    background-color: var(--color-surface-qr-backdrop);
    border-radius: var(--radius-xl);
    padding: calc(var(--spacing) * 4);
  }

  .icon-vector:where(.dark, .dark *) {
    opacity: .75;
    --tw-invert: invert(100%);
    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, );
  }

  .field-margin-bottom {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .sortable-row-helper {
    z-index: 9999;
    background-color: var(--color-white);
    --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);
    border-radius: .25rem;
    align-items: center;
    display: flex;
    display: flex !important;
  }

  .sortable-row-helper > td:first-child {
    flex: none;
    width: 42%;
    overflow: hidden;
  }

  .sortable-row-helper > td:nth-child(2) {
    flex: none;
    width: 17%;
    overflow: hidden;
  }

  .sortable-row-helper > td:nth-child(3) {
    flex: none;
    width: 8%;
    overflow: hidden;
  }

  .sortable-row-helper > td:nth-child(4) {
    flex: none;
    width: 33%;
    overflow: hidden;
  }

  .sortable-row-helper-speakers {
    z-index: 9999;
    background-color: var(--color-white);
    --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);
    border-radius: .25rem;
    align-items: center;
    display: flex;
    display: flex !important;
  }

  .sortable-row-helper-speakers > td:first-child {
    flex: none;
    width: 30%;
    overflow: hidden;
  }

  .sortable-row-helper-speakers > td:nth-child(2), .sortable-row-helper-speakers > td:nth-child(3), .sortable-row-helper-speakers > td:nth-child(4) {
    flex: none;
    width: 15%;
    overflow: hidden;
  }

  .sortable-row-helper-speakers > td:nth-child(5) {
    flex: none;
    width: 9%;
    overflow: hidden;
  }

  .sortable-row-helper-speakers > td:nth-child(6) {
    flex: none;
    width: 16%;
    overflow: hidden;
  }

  .text-custom-success {
    color: var(--color-ink-green) !important;
  }

  .text-custom-danger {
    color: var(--color-ink-red) !important;
  }

  .text-custom-danger:hover {
    color: var(--color-ink-red);
  }

  .text-custom-theme {
    color: var(--color-ink-theme) !important;
  }

  .text-custom-theme:hover {
    color: var(--color-ink-theme);
  }

  .text-muted-custom {
    color: var(--color-ink-muted);
  }

  .text-help {
    font-family: var(--font-family);
  }

  .font-icomoon {
    font-family: icomoon;
  }

  .custom-icons-theme {
    cursor: pointer;
    color: var(--color-ink-theme);
    font-family: icomoon;
    font-size: 22px;
  }

  .custom-icons-theme-bottom-menu {
    cursor: pointer;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-theme);
    font-family: icomoon;
  }

  .custom-icons-secondary-bottom-menu {
    cursor: default;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-secondary);
    font-family: icomoon;
  }

  .custom-icons-secondary {
    cursor: default;
    color: var(--color-ink-secondary);
    font-family: icomoon;
    font-size: 22px;
  }

  .custom-text-gray {
    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);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-muted);
  }

  .custom-text1-primary-normal {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text1-primary-medium {
    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);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text1-primary-bold {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text1-red-normal {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-red);
  }

  .custom-text1-red-medium {
    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);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-red);
  }

  .custom-text1-red-bold {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-red);
  }

  .custom-text1-secondary-normal {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-secondary);
  }

  .custom-text1-secondary-medium {
    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);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-secondary);
  }

  .custom-text1-secondary-bold {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-secondary);
  }

  .custom-text1-theme-bold {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
  }

  .custom-text1-theme-medium {
    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);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
  }

  .custom-text1-theme-normal {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
  }

  .custom-text1-white-normal {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-white);
  }

  .custom-text1-white-medium {
    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);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-white);
  }

  .custom-text2-theme-normal {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
  }

  .custom-text2-theme-medium {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
  }

  .custom-text2-primary-normal {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text2-primary-medium {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text2-secondary-normal {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-secondary);
  }

  .custom-text2-secondary-medium {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-secondary);
  }

  .custom-text2-white-normal {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-white);
  }

  .custom-text2-white-medium {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-white);
  }

  .custom-text2-red-normal {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-red);
  }

  .custom-text2-warning-normal {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-yellow-200);
  }

  .custom-text3-theme-medium {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
  }

  .custom-text3-primary-normal {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text3-primary-medium {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text3-primary-bold {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text3-red-medium {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-red);
  }

  .custom-text3-secondary-bold {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-secondary);
  }

  .custom-text4-secondary-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-size: 10px;
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-secondary);
  }

  .custom-text4-secondary-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-size: 10px;
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-secondary);
  }

  .custom-text4-theme-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-size: 10px;
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
  }

  .custom-text5-primary-medium {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text5-primary-bold {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .custom-text5-theme-medium {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
  }

  .custom-text7-primary-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-size: 30px;
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-primary);
  }

  .display-text-horizontal {
    -webkit-line-clamp: 2;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .display-text-vertical {
    -webkit-line-clamp: 2;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    rotate: -90deg;
  }

  .import-notes-text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: hsl(var(--muted-foreground));
  }

  .import-notes-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-ink-theme);
    text-decoration-line: underline;
  }

  .import-notes ul {
    padding: calc(var(--spacing) * 0);
    list-style-type: none;
  }

  .import-notes ul > li:not(.import-notes-title) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: hsl(var(--muted-foreground));
  }

  .no-content-container {
    height: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .no-content-message {
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-secondary);
  }

  .field-error-box .field-control, .field-error-box .dropdown-height-border, .field-error-box .form-control, .field-error-box .field-control:hover, .field-error-box .dropdown-height-border:hover, .field-error-box .form-control:hover, .field-error-box .react-select-child__control, .field-error-box .Select-control, .field-error-box .tox-tinymce, .field-error-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]), .field-error-box textarea, .field-error-box select, .field-error-box button[role="combobox"], .has-danger input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]), .has-danger textarea, .has-danger select {
    border-color: hsl(var(--destructive)) !important;
  }

  .field-validation-error {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: hsl(var(--destructive));
    display: block;
  }

  .field-validation-error:empty {
    display: none;
  }

  .field-error-box .form-control-label, .field-error-box .checkbox label, .field-error-box .checkbox-inline label, .field-error-box .radio label, .field-error-box .radio-inline label, .label-mandatory {
    color: hsl(var(--destructive));
  }

  .label-mandatory:after {
    content: var(--tw-content);
    margin-left: calc(var(--spacing) * .5);
    content: var(--tw-content);
    color: hsl(var(--destructive));
    --tw-content: "*";
    content: var(--tw-content);
  }

  [cmdk-input] {
    outline: none;
  }

  [cmdk-input]:focus, [cmdk-input]:focus-visible {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
  }

  .char-left {
    color: var(--color-ink-muted);
    font-size: 10px;
    position: absolute;
    bottom: 0;
    right: 5px;
  }

  .field-error-box .char-left {
    bottom: 34px;
  }

  .creatable-selectbox .char-left {
    color: var(--color-ink-muted);
    font-size: 10px;
    position: absolute;
    bottom: 2px;
    right: 55px;
  }

  .field-error-box .creatable-selectbox .char-left {
    bottom: 17px;
  }

  .char-left-menuname {
    color: var(--color-ink-muted);
    font-size: 10px;
    position: absolute;
    bottom: -2px;
    right: 7px;
  }

  .copy-ticket-page {
    height: calc(var(--spacing) * 10);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-white);
    align-items: center;
    width: 100%;
    display: flex;
  }

  .copy-ticket-page .ticket-url {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--color-line-default);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    white-space: nowrap;
    color: var(--color-ink-secondary);
    flex: 80;
    overflow: hidden;
  }

  .copy-ticket-page .url-copy {
    cursor: pointer;
    color: var(--color-ink-primary);
    flex: 20;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .login-element {
    margin-bottom: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .login-element label {
    margin-bottom: calc(var(--spacing) * .75);
    font-size: 13px;
    display: block;
  }

  .login-heading {
    text-align: center;
    font-family: Inter;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 7.5);
    line-height: calc(var(--spacing) * 7.5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
    color: #101828;
  }

  .login-supporting-text {
    text-align: center;
    --tw-leading: calc(var(--spacing) * 4.5);
    font-family: Inter;
    font-size: 13px;
    line-height: calc(var(--spacing) * 4.5);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: hsl(var(--muted-foreground));
  }

  .eventify-credit {
    text-align: left;
    font-family: Inter;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #475467;
  }

  .login-footer {
    bottom: calc(var(--spacing) * 0);
    z-index: 10;
    text-align: left;
    width: fit-content;
    position: absolute;
  }

  .btn-social-login {
    width: 100%;
    color: var(--color-white);
    font-family: var(--description-font-family);
    font-size: var(--description-font-size);
    background-color: var(--theme-color);
    letter-spacing: var(--description-letter-spacing);
  }

  .btn-social-login:hover {
    color: var(--color-white);
    background: var(--normalbutton-hover-backgroundcolor);
  }

  .btn-social-login:focus, .btn-social-login:active {
    color: var(--color-white);
  }

  .btn-sign-in-text {
    font-family: Inter;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .custom-forgot-btn {
    color: var(--color-blue-500);
    align-items: flex-end;
    font-size: 13px;
    text-decoration-line: none;
  }

  @media (hover: hover) {
    .custom-forgot-btn:hover {
      color: var(--color-blue-700);
      text-decoration-line: none;
    }
  }

  .custom-btn-link {
    cursor: pointer;
    --tw-border-style: none;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-blue-500);
    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));
    --tw-duration: .3s;
    background-color: #0000;
    border-style: none;
    align-items: center;
    text-decoration-line: none;
    transition-duration: .3s;
    display: inline-flex;
  }

  .custom-btn-link:hover {
    color: var(--color-blue-700);
  }

  .no-account-text {
    text-align: left;
    font-family: Inter;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #475467;
  }

  .view4-logo-item {
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }

  .view4-logo-img {
    height: calc(var(--spacing) * 14);
    object-fit: contain;
    opacity: .7;
    --tw-brightness: brightness(0%);
    --tw-invert: invert(100%);
    width: auto;
    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, );
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: ease;
    transition-duration: .3s;
    transition-timing-function: ease;
  }

  .vertical-align-center {
    align-items: center;
    display: flex;
  }

  .vertical-align-start {
    align-items: flex-start;
    display: flex;
  }

  .vertical-align-stretch {
    align-items: stretch;
    display: flex;
  }

  .vertical-align-end {
    align-items: flex-end;
    display: flex;
  }

  .horizontal-align-center {
    justify-content: center;
    display: flex;
  }

  .vertical-align-center-justify-right {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .vertical-align-center-justify-between {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .custom-align-center {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .segmented-radio-group {
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    align-items: stretch;
    overflow: hidden;
    gap: 0 !important;
    display: inline-flex !important;
  }

  .segmented-radio-group .segmented-radio-item {
    flex: 1;
    align-items: stretch;
    display: flex;
  }

  .segmented-radio-group .segmented-radio-divider {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-line-default);
  }

  .segmented-radio-group .option-button {
    cursor: pointer;
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1.5);
    white-space: nowrap;
    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));
    --tw-duration: .15s;
    -webkit-user-select: none;
    user-select: none;
    flex: 1;
    justify-content: center;
    align-items: center;
    transition-duration: .15s;
    display: flex;
  }

  .segmented-radio-group .option-button.selected {
    background-color: var(--color-surface-hover);
  }

  .hide-feature {
    display: none !important;
  }

  .drag-drop-text {
    text-align: center;
    --tw-leading: var(--line-height-1-31);
    line-height: var(--line-height-1-31);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-family);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--letter-spacing-normal);
    letter-spacing: var(--letter-spacing-normal);
    color: var(--font-size13);
  }

  .drop-zone-area-custom-image {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-white);
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .drop-zone-area-custom-image:hover, .drop-zone-area-custom-video:hover {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
  }

  .drop-zone-area-custom-video {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 0);
    text-align: center;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .branding-tabs .nav-item .nav-link {
    font-family: var(--feature-title-font-family);
    font-size: var(--feature-title-font-size);
    font-weight: var(--feature-title-font-weight);
    font-stretch: var(--feature-title-font-stretch);
    font-style: var(--feature-title-font-style);
    color: var(--primary-text-color);
    border: var(--custom-border) !important;
    background-color: #f6f7fb !important;
  }

  .branding-tabs .nav-item .nav-link:hover {
    color: var(--feature-title-color);
    background-color: #f0f2f8 !important;
  }

  .branding-tabs .nav-item .active {
    letter-spacing: var(--feature-title-letter-spacing);
    text-align: var(--feature-title-text-align);
    color: var(--theme-color);
    background-color: #fff !important;
  }

  .branding-tabs .nav-item .active:hover {
    letter-spacing: var(--feature-title-letter-spacing) !important;
    text-align: var(--feature-title-text-align) !important;
    color: var(--theme-color) !important;
    background-color: #fff !important;
  }

  .menustyle {
    margin-top: 10px;
  }

  .smalldropbox {
    border-radius: calc(var(--radius) - 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-default);
    background-color: var(--color-white);
    width: 120px;
    height: 120px;
    padding: calc(var(--spacing) * 0);
    text-align: center;
  }

  .bigdropbox {
    border-radius: calc(var(--radius) - 2px);
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-line-default);
    background-color: var(--color-white);
    width: 403px;
    height: 125px;
    padding: calc(var(--spacing) * 0);
    text-align: center;
  }

  .bigdropbox-splash {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--color-white);
    width: 280px;
    height: 410px;
    padding: calc(var(--spacing) * 0);
    text-align: center;
  }

  .websmalldropbox {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--color-white);
    width: 160px;
    height: 160px;
    padding: calc(var(--spacing) * 0);
    text-align: center;
  }

  .websmalldropbox .drop-text {
    padding: 3.5em 5px;
  }

  .text-select {
    color: var(--color-ink-primary);
    font-size: 13px;
  }

  .text-select2 {
    margin-top: calc(var(--spacing) * -2);
    color: var(--color-ink-primary);
    font-size: 13px;
  }

  .drop-text {
    cursor: pointer;
    text-align: center;
    color: #a8b7c8;
    padding-block: 2.5em;
    padding-inline: 5px;
    font-size: 12px;
  }

  .color-subtitle {
    font-size: var(--font-size13);
    color: var(--description-color);
    font-family: var(--description-font-family);
    font-weight: var(--description-font-weight);
    font-stretch: var(--description-font-stretch);
    font-style: var(--description-font-style);
    letter-spacing: var(--description-letter-spacing);
    line-height: var(--description-line-height);
    text-align: var(--description-text-align);
  }

  .swatch-picker {
    text-align: center;
    width: 30px;
    height: 30px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out);
    border: var(--bordercolor-theme);
    background: var(--color-white);
    border-radius: .25rem;
    margin-right: 5px;
    padding-top: 3px;
    color: var(--theme-color) !important;
  }

  .swatch-picker:hover {
    cursor: pointer;
    transform: scale(1.08);
  }

  .swatch {
    width: 30px;
    height: 30px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 40px;
    margin-right: 5px;
    border: var(--custom-border) !important;
  }

  .swatch:hover {
    cursor: pointer;
    transform: scale(1.08);
  }

  .swatch-selected {
    cursor: pointer;
    border-radius: 40px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    transform: scale(1.2);
    border: var(--custom-border) !important;
  }

  .swatchContainer {
    justify-content: flex-start;
    margin-top: 5px;
    display: flex;
  }

  .swatch-tick {
    top: calc(var(--spacing) * 2.25);
    right: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2);
    position: absolute;
  }

  .picker-container {
    z-index: 999;
    margin-top: 5px;
    margin-left: 30px;
    position: absolute;
  }

  .picker-close-button {
    cursor: pointer;
    width: 25px;
    position: absolute;
    top: -12px;
    right: -12px;
  }

  .picker-close-button-session {
    width: 25px;
    position: absolute;
    top: -12px;
    left: 205px;
  }

  .branding-template-container {
    margin-block: calc(var(--spacing) * 5);
    width: 280px;
    height: 410px;
    position: relative;
  }

  .branding-template-container > img {
    width: 100%;
    height: 100%;
  }

  .branding-icon-container {
    border-radius: calc(var(--radius) - 4px);
    width: 71px;
    position: absolute;
    top: 122px;
    left: 12px;
    overflow: visible;
  }

  .branding-icon-container img {
    width: 100%;
  }

  .branding-eventdetails {
    border-radius: calc(var(--radius) - 4px);
    overflow-wrap: break-word;
    width: 200px;
    position: absolute;
    top: 160px;
    left: 100px;
    overflow: visible;
  }

  .branding-cover-container {
    width: 100%;
    height: 154px;
    position: absolute;
    overflow-y: hidden;
  }

  .branding-cover-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .branding-container-header {
    top: calc(var(--spacing) * 0);
    position: absolute;
  }

  .webbranding-template-container {
    width: 500px;
    height: 480px;
    margin: 10px 0;
    position: relative;
  }

  .webbranding-template-container img {
    width: 100%;
  }

  .webbranding-icon-container {
    z-index: 10;
    width: 48px;
    position: absolute;
    top: 124px;
    left: 85px;
    overflow: hidden;
  }

  .webbranding-icon-container img {
    width: 100%;
  }

  .webbranding-cover-container {
    position: absolute;
    overflow-y: hidden;
  }

  .webbranding-cover-container img {
    object-fit: contain;
    width: 100%;
    height: 183px;
  }

  .webbranding-cover-container-image {
    left: calc(var(--spacing) * 0);
    z-index: 10;
    object-fit: cover;
    position: absolute;
  }

  .webbranding-body-image {
    position: absolute;
    top: 183px;
  }

  .webbranding-body-image img {
    width: 100%;
  }

  [data-tooltip] {
    z-index: 2;
    cursor: pointer;
    position: relative;
  }

  [data-tooltip]:before, [data-tooltip]:after {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }

  [data-tooltip]:before {
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
    content: attr(data-tooltip);
    background-color: #333333e6;
    border-radius: 3px;
    width: 160px;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    line-height: 1.2;
    position: absolute;
    bottom: 150%;
    left: 50%;
  }

  [data-tooltip]:after {
    content: " ";
    border-top: 5px solid #333333e6;
    border-left: 5px solid #0000;
    border-right: 5px solid #0000;
    width: 0;
    margin-left: -5px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 150%;
    left: 50%;
  }

  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
  }

  .bottom-enable-menu-text {
    color: var(--color-ink-theme);
    margin-top: 7px;
    margin-left: 90px;
    font-size: 12px;
  }

  .bottom-menu-icons {
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--color-white);
    justify-content: space-between;
    align-items: center;
    width: 280px;
    height: fit-content;
    padding-inline: 10px;
    display: flex;
  }

  .overlay {
    margin-top: -31px;
    transition: all .5s;
    display: none;
    position: absolute;
  }

  .advert-template-container {
    height: 410px;
    position: relative;
  }

  .advert-template-container img {
    height: 100%;
    position: relative;
  }

  .advert-overview-cover-container {
    border-radius: 5px;
    height: 76px;
    position: absolute;
    top: 265px;
    left: 67px;
  }

  .advert-overview-cover-container img {
    object-fit: cover;
    border-radius: 5px;
    width: 100%;
    height: 100%;
  }

  .advert-side-menu-cover-container {
    border-radius: 5px;
    height: 43px;
    position: absolute;
    top: 329px;
    left: 87px;
  }

  .advert-side-menu-cover-container img {
    object-fit: cover;
    border-radius: 5px;
    width: 100%;
    height: 100%;
  }

  .advert-popup-cover-container {
    border-radius: 5px;
    width: 143px;
    height: 237px;
    margin-top: 82px;
    margin-left: 50px;
    position: absolute;
    overflow-y: hidden;
  }

  .advert-popup-cover-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .advert-splash-cover-container {
    border-radius: 5px;
    width: 169px;
    height: 375px;
    margin-top: 14px;
    margin-left: 36px;
    position: absolute;
    overflow-y: hidden;
  }

  .advert-splash-cover-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .splash-screen-container {
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    border: 1px solid var(--color-line-default);
    border-radius: 5px;
  }

  .splash-drop-zone-area-custom-image {
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
    border: 1px solid var(--color-line-default);
    background-color: #e6edf3;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .splash-drop-zone-area-custom-image:hover {
    border: var(--bordercolor-theme);
  }

  .import-processing-wrap {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
  }

  .import-processing-circle {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 52);
    width: calc(var(--spacing) * 52);
    position: relative;
  }

  .import-processing-svg-base {
    inset: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .import-processing-svg-spin {
    inset: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    animation: 2s linear infinite spin;
    position: absolute;
  }

  .import-processing-icon-wrap {
    inset: calc(var(--spacing) * 0);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .import-processing-icon {
    color: var(--color-blue-500);
    position: relative;
  }

  .import-processing-pulse-dot {
    top: calc(var(--spacing) * -1);
    right: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    background-color: var(--color-blue-500);
    opacity: .8;
    border-radius: 3.40282e38px;
    animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
    position: absolute;
  }

  .import-processing-pill {
    margin-bottom: calc(var(--spacing) * 5);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    background-color: var(--color-blue-50);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-blue-600);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .import-processing-pill-spinner {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-blue-200);
    border-top-color: var(--color-blue-500);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    animation: 1s linear infinite spin;
  }

  .import-processing-title {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-900);
  }

  .import-processing-subtitle {
    max-width: var(--container-xs);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-500);
    margin-inline: auto;
  }

  .date-block-list {
    margin: calc(var(--spacing) * 0);
    margin-top: calc(var(--spacing) * 3);
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 0);
    grid-template-columns: repeat(6, minmax(0, 1fr));
    list-style-type: none;
    display: grid;
  }

  .date-block-list .li-days {
    float: none;
    cursor: pointer;
    position: relative;
    margin-right: 0 !important;
  }

  .date-block-list .li-days .date {
    border-radius: var(--radius);
    width: 100%;
    padding-inline: calc(var(--spacing) * 0);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .date-block-list .li-days .day {
    margin-top: calc(var(--spacing) * 1);
    text-align: center;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 10px;
    font-weight: var(--font-weight-medium);
  }

  .date-block-list .days-active .date {
    border-radius: var(--radius);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
  }

  .date-block-list .days-active .day {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--theme-color) !important;
  }

  .day-tick-icon {
    z-index: 10;
    color: var(--color-white);
    position: absolute;
    bottom: 22px;
    right: 3px;
    width: 12px !important;
    height: 12px !important;
  }

  .month-card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
  }

  .month-card-title {
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-100);
    padding-bottom: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-700);
  }

  .event-date-modal-picker .DayPicker {
    font-family: var(--font-family, Inter), sans-serif;
    background-color: #0000;
    border: none;
    padding: 0;
    font-size: 1rem;
    display: block;
    width: auto !important;
    box-shadow: none !important;
    z-index: auto !important;
    margin: 0 auto !important;
    position: relative !important;
  }

  .event-date-modal-picker .DayPicker-wrapper {
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--color-surface-hover, #f9fafb) !important;
    border: 1px solid var(--color-line-default, #eaecf0) !important;
    border-radius: 10px !important;
    padding: 16px 16px 12px !important;
    position: relative !important;
  }

  .event-date-modal-picker .DayPicker-Months {
    flex-flow: row;
    justify-content: center;
    gap: 24px;
    display: flex;
  }

  .event-date-modal-picker .DayPicker-Month {
    -webkit-user-select: none;
    user-select: none;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    display: table !important;
  }

  .event-date-modal-picker .DayPicker-NavBar {
    z-index: var(--z-raised) !important;
    align-items: center !important;
    gap: 6px !important;
    display: flex !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
  }

  .event-date-modal-picker .DayPicker-NavButton {
    transition: background-color .12s;
    border: 1px solid var(--color-line-default, #eaecf0) !important;
    cursor: pointer !important;
    width: 26px !important;
    height: 26px !important;
    color: var(--color-ink-tertiary, #475467) !important;
    opacity: 1 !important;
    background-color: #fff !important;
    background-image: none !important;
    background-size: 0 !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    position: static !important;
  }

  .event-date-modal-picker .DayPicker-NavButton:before {
    flex-shrink: 0;
    content: "" !important;
    border-style: solid !important;
    border-color: var(--color-ink-tertiary, #475467) !important;
    border-width: 0 1.5px 1.5px 0 !important;
    width: 7px !important;
    height: 7px !important;
    display: block !important;
  }

  .event-date-modal-picker .DayPicker-NavButton--prev:before {
    transform: rotate(135deg) translate(-1px, -1px) !important;
  }

  .event-date-modal-picker .DayPicker-NavButton--next:before {
    transform: rotate(-45deg) translate(1px, -1px) !important;
  }

  .event-date-modal-picker .DayPicker-NavButton:hover {
    background-color: var(--color-surface-hover-strong, #f3f4f6) !important;
  }

  .event-date-modal-picker .DayPicker-Caption {
    text-align: center !important;
    margin-bottom: 10px !important;
    padding: 0 .25em !important;
    display: table-caption !important;
  }

  .event-date-modal-picker .DayPicker-Caption > div {
    color: var(--color-ink-primary, #101828) !important;
    font-size: .875rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
  }

  .event-date-modal-picker .DayPicker-Weekdays {
    display: table-header-group;
  }

  .event-date-modal-picker .DayPicker-WeekdaysRow {
    display: table-row;
  }

  .event-date-modal-picker .DayPicker-Weekday {
    text-align: center !important;
    vertical-align: middle !important;
    color: var(--color-ink-muted, #667085) !important;
    padding: .25em .5em .5em !important;
    font-size: .75rem !important;
    font-weight: 500 !important;
    display: table-cell !important;
  }

  .event-date-modal-picker .DayPicker-Weekday abbr {
    cursor: default;
    border-bottom: none;
    text-decoration: none;
  }

  .event-date-modal-picker .DayPicker-Body {
    display: table-row-group;
  }

  .event-date-modal-picker .DayPicker-Week {
    display: table-row;
  }

  .event-date-modal-picker .DayPicker-Day {
    text-align: center !important;
    vertical-align: middle !important;
    color: var(--color-ink-primary, #101828) !important;
    cursor: pointer !important;
    border-radius: 50% !important;
    padding: .45em .55em !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    display: table-cell !important;
  }

  .event-date-modal-picker .DayPicker-Day:focus {
    outline: none;
  }

  .event-date-modal-picker .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background-color: var(--color-surface-hover-strong, #f3f4f6);
    border-radius: 50%;
  }

  .event-date-modal-picker .DayPicker-Day--outside {
    color: var(--color-ink-muted, #667085);
    opacity: .35;
    cursor: default;
  }

  .event-date-modal-picker .DayPicker-Day--today:not(.DayPicker-Day--selected) {
    color: var(--theme-color, #105efb);
    font-weight: 600;
  }

  .event-date-modal-picker .DayPicker-Day--disabled {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none;
  }

  .event-date-modal-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    color: inherit;
    background-color: #0000;
  }

  .event-date-modal-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: #0000;
  }

  .event-date-modal-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
    color: var(--theme-color, #105efb) !important;
    background-color: #dbeafe !important;
    border-radius: 0 !important;
  }

  .event-date-modal-picker .DayPicker-Day--start:not(.DayPicker-Day--outside), .event-date-modal-picker .DayPicker-Day--end:not(.DayPicker-Day--outside) {
    font-weight: 500;
    background-color: var(--theme-color, #105efb) !important;
    color: #fff !important;
    border-radius: 50% !important;
  }

  .event-date-modal-picker .DayPicker-Day--start.DayPicker-Day--end:not(.DayPicker-Day--outside) {
    background-color: var(--theme-color, #105efb) !important;
    color: #fff !important;
    border-radius: 50% !important;
  }

  .event-date-modal-picker .DayPicker-Day--highlighted:not(.DayPicker-Day--outside):not(.DayPicker-Day--selected) {
    color: var(--color-ink-primary, #101828);
    background-color: #eff6ff;
    border-radius: 0;
  }
}

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .visible\! {
    visibility: visible !important;
  }

  .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 !important;
  }

  .\!fixed {
    position: fixed !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .\!inset-0 {
    inset: calc(var(--spacing) * 0) !important;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-0\.5 {
    inset: calc(var(--spacing) * .5);
  }

  .inset-\[3px\] {
    inset: 3px;
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .start-9 {
    inset-inline-start: calc(var(--spacing) * 9);
  }

  .start-50 {
    inset-inline-start: calc(var(--spacing) * 50);
  }

  .start-100 {
    inset-inline-start: calc(var(--spacing) * 100);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }

  .end-50 {
    inset-inline-end: calc(var(--spacing) * 50);
  }

  .end-100 {
    inset-inline-end: calc(var(--spacing) * 100);
  }

  .\!top-1\/2 {
    top: 50% !important;
  }

  .\!top-3 {
    top: calc(var(--spacing) * 3) !important;
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }

  .-top-2 {
    top: calc(var(--spacing) * -2);
  }

  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }

  .-top-3 {
    top: calc(var(--spacing) * -3);
  }

  .-top-5 {
    top: calc(var(--spacing) * -5);
  }

  .-top-6\.75 {
    top: calc(var(--spacing) * -6.75);
  }

  .-top-\[3\%\] {
    top: -3%;
  }

  .-top-\[12px\] {
    top: -12px;
  }

  .-top-\[25px\] {
    top: -25px;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\.25 {
    top: calc(var(--spacing) * 1.25);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-1\/3 {
    top: 33.3333%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-7\.5 {
    top: calc(var(--spacing) * 7.5);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-10\.5 {
    top: calc(var(--spacing) * 10.5);
  }

  .top-11 {
    top: calc(var(--spacing) * 11);
  }

  .top-11\.25 {
    top: calc(var(--spacing) * 11.25);
  }

  .top-18 {
    top: calc(var(--spacing) * 18);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-35 {
    top: calc(var(--spacing) * 35);
  }

  .top-50 {
    top: calc(var(--spacing) * 50);
  }

  .top-100 {
    top: calc(var(--spacing) * 100);
  }

  .top-\[1px\] {
    top: 1px;
  }

  .top-\[2\.6rem\] {
    top: 2.6rem;
  }

  .top-\[7px\] {
    top: 7px;
  }

  .top-\[8px\] {
    top: 8px;
  }

  .top-\[22\%\] {
    top: 22%;
  }

  .top-\[30\%\] {
    top: 30%;
  }

  .top-\[45px\] {
    top: 45px;
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .top-\[60px\] {
    top: 60px;
  }

  .top-\[95px\] {
    top: 95px;
  }

  .top-\[110\%\] {
    top: 110%;
  }

  .top-\[135px\] {
    top: 135px;
  }

  .top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }

  .top-full {
    top: 100%;
  }

  .\!right-4 {
    right: calc(var(--spacing) * 4) !important;
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .-right-2\! {
    right: calc(var(--spacing) * -2) !important;
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .-right-7\.25 {
    right: calc(var(--spacing) * -7.25);
  }

  .-right-10 {
    right: calc(var(--spacing) * -10);
  }

  .-right-\[20px\] {
    right: -20px;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-1\.25 {
    right: calc(var(--spacing) * 1.25);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-7 {
    right: calc(var(--spacing) * 7);
  }

  .right-10 {
    right: calc(var(--spacing) * 10);
  }

  .right-17\.5 {
    right: calc(var(--spacing) * 17.5);
  }

  .right-40 {
    right: calc(var(--spacing) * 40);
  }

  .right-\[14px\] {
    right: 14px;
  }

  .right-\[30px\] {
    right: 30px;
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -.5);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-18 {
    bottom: calc(var(--spacing) * 18);
  }

  .bottom-50 {
    bottom: calc(var(--spacing) * 50);
  }

  .bottom-100 {
    bottom: calc(var(--spacing) * 100);
  }

  .bottom-full {
    bottom: 100%;
  }

  .-left-2\! {
    left: calc(var(--spacing) * -2) !important;
  }

  .-left-\[75px\] {
    left: -75px;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-12\.5 {
    left: calc(var(--spacing) * 12.5);
  }

  .left-70 {
    left: calc(var(--spacing) * 70);
  }

  .left-\[5\.5rem\] {
    left: 5.5rem;
  }

  .left-\[9px\] {
    left: 9px;
  }

  .left-\[10px\] {
    left: 10px;
  }

  .left-\[12px\] {
    left: 12px;
  }

  .left-\[30\%\] {
    left: 30%;
  }

  .left-\[38\%\] {
    left: 38%;
  }

  .left-\[48px\] {
    left: 48px;
  }

  .left-\[280px\] {
    left: 280px;
  }

  .left-auto {
    left: auto;
  }

  .left-full {
    left: 100%;
  }

  .\!z-\[1600\] {
    z-index: 1600 !important;
  }

  .\!z-\[1601\] {
    z-index: 1601 !important;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-\(--z-above\) {
    z-index: var(--z-above);
  }

  .z-\(--z-above-modal\) {
    z-index: var(--z-above-modal);
  }

  .z-\(--z-alert\) {
    z-index: var(--z-alert);
  }

  .z-\(--z-backdrop\) {
    z-index: var(--z-backdrop);
  }

  .z-\(--z-badge-dropdown\) {
    z-index: var(--z-badge-dropdown);
  }

  .z-\(--z-clone\)\! {
    z-index: var(--z-clone) !important;
  }

  .z-\(--z-clone-overlay\)\! {
    z-index: var(--z-clone-overlay) !important;
  }

  .z-\(--z-color-picker\) {
    z-index: var(--z-color-picker);
  }

  .z-\(--z-combobox\) {
    z-index: var(--z-combobox);
  }

  .z-\(--z-combobox\)\! {
    z-index: var(--z-combobox) !important;
  }

  .z-\(--z-dialog\) {
    z-index: var(--z-dialog);
  }

  .z-\(--z-dialog-overlay\) {
    z-index: var(--z-dialog-overlay);
  }

  .z-\(--z-floating\)\! {
    z-index: var(--z-floating) !important;
  }

  .z-\(--z-floating-overlay\)\! {
    z-index: var(--z-floating-overlay) !important;
  }

  .z-\(--z-layer-mid\) {
    z-index: var(--z-layer-mid);
  }

  .z-\(--z-loading\) {
    z-index: var(--z-loading);
  }

  .z-\(--z-menu\) {
    z-index: var(--z-menu);
  }

  .z-\(--z-navbar\) {
    z-index: var(--z-navbar);
  }

  .z-\(--z-notification\) {
    z-index: var(--z-notification);
  }

  .z-\(--z-panel\) {
    z-index: var(--z-panel);
  }

  .z-\(--z-panel-modal\) {
    z-index: var(--z-panel-modal);
  }

  .z-\(--z-popover\) {
    z-index: var(--z-popover);
  }

  .z-\(--z-popover\)\! {
    z-index: var(--z-popover) !important;
  }

  .z-\(--z-popover-high\)\! {
    z-index: var(--z-popover-high) !important;
  }

  .z-\(--z-popover-overlay\)\! {
    z-index: var(--z-popover-overlay) !important;
  }

  .z-\(--z-search\) {
    z-index: var(--z-search);
  }

  .z-\(--z-select\) {
    z-index: var(--z-select);
  }

  .z-\(--z-sheet\) {
    z-index: var(--z-sheet);
  }

  .z-\(--z-sheet-overlay\) {
    z-index: var(--z-sheet-overlay);
  }

  .z-\(--z-suggest\) {
    z-index: var(--z-suggest);
  }

  .z-\(--z-table-col\) {
    z-index: var(--z-table-col);
  }

  .z-\(--z-table-header\) {
    z-index: var(--z-table-header);
  }

  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-2 {
    z-index: 2;
  }

  .z-3 {
    z-index: 3;
  }

  .z-5 {
    z-index: 5;
  }

  .z-10 {
    z-index: 10;
  }

  .z-11 {
    z-index: 11;
  }

  .z-12 {
    z-index: 12;
  }

  .z-20 {
    z-index: 20;
  }

  .z-25 {
    z-index: 25;
  }

  .z-30 {
    z-index: 30;
  }

  .z-50 {
    z-index: 50;
  }

  .z-99 {
    z-index: 99;
  }

  .z-100 {
    z-index: 100;
  }

  .z-200 {
    z-index: 200;
  }

  .z-999 {
    z-index: 999;
  }

  .z-1000 {
    z-index: 1000;
  }

  .z-1038 {
    z-index: 1038;
  }

  .z-1050 {
    z-index: 1050;
  }

  .z-1100 {
    z-index: 1100;
  }

  .z-1200 {
    z-index: 1200;
  }

  .z-1700\! {
    z-index: 1700 !important;
  }

  .z-1701 {
    z-index: 1701;
  }

  .z-2200 {
    z-index: 2200;
  }

  .z-3100 {
    z-index: 3100;
  }

  .z-5000 {
    z-index: 5000;
  }

  .z-9999 {
    z-index: 9999;
  }

  .z-99999 {
    z-index: 99999;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[1038\] {
    z-index: 1038;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .col-1 {
    grid-column: 1;
  }

  .col-12 {
    grid-column: 12;
  }

  .col-auto {
    grid-column: auto;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-span-5 {
    grid-column: span 5 / span 5;
  }

  .col-span-6 {
    grid-column: span 6 / span 6;
  }

  .col-span-7 {
    grid-column: span 7 / span 7;
  }

  .col-span-8 {
    grid-column: span 8 / span 8;
  }

  .col-span-9 {
    grid-column: span 9 / span 9;
  }

  .col-span-10 {
    grid-column: span 10 / span 10;
  }

  .col-span-11 {
    grid-column: span 11 / span 11;
  }

  .col-span-12 {
    grid-column: span 12 / span 12;
  }

  .col-start-3 {
    grid-column-start: 3;
  }

  .float-end {
    float: inline-end;
  }

  .float-left {
    float: left;
  }

  .float-none {
    float: none;
  }

  .float-right {
    float: right;
  }

  .float-start {
    float: inline-start;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }

  .m-0\.5 {
    margin: calc(var(--spacing) * .5);
  }

  .m-1 {
    margin: calc(var(--spacing) * 1);
  }

  .m-1\.5 {
    margin: calc(var(--spacing) * 1.5);
  }

  .m-2 {
    margin: calc(var(--spacing) * 2);
  }

  .m-2\.5 {
    margin: calc(var(--spacing) * 2.5);
  }

  .m-3 {
    margin: calc(var(--spacing) * 3);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .m-5 {
    margin: calc(var(--spacing) * 5);
  }

  .m-6 {
    margin: calc(var(--spacing) * 6);
  }

  .m-8 {
    margin: calc(var(--spacing) * 8);
  }

  .m-12 {
    margin: calc(var(--spacing) * 12);
  }

  .m-\[7px\] {
    margin: 7px;
  }

  .m-auto {
    margin: auto;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-0\.75 {
    margin-inline: calc(var(--spacing) * .75);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-1\.25 {
    margin-block: calc(var(--spacing) * 1.25);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }

  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }

  .my-\[4\%\] {
    margin-block: 4%;
  }

  .my-\[5px\] {
    margin-block: 5px;
  }

  .my-auto {
    margin-block: auto;
  }

  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }

  .me-auto {
    margin-inline-end: auto;
  }

  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -.5);
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-1\.25 {
    margin-top: calc(var(--spacing) * -1.25);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-2\.5 {
    margin-top: calc(var(--spacing) * -2.5);
  }

  .-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-8 {
    margin-top: calc(var(--spacing) * -8);
  }

  .-mt-10 {
    margin-top: calc(var(--spacing) * -10);
  }

  .-mt-14 {
    margin-top: calc(var(--spacing) * -14);
  }

  .-mt-28 {
    margin-top: calc(var(--spacing) * -28);
  }

  .-mt-30 {
    margin-top: calc(var(--spacing) * -30);
  }

  .-mt-\[5px\] {
    margin-top: -5px;
  }

  .-mt-\[25px\] {
    margin-top: -25px;
  }

  .-mt-\[70px\] {
    margin-top: -70px;
  }

  .-mt-\[135px\] {
    margin-top: -135px;
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-0\.75 {
    margin-top: calc(var(--spacing) * .75);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-1\.25 {
    margin-top: calc(var(--spacing) * 1.25);
  }

  .mt-1\.75 {
    margin-top: calc(var(--spacing) * 1.75);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.75 {
    margin-top: calc(var(--spacing) * 3.75);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-4\.5 {
    margin-top: calc(var(--spacing) * 4.5);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-6\.5 {
    margin-top: calc(var(--spacing) * 6.5);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-15 {
    margin-top: calc(var(--spacing) * 15);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }

  .mt-30 {
    margin-top: calc(var(--spacing) * 30);
  }

  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }

  .mt-60 {
    margin-top: calc(var(--spacing) * 60);
  }

  .mt-70 {
    margin-top: calc(var(--spacing) * 70);
  }

  .mt-120 {
    margin-top: calc(var(--spacing) * 120);
  }

  .mt-\[2\%\] {
    margin-top: 2%;
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[3\%\] {
    margin-top: 3%;
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-\[4\%\] {
    margin-top: 4%;
  }

  .mt-\[5px\] {
    margin-top: 5px;
  }

  .mt-\[7px\] {
    margin-top: 7px;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mt-\[12px\] {
    margin-top: 12px;
  }

  .mt-\[14px\] {
    margin-top: 14px;
  }

  .mt-\[20\%\] {
    margin-top: 20%;
  }

  .mt-\[25\%\] {
    margin-top: 25%;
  }

  .mt-\[50\%\] {
    margin-top: 50%;
  }

  .mt-\[300px\] {
    margin-top: 300px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-2\.5 {
    margin-right: calc(var(--spacing) * -2.5);
  }

  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-1\.25 {
    margin-right: calc(var(--spacing) * 1.25);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .mr-3\.75 {
    margin-right: calc(var(--spacing) * 3.75);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }

  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }

  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }

  .mr-15 {
    margin-right: calc(var(--spacing) * 15);
  }

  .mr-\[4\%\] {
    margin-right: 4%;
  }

  .mr-\[5px\] {
    margin-right: 5px;
  }

  .mr-\[10px\] {
    margin-right: 10px;
  }

  .mr-\[50px\] {
    margin-right: 50px;
  }

  .mr-auto {
    margin-right: auto;
  }

  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .-mb-0\.75 {
    margin-bottom: calc(var(--spacing) * -.75);
  }

  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-0\.75 {
    margin-bottom: calc(var(--spacing) * .75);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-1\.25 {
    margin-bottom: calc(var(--spacing) * 1.25);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.75 {
    margin-bottom: calc(var(--spacing) * 3.75);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-15 {
    margin-bottom: calc(var(--spacing) * 15);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }

  .mb-25 {
    margin-bottom: calc(var(--spacing) * 25);
  }

  .mb-40 {
    margin-bottom: calc(var(--spacing) * 40);
  }

  .mb-\[2\%\] {
    margin-bottom: 2%;
  }

  .mb-\[3px\] {
    margin-bottom: 3px;
  }

  .mb-\[5\%\] {
    margin-bottom: 5%;
  }

  .mb-\[5px\] {
    margin-bottom: 5px;
  }

  .mb-\[6px\] {
    margin-bottom: 6px;
  }

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .mb-px {
    margin-bottom: 1px;
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }

  .-ml-5 {
    margin-left: calc(var(--spacing) * -5);
  }

  .-ml-58 {
    margin-left: calc(var(--spacing) * -58);
  }

  .-ml-\[18px\] {
    margin-left: -18px;
  }

  .-ml-\[30px\] {
    margin-left: -30px;
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-1\.25 {
    margin-left: calc(var(--spacing) * 1.25);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }

  .ml-2\.75 {
    margin-left: calc(var(--spacing) * 2.75);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-5\.5 {
    margin-left: calc(var(--spacing) * 5.5);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-7\.5 {
    margin-left: calc(var(--spacing) * 7.5);
  }

  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }

  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }

  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }

  .ml-14 {
    margin-left: calc(var(--spacing) * 14);
  }

  .ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }

  .ml-20 {
    margin-left: calc(var(--spacing) * 20);
  }

  .ml-25 {
    margin-left: calc(var(--spacing) * 25);
  }

  .ml-40 {
    margin-left: calc(var(--spacing) * 40);
  }

  .ml-60 {
    margin-left: calc(var(--spacing) * 60);
  }

  .ml-\[5\%\] {
    margin-left: 5%;
  }

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .ml-\[26px\] {
    margin-left: 26px;
  }

  .ml-\[30px\] {
    margin-left: 30px;
  }

  .ml-\[87\%\] {
    margin-left: 87%;
  }

  .ml-\[235px\] {
    margin-left: 235px;
  }

  .ml-\[245px\] {
    margin-left: 245px;
  }

  .ml-\[270px\] {
    margin-left: 270px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .\[box-sizing\:content-box\] {
    box-sizing: content-box;
  }

  .box-border {
    box-sizing: border-box;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!block {
    display: block !important;
  }

  .\!flex {
    display: flex !important;
  }

  .\!grid {
    display: grid !important;
  }

  .\[display\:table\] {
    display: table;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .contents\! {
    display: contents !important;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .\[aspect-ratio\:calc\(1\.8\/1\)\] {
    aspect-ratio: 1.8;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .\!h-screen {
    height: 100vh !important;
  }

  .h-\(--addedbutton-height\) {
    height: var(--addedbutton-height);
  }

  .h-\(--customwhite-height\) {
    height: var(--customwhite-height);
  }

  .h-\(--normalbutton-height\) {
    height: var(--normalbutton-height);
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-1\.25 {
    height: calc(var(--spacing) * 1.25);
  }

  .h-1\/2 {
    height: 50%;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\! {
    height: calc(var(--spacing) * 2) !important;
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-3\.25 {
    height: calc(var(--spacing) * 3.25);
  }

  .h-3\.75 {
    height: calc(var(--spacing) * 3.75);
  }

  .h-3\/4 {
    height: 75%;
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }

  .h-4\.25 {
    height: calc(var(--spacing) * 4.25);
  }

  .h-4\.75 {
    height: calc(var(--spacing) * 4.75);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-6\.5 {
    height: calc(var(--spacing) * 6.5);
  }

  .h-6\.25 {
    height: calc(var(--spacing) * 6.25);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-8\.5 {
    height: calc(var(--spacing) * 8.5);
  }

  .h-8\.75 {
    height: calc(var(--spacing) * 8.75);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }

  .h-9\.25 {
    height: calc(var(--spacing) * 9.25);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-10\.5 {
    height: calc(var(--spacing) * 10.5);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-11\.5 {
    height: calc(var(--spacing) * 11.5);
  }

  .h-11\.25 {
    height: calc(var(--spacing) * 11.25);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-12\.5 {
    height: calc(var(--spacing) * 12.5);
  }

  .h-13 {
    height: calc(var(--spacing) * 13);
  }

  .h-13\.5 {
    height: calc(var(--spacing) * 13.5);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-15 {
    height: calc(var(--spacing) * 15);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-16\.25 {
    height: calc(var(--spacing) * 16.25);
  }

  .h-17\.5 {
    height: calc(var(--spacing) * 17.5);
  }

  .h-18 {
    height: calc(var(--spacing) * 18);
  }

  .h-18\.25 {
    height: calc(var(--spacing) * 18.25);
  }

  .h-18\.75 {
    height: calc(var(--spacing) * 18.75);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-22\.5 {
    height: calc(var(--spacing) * 22.5);
  }

  .h-22\.25 {
    height: calc(var(--spacing) * 22.25);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-25 {
    height: calc(var(--spacing) * 25);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-30 {
    height: calc(var(--spacing) * 30);
  }

  .h-31\.5 {
    height: calc(var(--spacing) * 31.5);
  }

  .h-32\.75 {
    height: calc(var(--spacing) * 32.75);
  }

  .h-34 {
    height: calc(var(--spacing) * 34);
  }

  .h-35 {
    height: calc(var(--spacing) * 35);
  }

  .h-37\.5 {
    height: calc(var(--spacing) * 37.5);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-40\.5 {
    height: calc(var(--spacing) * 40.5);
  }

  .h-43\.25 {
    height: calc(var(--spacing) * 43.25);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-45 {
    height: calc(var(--spacing) * 45);
  }

  .h-50 {
    height: calc(var(--spacing) * 50);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-57\.5 {
    height: calc(var(--spacing) * 57.5);
  }

  .h-60 {
    height: calc(var(--spacing) * 60);
  }

  .h-62\.5 {
    height: calc(var(--spacing) * 62.5);
  }

  .h-63 {
    height: calc(var(--spacing) * 63);
  }

  .h-67\.5 {
    height: calc(var(--spacing) * 67.5);
  }

  .h-75 {
    height: calc(var(--spacing) * 75);
  }

  .h-75\.5 {
    height: calc(var(--spacing) * 75.5);
  }

  .h-77\.5 {
    height: calc(var(--spacing) * 77.5);
  }

  .h-83\.75 {
    height: calc(var(--spacing) * 83.75);
  }

  .h-87\.5 {
    height: calc(var(--spacing) * 87.5);
  }

  .h-89\.25 {
    height: calc(var(--spacing) * 89.25);
  }

  .h-95 {
    height: calc(var(--spacing) * 95);
  }

  .h-98\.75 {
    height: calc(var(--spacing) * 98.75);
  }

  .h-100 {
    height: calc(var(--spacing) * 100);
  }

  .h-102\.5 {
    height: calc(var(--spacing) * 102.5);
  }

  .h-112\.5 {
    height: calc(var(--spacing) * 112.5);
  }

  .h-125 {
    height: calc(var(--spacing) * 125);
  }

  .h-132\.5 {
    height: calc(var(--spacing) * 132.5);
  }

  .h-200 {
    height: calc(var(--spacing) * 200);
  }

  .h-\[2\.8em\] {
    height: 2.8em;
  }

  .h-\[2\.875rem\] {
    height: 2.875rem;
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[4\.5rem\] {
    height: 4.5rem;
  }

  .h-\[6\%\] {
    height: 6%;
  }

  .h-\[8\%\] {
    height: 8%;
  }

  .h-\[8vh\] {
    height: 8vh;
  }

  .h-\[10\%\] {
    height: 10%;
  }

  .h-\[10px\] {
    height: 10px;
  }

  .h-\[15\%\] {
    height: 15%;
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[19vh\] {
    height: 19vh;
  }

  .h-\[21px\] {
    height: 21px;
  }

  .h-\[25px\] {
    height: 25px;
  }

  .h-\[27px\] {
    height: 27px;
  }

  .h-\[30\%\] {
    height: 30%;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[35px\] {
    height: 35px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[42px\] {
    height: 42px;
  }

  .h-\[45px\] {
    height: 45px;
  }

  .h-\[47px\] {
    height: 47px;
  }

  .h-\[48px\] {
    height: 48px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[54px\] {
    height: 54px;
  }

  .h-\[55vh\] {
    height: 55vh;
  }

  .h-\[60\%\] {
    height: 60%;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[60vh\] {
    height: 60vh;
  }

  .h-\[61px\] {
    height: 61px;
  }

  .h-\[65px\] {
    height: 65px;
  }

  .h-\[67px\] {
    height: 67px;
  }

  .h-\[70px\] {
    height: 70px;
  }

  .h-\[70vh\] {
    height: 70vh;
  }

  .h-\[72px\] {
    height: 72px;
  }

  .h-\[80px\] {
    height: 80px;
  }

  .h-\[83vh\] {
    height: 83vh;
  }

  .h-\[90\%\] {
    height: 90%;
  }

  .h-\[90px\] {
    height: 90px;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[110px\] {
    height: 110px;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[126px\] {
    height: 126px;
  }

  .h-\[130px\] {
    height: 130px;
  }

  .h-\[135px\] {
    height: 135px;
  }

  .h-\[136px\] {
    height: 136px;
  }

  .h-\[140px\] {
    height: 140px;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-\[178px\] {
    height: 178px;
  }

  .h-\[180px\] {
    height: 180px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[230px\] {
    height: 230px;
  }

  .h-\[250px\] {
    height: 250px;
  }

  .h-\[305px\] {
    height: 305px;
  }

  .h-\[333px\] {
    height: 333px;
  }

  .h-\[350px\] {
    height: 350px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[450px\] {
    height: 450px;
  }

  .h-\[475px\] {
    height: 475px;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-\[569px\] {
    height: 569px;
  }

  .h-\[600px\] {
    height: 600px;
  }

  .h-\[705px\] {
    height: 705px;
  }

  .h-\[720px\] {
    height: 720px;
  }

  .h-\[calc\(80vh-150px\)\] {
    height: calc(80vh - 150px);
  }

  .h-\[calc\(100\%-56px\)\] {
    height: calc(100% - 56px);
  }

  .h-\[calc\(100vh-60px\)\] {
    height: calc(100vh - 60px);
  }

  .h-\[calc\(100vh-64px\)\] {
    height: calc(100vh - 64px);
  }

  .h-\[calc\(100vh-70px\)\] {
    height: calc(100vh - 70px);
  }

  .h-\[calc\(100vh-72px\)\] {
    height: calc(100vh - 72px);
  }

  .h-\[calc\(100vh-80px\)\] {
    height: calc(100vh - 80px);
  }

  .h-\[calc\(100vh-90px\)\] {
    height: calc(100vh - 90px);
  }

  .h-\[calc\(100vh-126px\)\] {
    height: calc(100vh - 126px);
  }

  .h-\[calc\(100vh-140px\)\] {
    height: calc(100vh - 140px);
  }

  .h-\[calc\(100vh-170px\)\] {
    height: calc(100vh - 170px);
  }

  .h-\[calc\(100vh-175px\)\] {
    height: calc(100vh - 175px);
  }

  .h-\[calc\(100vh-180px\)\] {
    height: calc(100vh - 180px);
  }

  .h-\[calc\(100vh-190px\)\] {
    height: calc(100vh - 190px);
  }

  .h-\[calc\(100vh-200px\)\] {
    height: calc(100vh - 200px);
  }

  .h-\[calc\(100vh-205px\)\] {
    height: calc(100vh - 205px);
  }

  .h-\[calc\(100vh-210px\)\] {
    height: calc(100vh - 210px);
  }

  .h-\[calc\(100vh-220px\)\] {
    height: calc(100vh - 220px);
  }

  .h-\[calc\(100vh-230px\)\] {
    height: calc(100vh - 230px);
  }

  .h-\[calc\(100vh-252px\)\] {
    height: calc(100vh - 252px);
  }

  .h-\[calc\(100vh-260px\)\] {
    height: calc(100vh - 260px);
  }

  .h-\[calc\(100vh-272px\)\] {
    height: calc(100vh - 272px);
  }

  .h-\[calc\(100vh-280px\)\] {
    height: calc(100vh - 280px);
  }

  .h-\[calc\(100vh-290px\)\] {
    height: calc(100vh - 290px);
  }

  .h-\[calc\(100vh-298px\)\] {
    height: calc(100vh - 298px);
  }

  .h-\[calc\(100vh-310px\)\] {
    height: calc(100vh - 310px);
  }

  .h-\[calc\(100vh-315px\)\] {
    height: calc(100vh - 315px);
  }

  .h-\[calc\(100vh-335px\)\] {
    height: calc(100vh - 335px);
  }

  .h-\[calc\(100vh-390px\)\] {
    height: calc(100vh - 390px);
  }

  .h-\[calc\(100vh-450px\)\] {
    height: calc(100vh - 450px);
  }

  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .h-svh {
    height: 100svh;
  }

  .\!max-h-screen {
    max-height: 100vh !important;
  }

  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }

  .max-h-6 {
    max-height: calc(var(--spacing) * 6);
  }

  .max-h-10 {
    max-height: calc(var(--spacing) * 10);
  }

  .max-h-30 {
    max-height: calc(var(--spacing) * 30);
  }

  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-65 {
    max-height: calc(var(--spacing) * 65);
  }

  .max-h-70 {
    max-height: calc(var(--spacing) * 70);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-75 {
    max-height: calc(var(--spacing) * 75);
  }

  .max-h-120 {
    max-height: calc(var(--spacing) * 120);
  }

  .max-h-125 {
    max-height: calc(var(--spacing) * 125);
  }

  .max-h-130 {
    max-height: calc(var(--spacing) * 130);
  }

  .max-h-155 {
    max-height: calc(var(--spacing) * 155);
  }

  .max-h-195 {
    max-height: calc(var(--spacing) * 195);
  }

  .max-h-220 {
    max-height: calc(var(--spacing) * 220);
  }

  .max-h-\[55vh\] {
    max-height: 55vh;
  }

  .max-h-\[60px\] {
    max-height: 60px;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .max-h-\[75vh\] {
    max-height: 75vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[95vh\] {
    max-height: 95vh;
  }

  .max-h-\[100px\] {
    max-height: 100px;
  }

  .max-h-\[200px\] {
    max-height: 200px;
  }

  .max-h-\[220px\] {
    max-height: 220px;
  }

  .max-h-\[280px\] {
    max-height: 280px;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[350px\] {
    max-height: 350px;
  }

  .max-h-\[calc\(100vh-4rem\)\] {
    max-height: calc(100vh - 4rem);
  }

  .max-h-\[calc\(100vh-260px\)\] {
    max-height: calc(100vh - 260px);
  }

  .max-h-\[calc\(100vh-295px\)\] {
    max-height: calc(100vh - 295px);
  }

  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-screen {
    max-height: 100vh;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-2 {
    min-height: calc(var(--spacing) * 2);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-9\.5 {
    min-height: calc(var(--spacing) * 9.5);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-15 {
    min-height: calc(var(--spacing) * 15);
  }

  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }

  .min-h-27 {
    min-height: calc(var(--spacing) * 27);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-45 {
    min-height: calc(var(--spacing) * 45);
  }

  .min-h-55 {
    min-height: calc(var(--spacing) * 55);
  }

  .min-h-60 {
    min-height: calc(var(--spacing) * 60);
  }

  .min-h-62\.5 {
    min-height: calc(var(--spacing) * 62.5);
  }

  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }

  .min-h-75 {
    min-height: calc(var(--spacing) * 75);
  }

  .min-h-89\.25 {
    min-height: calc(var(--spacing) * 89.25);
  }

  .min-h-125 {
    min-height: calc(var(--spacing) * 125);
  }

  .min-h-\[2\.75rem\] {
    min-height: 2.75rem;
  }

  .min-h-\[2lh\] {
    min-height: 2lh;
  }

  .min-h-\[32px\] {
    min-height: 32px;
  }

  .min-h-\[36px\] {
    min-height: 36px;
  }

  .min-h-\[60px\] {
    min-height: 60px;
  }

  .min-h-\[65px\] {
    min-height: 65px;
  }

  .min-h-\[67px\] {
    min-height: 67px;
  }

  .min-h-\[68px\] {
    min-height: 68px;
  }

  .min-h-\[75vh\] {
    min-height: 75vh;
  }

  .min-h-\[80px\] {
    min-height: 80px;
  }

  .min-h-\[99px\] {
    min-height: 99px;
  }

  .min-h-\[100px\] {
    min-height: 100px;
  }

  .min-h-\[110px\] {
    min-height: 110px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[220px\] {
    min-height: 220px;
  }

  .min-h-\[245px\] {
    min-height: 245px;
  }

  .min-h-\[250px\] {
    min-height: 250px;
  }

  .min-h-\[260px\] {
    min-height: 260px;
  }

  .min-h-\[350px\] {
    min-height: 350px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

  .min-h-\[500px\] {
    min-height: 500px;
  }

  .min-h-\[calc\(100vh-202px\)\] {
    min-height: calc(100vh - 202px);
  }

  .min-h-\[calc\(100vh-300px\)\] {
    min-height: calc(100vh - 300px);
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .\!w-screen {
    width: 100vw !important;
  }

  .w-\(--radix-dropdown-menu-trigger-width\) {
    width: var(--radix-dropdown-menu-trigger-width);
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\! {
    width: calc(var(--spacing) * 2) !important;
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\.75 {
    width: calc(var(--spacing) * 3.75);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }

  .w-4\.25 {
    width: calc(var(--spacing) * 4.25);
  }

  .w-4\.75 {
    width: calc(var(--spacing) * 4.75);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-6\.25 {
    width: calc(var(--spacing) * 6.25);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-7\.5 {
    width: calc(var(--spacing) * 7.5);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-8\.5 {
    width: calc(var(--spacing) * 8.5);
  }

  .w-8\.75 {
    width: calc(var(--spacing) * 8.75);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-9\.5 {
    width: calc(var(--spacing) * 9.5);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-10\.5 {
    width: calc(var(--spacing) * 10.5);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-11\.25 {
    width: calc(var(--spacing) * 11.25);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-12\.5 {
    width: calc(var(--spacing) * 12.5);
  }

  .w-13 {
    width: calc(var(--spacing) * 13);
  }

  .w-13\.5 {
    width: calc(var(--spacing) * 13.5);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-15 {
    width: calc(var(--spacing) * 15);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-18\.5 {
    width: calc(var(--spacing) * 18.5);
  }

  .w-19 {
    width: calc(var(--spacing) * 19);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-22\.5 {
    width: calc(var(--spacing) * 22.5);
  }

  .w-22\.25 {
    width: calc(var(--spacing) * 22.25);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-25 {
    width: calc(var(--spacing) * 25);
  }

  .w-26 {
    width: calc(var(--spacing) * 26);
  }

  .w-26\.25 {
    width: calc(var(--spacing) * 26.25);
  }

  .w-27 {
    width: calc(var(--spacing) * 27);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-28\.25 {
    width: calc(var(--spacing) * 28.25);
  }

  .w-28\.75 {
    width: calc(var(--spacing) * 28.75);
  }

  .w-30 {
    width: calc(var(--spacing) * 30);
  }

  .w-31\.25 {
    width: calc(var(--spacing) * 31.25);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-34 {
    width: calc(var(--spacing) * 34);
  }

  .w-35 {
    width: calc(var(--spacing) * 35);
  }

  .w-37\.5 {
    width: calc(var(--spacing) * 37.5);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-40\.5 {
    width: calc(var(--spacing) * 40.5);
  }

  .w-41\.25 {
    width: calc(var(--spacing) * 41.25);
  }

  .w-41\.75 {
    width: calc(var(--spacing) * 41.75);
  }

  .w-42 {
    width: calc(var(--spacing) * 42);
  }

  .w-42\.5 {
    width: calc(var(--spacing) * 42.5);
  }

  .w-42\.25 {
    width: calc(var(--spacing) * 42.25);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-45 {
    width: calc(var(--spacing) * 45);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-50 {
    width: calc(var(--spacing) * 50);
  }

  .w-50\.25 {
    width: calc(var(--spacing) * 50.25);
  }

  .w-50\.75 {
    width: calc(var(--spacing) * 50.75);
  }

  .w-51\.25 {
    width: calc(var(--spacing) * 51.25);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-53\.5 {
    width: calc(var(--spacing) * 53.5);
  }

  .w-53\.75 {
    width: calc(var(--spacing) * 53.75);
  }

  .w-54 {
    width: calc(var(--spacing) * 54);
  }

  .w-55 {
    width: calc(var(--spacing) * 55);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-56\.25 {
    width: calc(var(--spacing) * 56.25);
  }

  .w-57\.5 {
    width: calc(var(--spacing) * 57.5);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-62\.5 {
    width: calc(var(--spacing) * 62.5);
  }

  .w-63\.25 {
    width: calc(var(--spacing) * 63.25);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-65 {
    width: calc(var(--spacing) * 65);
  }

  .w-66\.25 {
    width: calc(var(--spacing) * 66.25);
  }

  .w-67\.5 {
    width: calc(var(--spacing) * 67.5);
  }

  .w-68 {
    width: calc(var(--spacing) * 68);
  }

  .w-70 {
    width: calc(var(--spacing) * 70);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-74 {
    width: calc(var(--spacing) * 74);
  }

  .w-75 {
    width: calc(var(--spacing) * 75);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-85 {
    width: calc(var(--spacing) * 85);
  }

  .w-86\.5 {
    width: calc(var(--spacing) * 86.5);
  }

  .w-87\.5 {
    width: calc(var(--spacing) * 87.5);
  }

  .w-95 {
    width: calc(var(--spacing) * 95);
  }

  .w-97\.5 {
    width: calc(var(--spacing) * 97.5);
  }

  .w-98 {
    width: calc(var(--spacing) * 98);
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

  .w-105 {
    width: calc(var(--spacing) * 105);
  }

  .w-110 {
    width: calc(var(--spacing) * 110);
  }

  .w-115 {
    width: calc(var(--spacing) * 115);
  }

  .w-125 {
    width: calc(var(--spacing) * 125);
  }

  .w-200 {
    width: calc(var(--spacing) * 200);
  }

  .w-201 {
    width: calc(var(--spacing) * 201);
  }

  .w-215 {
    width: calc(var(--spacing) * 215);
  }

  .w-274\.5 {
    width: calc(var(--spacing) * 274.5);
  }

  .w-\[--sidebar-width\] {
    width: --sidebar-width;
  }

  .w-\[5\%\] {
    width: 5%;
  }

  .w-\[8\%\] {
    width: 8%;
  }

  .w-\[9\%\] {
    width: 9%;
  }

  .w-\[10\%\] {
    width: 10%;
  }

  .w-\[10px\] {
    width: 10px;
  }

  .w-\[11\%\] {
    width: 11%;
  }

  .w-\[11\.225rem\] {
    width: 11.225rem;
  }

  .w-\[12\%\] {
    width: 12%;
  }

  .w-\[13\%\] {
    width: 13%;
  }

  .w-\[14\%\] {
    width: 14%;
  }

  .w-\[15\%\] {
    width: 15%;
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[16\%\] {
    width: 16%;
  }

  .w-\[17\%\] {
    width: 17%;
  }

  .w-\[18\%\] {
    width: 18%;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[19\%\] {
    width: 19%;
  }

  .w-\[20\%\] {
    width: 20%;
  }

  .w-\[21\%\] {
    width: 21%;
  }

  .w-\[25\%\] {
    width: 25%;
  }

  .w-\[25\.875rem\] {
    width: 25.875rem;
  }

  .w-\[25px\] {
    width: 25px;
  }

  .w-\[27\%\] {
    width: 27%;
  }

  .w-\[28\%\] {
    width: 28%;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[30rem\] {
    width: 30rem;
  }

  .w-\[30vw\] {
    width: 30vw;
  }

  .w-\[32\%\] {
    width: 32%;
  }

  .w-\[33\%\] {
    width: 33%;
  }

  .w-\[35\%\] {
    width: 35%;
  }

  .w-\[38\%\] {
    width: 38%;
  }

  .w-\[38px\] {
    width: 38px;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[42\%\] {
    width: 42%;
  }

  .w-\[45\%\] {
    width: 45%;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[50px\] {
    width: 50px;
  }

  .w-\[54px\] {
    width: 54px;
  }

  .w-\[55\%\] {
    width: 55%;
  }

  .w-\[60\%\] {
    width: 60%;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[65\%\] {
    width: 65%;
  }

  .w-\[65px\] {
    width: 65px;
  }

  .w-\[66\%\] {
    width: 66%;
  }

  .w-\[68\%\] {
    width: 68%;
  }

  .w-\[69\%\] {
    width: 69%;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[70vw\] {
    width: 70vw;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[74px\] {
    width: 74px;
  }

  .w-\[75\%\] {
    width: 75%;
  }

  .w-\[76px\] {
    width: 76px;
  }

  .w-\[80\%\] {
    width: 80%;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[85\%\] {
    width: 85%;
  }

  .w-\[88\%\] {
    width: 88%;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[92\%\] {
    width: 92%;
  }

  .w-\[95\%\] {
    width: 95%;
  }

  .w-\[95px\] {
    width: 95px;
  }

  .w-\[96\%\] {
    width: 96%;
  }

  .w-\[97\%\] {
    width: 97%;
  }

  .w-\[99\%\] {
    width: 99%;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[105px\] {
    width: 105px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[130px\] {
    width: 130px;
  }

  .w-\[136px\] {
    width: 136px;
  }

  .w-\[140px\] {
    width: 140px;
  }

  .w-\[144px\] {
    width: 144px;
  }

  .w-\[147px\] {
    width: 147px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[215px\] {
    width: 215px;
  }

  .w-\[230px\] {
    width: 230px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[250px\] {
    width: 250px;
  }

  .w-\[257\%\] {
    width: 257%;
  }

  .w-\[258px\] {
    width: 258px;
  }

  .w-\[260px\] {
    width: 260px;
  }

  .w-\[270px\] {
    width: 270px;
  }

  .w-\[275px\] {
    width: 275px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[317px\] {
    width: 317px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[375px\] {
    width: 375px;
  }

  .w-\[377px\] {
    width: 377px;
  }

  .w-\[385px\] {
    width: 385px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-\[700px\] {
    width: 700px;
  }

  .w-\[760px\] {
    width: 760px;
  }

  .w-\[804px\] {
    width: 804px;
  }

  .w-\[860px\] {
    width: 860px;
  }

  .w-\[calc\(100\%-48px\)\] {
    width: calc(100% - 48px);
  }

  .w-\[var\(--dynamic-width\)\] {
    width: var(--dynamic-width);
  }

  .w-\[var\(--radix-popover-trigger-width\)\] {
    width: var(--radix-popover-trigger-width);
  }

  .w-\[var\(--radix-select-trigger-width\)\] {
    width: var(--radix-select-trigger-width);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .w-xs {
    width: var(--container-xs);
  }

  .\!max-w-none {
    max-width: none !important;
  }

  .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-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-45 {
    max-width: calc(var(--spacing) * 45);
  }

  .max-w-55 {
    max-width: calc(var(--spacing) * 55);
  }

  .max-w-57\.5 {
    max-width: calc(var(--spacing) * 57.5);
  }

  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }

  .max-w-62\.5 {
    max-width: calc(var(--spacing) * 62.5);
  }

  .max-w-70 {
    max-width: calc(var(--spacing) * 70);
  }

  .max-w-87\.5 {
    max-width: calc(var(--spacing) * 87.5);
  }

  .max-w-100 {
    max-width: calc(var(--spacing) * 100);
  }

  .max-w-120 {
    max-width: calc(var(--spacing) * 120);
  }

  .max-w-135 {
    max-width: calc(var(--spacing) * 135);
  }

  .max-w-137\.5 {
    max-width: calc(var(--spacing) * 137.5);
  }

  .max-w-140 {
    max-width: calc(var(--spacing) * 140);
  }

  .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }

  .max-w-212\.5 {
    max-width: calc(var(--spacing) * 212.5);
  }

  .max-w-215 {
    max-width: calc(var(--spacing) * 215);
  }

  .max-w-225 {
    max-width: calc(var(--spacing) * 225);
  }

  .max-w-274\.5 {
    max-width: calc(var(--spacing) * 274.5);
  }

  .max-w-300 {
    max-width: calc(var(--spacing) * 300);
  }

  .max-w-\[--skeleton-width\] {
    max-width: --skeleton-width;
  }

  .max-w-\[15\.635rem\] {
    max-width: 15.635rem;
  }

  .max-w-\[20vw\] {
    max-width: 20vw;
  }

  .max-w-\[25\.875rem\] {
    max-width: 25.875rem;
  }

  .max-w-\[50\%\] {
    max-width: 50%;
  }

  .max-w-\[65\%\] {
    max-width: 65%;
  }

  .max-w-\[66\%\] {
    max-width: 66%;
  }

  .max-w-\[70\%\] {
    max-width: 70%;
  }

  .max-w-\[73\%\] {
    max-width: 73%;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[90\%\] {
    max-width: 90%;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[130px\] {
    max-width: 130px;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[250px\] {
    max-width: 250px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[385px\] {
    max-width: 385px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[700px\] {
    max-width: 700px;
  }

  .max-w-\[775px\] {
    max-width: 775px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .max-w-\[900px\] {
    max-width: 900px;
  }

  .max-w-\[1030px\] {
    max-width: 1030px;
  }

  .max-w-\[1098px\] {
    max-width: 1098px;
  }

  .max-w-\[1200px\] {
    max-width: 1200px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-max {
    max-width: max-content;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-4\.5 {
    min-width: calc(var(--spacing) * 4.5);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-5\.5 {
    min-width: calc(var(--spacing) * 5.5);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-9\.5 {
    min-width: calc(var(--spacing) * 9.5);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }

  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }

  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }

  .min-w-17\.5 {
    min-width: calc(var(--spacing) * 17.5);
  }

  .min-w-19 {
    min-width: calc(var(--spacing) * 19);
  }

  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-25 {
    min-width: calc(var(--spacing) * 25);
  }

  .min-w-26 {
    min-width: calc(var(--spacing) * 26);
  }

  .min-w-26\.5 {
    min-width: calc(var(--spacing) * 26.5);
  }

  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }

  .min-w-30 {
    min-width: calc(var(--spacing) * 30);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-32\.5 {
    min-width: calc(var(--spacing) * 32.5);
  }

  .min-w-35 {
    min-width: calc(var(--spacing) * 35);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-37\.5 {
    min-width: calc(var(--spacing) * 37.5);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-42\.5 {
    min-width: calc(var(--spacing) * 42.5);
  }

  .min-w-43\.5 {
    min-width: calc(var(--spacing) * 43.5);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-50 {
    min-width: calc(var(--spacing) * 50);
  }

  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }

  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }

  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }

  .min-w-68 {
    min-width: calc(var(--spacing) * 68);
  }

  .min-w-70 {
    min-width: calc(var(--spacing) * 70);
  }

  .min-w-75 {
    min-width: calc(var(--spacing) * 75);
  }

  .min-w-87\.5 {
    min-width: calc(var(--spacing) * 87.5);
  }

  .min-w-225 {
    min-width: calc(var(--spacing) * 225);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .min-w-\[29\%\] {
    min-width: 29%;
  }

  .min-w-\[32px\] {
    min-width: 32px;
  }

  .min-w-\[60px\] {
    min-width: 60px;
  }

  .min-w-\[75px\] {
    min-width: 75px;
  }

  .min-w-\[90px\] {
    min-width: 90px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[130px\] {
    min-width: 130px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[250px\] {
    min-width: 250px;
  }

  .min-w-\[260px\] {
    min-width: 260px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-\[350px\] {
    min-width: 350px;
  }

  .min-w-\[500px\] {
    min-width: 500px;
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-2 {
    flex: 2;
  }

  .flex-5 {
    flex: 5;
  }

  .flex-7 {
    flex: 7;
  }

  .flex-20 {
    flex: 20;
  }

  .flex-80 {
    flex: 80;
  }

  .flex-none {
    flex: none;
  }

  .flex-none\! {
    flex: none !important;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .flex-shrink-1, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow {
    flex-grow: 1;
  }

  .flex-grow-0 {
    flex-grow: 0;
  }

  .flex-grow-1, .grow {
    flex-grow: 1;
  }

  .basis-1\/2 {
    flex-basis: 50%;
  }

  .basis-2\/3 {
    flex-basis: 66.6667%;
  }

  .basis-\[20\%\] {
    flex-basis: 20%;
  }

  .basis-\[22\%\] {
    flex-basis: 22%;
  }

  .basis-\[30\%\] {
    flex-basis: 30%;
  }

  .basis-\[55\%\] {
    flex-basis: 55%;
  }

  .basis-\[70\%\] {
    flex-basis: 70%;
  }

  .basis-\[85\%\] {
    flex-basis: 85%;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .origin-\[--radix-dropdown-menu-content-transform-origin\] {
    transform-origin: --radix-dropdown-menu-content-transform-origin;
  }

  .origin-\[--radix-popover-content-transform-origin\] {
    transform-origin: --radix-popover-content-transform-origin;
  }

  .origin-\[--radix-select-content-transform-origin\] {
    transform-origin: --radix-select-content-transform-origin;
  }

  .origin-\[--radix-tooltip-content-transform-origin\] {
    transform-origin: --radix-tooltip-content-transform-origin;
  }

  .\!-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .\!translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\!-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .\!translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-ns-resize {
    cursor: ns-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-pointer\! {
    cursor: pointer !important;
  }

  .cursor-wait {
    cursor: wait;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .list-outside {
    list-style-position: outside;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .\[appearance\:textfield\] {
    appearance: textfield;
  }

  .appearance-none {
    appearance: none;
  }

  .columns-1 {
    columns: 1;
  }

  .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));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }

  .grid-cols-\[4rem_1\.5rem_1fr\] {
    grid-template-columns: 4rem 1.5rem 1fr;
  }

  .grid-cols-\[24px_1fr\] {
    grid-template-columns: 24px 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col\! {
    flex-direction: column !important;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .place-content-center {
    place-content: center;
  }

  .content-end {
    align-content: flex-end;
  }

  .content-stretch {
    align-content: stretch;
  }

  .\!items-center {
    align-items: center !important;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-start\! {
    align-items: flex-start !important;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .\!gap-0 {
    gap: calc(var(--spacing) * 0) !important;
  }

  .\!gap-3 {
    gap: calc(var(--spacing) * 3) !important;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-3\.75 {
    gap: calc(var(--spacing) * 3.75);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-\[0\.4rem\] {
    gap: .4rem;
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[11\.82px\] {
    gap: 11.82px;
  }

  .gap-\[18\.5px\] {
    gap: 18.5px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :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(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * 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-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * 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)));
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :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-\[\#eaecf0\] > :not(:last-child)) {
    border-color: #eaecf0;
  }

  :where(.divide-border > :not(:last-child)) {
    border-color: hsl(var(--border));
  }

  :where(.divide-gray-100 > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }

  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }

  .self-center {
    align-self: center;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\!overflow-hidden {
    overflow: hidden !important;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-hidden\! {
    overflow: hidden !important;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-x-scroll {
    overflow-x: scroll;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .\!rounded-none {
    border-radius: 0 !important;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\(--customwhite-border-radius\) {
    border-radius: var(--customwhite-border-radius);
  }

  .rounded-\(--normalbutton-border-radius\) {
    border-radius: var(--normalbutton-border-radius);
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[0\.313rem\] {
    border-radius: .313rem;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[5\%\] {
    border-radius: 5%;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[9\.45px\] {
    border-radius: 9.45px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[10px\]\! {
    border-radius: 10px !important;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[15\%\] {
    border-radius: 15%;
  }

  .rounded-\[15px\] {
    border-radius: 15px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[36px\] {
    border-radius: 36px;
  }

  .rounded-\[38px\] {
    border-radius: 38px;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .rounded-t-\[13px\] {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }

  .rounded-t-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-top-right-radius: calc(var(--radius) - 2px);
  }

  .rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-tl-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
  }

  .rounded-r-md {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-b-\[7px\] {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
  }

  .rounded-b-\[10px\] {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-5 {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }

  .border-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }

  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: .5px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-\[2\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 2.5px;
  }

  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-\[4px\] {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .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-t-40 {
    border-top-style: var(--tw-border-style);
    border-top-width: 40px;
  }

  .border-t-\[5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-r-50 {
    border-right-style: var(--tw-border-style);
    border-right-width: 50px;
  }

  .border-r-\[5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 5px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-40 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 40px;
  }

  .border-b-\[5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .border-l-\[5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 5px;
  }

  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\[border-top-style\:outset\] {
    border-top-style: outset;
  }

  .border-\(--custom-border\) {
    border-color: var(--custom-border);
  }

  .border-\(--theme-color\) {
    border-color: var(--theme-color);
  }

  .border-\[\#0D1B2A\] {
    border-color: #0d1b2a;
  }

  .border-\[\#93c5fd\] {
    border-color: #93c5fd;
  }

  .border-\[\#105EFB\], .border-\[\#105efb\] {
    border-color: #105efb;
  }

  .border-\[\#2563eb\] {
    border-color: #2563eb;
  }

  .border-\[\#2676ea\] {
    border-color: #2676ea;
  }

  .border-\[\#ABEFC6\] {
    border-color: #abefc6;
  }

  .border-\[\#BBF7D0\] {
    border-color: #bbf7d0;
  }

  .border-\[\#D0D5DD\] {
    border-color: #d0d5dd;
  }

  .border-\[\#E4E7EC\] {
    border-color: #e4e7ec;
  }

  .border-\[\#E5E7EB\] {
    border-color: #e5e7eb;
  }

  .border-\[\#EAECF0\] {
    border-color: #eaecf0;
  }

  .border-\[\#F7F8F9\] {
    border-color: #f7f8f9;
  }

  .border-\[\#FECACA\] {
    border-color: #fecaca;
  }

  .border-\[\#FFD9A8\] {
    border-color: #ffd9a8;
  }

  .border-\[\#abefc6\] {
    border-color: #abefc6;
  }

  .border-\[\#b9d0ff\] {
    border-color: #b9d0ff;
  }

  .border-\[\#bbb\] {
    border-color: #bbb;
  }

  .border-\[\#bbc5d1\] {
    border-color: #bbc5d1;
  }

  .border-\[\#bbf7d0\] {
    border-color: #bbf7d0;
  }

  .border-\[\#c3e6cb\] {
    border-color: #c3e6cb;
  }

  .border-\[\#c7d7fe\] {
    border-color: #c7d7fe;
  }

  .border-\[\#ced4da\] {
    border-color: #ced4da;
  }

  .border-\[\#d0d0d0\] {
    border-color: #d0d0d0;
  }

  .border-\[\#d0d5dd\] {
    border-color: #d0d5dd;
  }

  .border-\[\#d1d5db\] {
    border-color: #d1d5db;
  }

  .border-\[\#d3d3d3\] {
    border-color: #d3d3d3;
  }

  .border-\[\#d3d3d359\] {
    border-color: #d3d3d359;
  }

  .border-\[\#dbdce0\] {
    border-color: #dbdce0;
  }

  .border-\[\#dee2e6\] {
    border-color: #dee2e6;
  }

  .border-\[\#e2e8f0\] {
    border-color: #e2e8f0;
  }

  .border-\[\#e4e7ec\] {
    border-color: #e4e7ec;
  }

  .border-\[\#e5e7eb\] {
    border-color: #e5e7eb;
  }

  .border-\[\#e6edf3\] {
    border-color: #e6edf3;
  }

  .border-\[\#e8e8e8\] {
    border-color: #e8e8e8;
  }

  .border-\[\#e9edf2\] {
    border-color: #e9edf2;
  }

  .border-\[\#ea5858\] {
    border-color: #ea5858;
  }

  .border-\[\#eaecf0\] {
    border-color: #eaecf0;
  }

  .border-\[\#eb7302\] {
    border-color: #eb7302;
  }

  .border-\[\#eeeeee\] {
    border-color: #eee;
  }

  .border-\[\#f0f0f0\] {
    border-color: #f0f0f0;
  }

  .border-\[\#f2f4f7\] {
    border-color: #f2f4f7;
  }

  .border-\[\#f5c6cb\] {
    border-color: #f5c6cb;
  }

  .border-\[\#f6f6f6\] {
    border-color: #f6f6f6;
  }

  .border-\[\#f9f9f9\] {
    border-color: #f9f9f9;
  }

  .border-\[\#fde68a\] {
    border-color: #fde68a;
  }

  .border-\[\#fecdca\] {
    border-color: #fecdca;
  }

  .border-\[\#ffc107\] {
    border-color: #ffc107;
  }

  .border-\[--border\] {
    border-color: --border;
  }

  .border-\[rgba\(79\,70\,229\,0\.2\)\] {
    border-color: #4f46e533;
  }

  .border-\[rgba\(255\,255\,255\,0\.1\)\] {
    border-color: #ffffff1a;
  }

  .border-\[rgba\(255\,255\,255\,0\.07\)\] {
    border-color: #ffffff12;
  }

  .border-\[var\(--border\)\] {
    border-color: var(--border);
  }

  .border-\[var\(--color-line-default\)\] {
    border-color: var(--color-line-default);
  }

  .border-\[var\(--theme-color\)\] {
    border-color: var(--theme-color);
  }

  .border-action-secondary-border {
    border-color: var(--color-action-secondary-border);
  }

  .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-background {
    border-color: hsl(var(--background));
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-black\/20 {
    border-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/20 {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .border-black\/\[0\.06\] {
    border-color: #0000000f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/\[0\.06\] {
      border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }

  .border-black\/\[0\.08\] {
    border-color: #00000014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/\[0\.08\] {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-300 {
    border-color: var(--color-blue-300);
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-blue-400\! {
    border-color: var(--color-blue-400) !important;
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-blue-500\/25 {
    border-color: #3080ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/25 {
      border-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
    }
  }

  .border-blue-600 {
    border-color: var(--color-blue-600);
  }

  .border-border, .border-border\/40 {
    border-color: hsl(var(--border));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/40 {
      border-color: color-mix(in oklab, hsl(var(--border)) 40%, transparent);
    }
  }

  .border-border\/60 {
    border-color: hsl(var(--border));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, hsl(var(--border)) 60%, transparent);
    }
  }

  .border-current {
    border-color: currentColor;
  }

  .border-destructive, .border-destructive\/50 {
    border-color: hsl(var(--destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/50 {
      border-color: color-mix(in oklab, hsl(var(--destructive)) 50%, transparent);
    }
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-foreground {
    border-color: hsl(var(--foreground));
  }

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-200\/20 {
    border-color: #e5e7eb33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-gray-200\/20 {
      border-color: color-mix(in oklab, var(--color-gray-200) 20%, transparent);
    }
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-300\! {
    border-color: var(--color-gray-300) !important;
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-green-300 {
    border-color: var(--color-green-300);
  }

  .border-green-400 {
    border-color: var(--color-green-400);
  }

  .border-green-500 {
    border-color: var(--color-green-500);
  }

  .border-indigo-600 {
    border-color: var(--color-indigo-600);
  }

  .border-info {
    border-color: var(--info);
  }

  .border-ink-tertiary {
    border-color: var(--color-ink-tertiary);
  }

  .border-input {
    border-color: hsl(var(--input));
  }

  .border-line-default {
    border-color: var(--color-line-default);
  }

  .border-line-strong {
    border-color: var(--color-line-strong);
  }

  .border-line-theme {
    border-color: var(--color-line-theme);
  }

  .border-muted {
    border-color: hsl(var(--muted));
  }

  .border-muted-foreground {
    border-color: hsl(var(--muted-foreground));
  }

  .border-orange-200 {
    border-color: var(--color-orange-200);
  }

  .border-pink-200 {
    border-color: var(--color-pink-200);
  }

  .border-primary {
    border-color: hsl(var(--primary));
  }

  .border-purple-400 {
    border-color: var(--color-purple-400);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-red-500\! {
    border-color: var(--color-red-500) !important;
  }

  .border-secondary {
    border-color: hsl(var(--secondary));
  }

  .border-sky-200 {
    border-color: var(--color-sky-200);
  }

  .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-slate-400 {
    border-color: var(--color-slate-400);
  }

  .border-success {
    border-color: var(--success);
  }

  .border-theme {
    border-color: var(--theme-color);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-200 {
    border-color: var(--color-violet-200);
  }

  .border-warning {
    border-color: var(--warning);
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/40 {
    border-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .border-yellow-300 {
    border-color: var(--color-yellow-300);
  }

  .border-yellow-500 {
    border-color: var(--color-yellow-500);
  }

  .border-t-\(--theme-color\) {
    border-top-color: var(--theme-color);
  }

  .border-t-\[\#e6edf3\] {
    border-top-color: #e6edf3;
  }

  .border-t-green-600 {
    border-top-color: var(--color-green-600);
  }

  .border-t-ink-secondary {
    border-top-color: var(--color-ink-secondary);
  }

  .border-t-ink-theme {
    border-top-color: var(--color-ink-theme);
  }

  .border-t-primary {
    border-top-color: hsl(var(--primary));
  }

  .border-t-red-500 {
    border-top-color: var(--color-red-500);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-r-line-theme {
    border-right-color: var(--color-line-theme);
  }

  .border-r-transparent {
    border-right-color: #0000;
  }

  .border-r-white {
    border-right-color: var(--color-white);
  }

  .\[border-bottom-color\:var\(--theme-color\)\] {
    border-bottom-color: var(--theme-color);
  }

  .border-b-green-500 {
    border-bottom-color: var(--color-green-500);
  }

  .border-b-transparent {
    border-bottom-color: #0000;
  }

  .border-l-\(--theme-color\) {
    border-left-color: var(--theme-color);
  }

  .border-l-\[\#22c55e\] {
    border-left-color: #22c55e;
  }

  .border-l-\[\#e5e7eb\] {
    border-left-color: #e5e7eb;
  }

  .border-l-\[\#f59e0b\] {
    border-left-color: #f59e0b;
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .\!bg-\[\#f7f8fa\] {
    background-color: #f7f8fa !important;
  }

  .\!bg-black\/30 {
    background-color: #0000004d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important;
    }
  }

  .\!bg-white {
    background-color: var(--color-white) !important;
  }

  .bg-\(--background-fullheight-color\) {
    background-color: var(--background-fullheight-color);
  }

  .bg-\(--color-gray-25\) {
    background-color: var(--color-gray-25);
  }

  .bg-\(--theme-color\) {
    background-color: var(--theme-color);
  }

  .bg-\[\#0b1422\] {
    background-color: #0b1422;
  }

  .bg-\[\#0f55e1\] {
    background-color: #0f55e1;
  }

  .bg-\[\#1c2939\] {
    background-color: #1c2939;
  }

  .bg-\[\#1f2937\] {
    background-color: #1f2937;
  }

  .bg-\[\#4fc866\] {
    background-color: #4fc866;
  }

  .bg-\[\#12B76A\] {
    background-color: #12b76a;
  }

  .bg-\[\#22B576\] {
    background-color: #22b576;
  }

  .bg-\[\#105EFB\], .bg-\[\#105efb\] {
    background-color: #105efb;
  }

  .bg-\[\#165DFF\] {
    background-color: #165dff;
  }

  .bg-\[\#555\] {
    background-color: #555;
  }

  .bg-\[\#1570EF\] {
    background-color: #1570ef;
  }

  .bg-\[\#2563eb\] {
    background-color: #2563eb;
  }

  .bg-\[\#40546d\] {
    background-color: #40546d;
  }

  .bg-\[\#787777\] {
    background-color: #787777;
  }

  .bg-\[\#71757961\] {
    background-color: #71757961;
  }

  .bg-\[\#B2DDFF\] {
    background-color: #b2ddff;
  }

  .bg-\[\#D0D5DD\] {
    background-color: #d0d5dd;
  }

  .bg-\[\#DCFCE7\] {
    background-color: #dcfce7;
  }

  .bg-\[\#DEE2E9\] {
    background-color: #dee2e9;
  }

  .bg-\[\#E4E7EC\] {
    background-color: #e4e7ec;
  }

  .bg-\[\#EAECF0\] {
    background-color: #eaecf0;
  }

  .bg-\[\#ECF2FF\] {
    background-color: #ecf2ff;
  }

  .bg-\[\#ECFDF3\] {
    background-color: #ecfdf3;
  }

  .bg-\[\#EFF8FF\] {
    background-color: #eff8ff;
  }

  .bg-\[\#F0FDF4\] {
    background-color: #f0fdf4;
  }

  .bg-\[\#F6AB2E\] {
    background-color: #f6ab2e;
  }

  .bg-\[\#F7F8FA\] {
    background-color: #f7f8fa;
  }

  .bg-\[\#F7F9FB\] {
    background-color: #f7f9fb;
  }

  .bg-\[\#F8F9FA\] {
    background-color: #f8f9fa;
  }

  .bg-\[\#F9FAFB\] {
    background-color: #f9fafb;
  }

  .bg-\[\#F9FAFC\] {
    background-color: #f9fafc;
  }

  .bg-\[\#FCFCFD\] {
    background-color: #fcfcfd;
  }

  .bg-\[\#FEE2E1\] {
    background-color: #fee2e1;
  }

  .bg-\[\#FEF2F2\] {
    background-color: #fef2f2;
  }

  .bg-\[\#FEF3F2\] {
    background-color: #fef3f2;
  }

  .bg-\[\#FEF9C3\] {
    background-color: #fef9c3;
  }

  .bg-\[\#FF6868\] {
    background-color: #ff6868;
  }

  .bg-\[\#FFFFFFE6\] {
    background-color: #ffffffe6;
  }

  .bg-\[\#d0d5dd\] {
    background-color: #d0d5dd;
  }

  .bg-\[\#d4edda\] {
    background-color: #d4edda;
  }

  .bg-\[\#dbdfe4\] {
    background-color: #dbdfe4;
  }

  .bg-\[\#e4e7ec\] {
    background-color: #e4e7ec;
  }

  .bg-\[\#e5e7eb\] {
    background-color: #e5e7eb;
  }

  .bg-\[\#e7f0ff\] {
    background-color: #e7f0ff;
  }

  .bg-\[\#e9ebf0\] {
    background-color: #e9ebf0;
  }

  .bg-\[\#eaecf0\] {
    background-color: #eaecf0;
  }

  .bg-\[\#eb7302\] {
    background-color: #eb7302;
  }

  .bg-\[\#ebecf0\] {
    background-color: #ebecf0;
  }

  .bg-\[\#ecf2ff\] {
    background-color: #ecf2ff;
  }

  .bg-\[\#ecfdf3\] {
    background-color: #ecfdf3;
  }

  .bg-\[\#eeebf9\] {
    background-color: #eeebf9;
  }

  .bg-\[\#eeeeee\] {
    background-color: #eee;
  }

  .bg-\[\#efefef\] {
    background-color: #efefef;
  }

  .bg-\[\#eff1f8\] {
    background-color: #eff1f8;
  }

  .bg-\[\#eff6ff\] {
    background-color: #eff6ff;
  }

  .bg-\[\#f0f0f0\] {
    background-color: #f0f0f0;
  }

  .bg-\[\#f0f2f8\] {
    background-color: #f0f2f8;
  }

  .bg-\[\#f0f9ff\] {
    background-color: #f0f9ff;
  }

  .bg-\[\#f0fdf4\] {
    background-color: #f0fdf4;
  }

  .bg-\[\#f2f4f7\] {
    background-color: #f2f4f7;
  }

  .bg-\[\#f2fdf5\] {
    background-color: #f2fdf5;
  }

  .bg-\[\#f3f4f6\] {
    background-color: #f3f4f6;
  }

  .bg-\[\#f5e90a\] {
    background-color: #f5e90a;
  }

  .bg-\[\#f5fdff\] {
    background-color: #f5fdff;
  }

  .bg-\[\#f7f8fa\] {
    background-color: #f7f8fa;
  }

  .bg-\[\#f8f9fa\] {
    background-color: #f8f9fa;
  }

  .bg-\[\#f8f9fc\] {
    background-color: #f8f9fc;
  }

  .bg-\[\#f9fafb\] {
    background-color: #f9fafb;
  }

  .bg-\[\#f9fafc\] {
    background-color: #f9fafc;
  }

  .bg-\[\#f97316\] {
    background-color: #f97316;
  }

  .bg-\[\#fafafa\] {
    background-color: #fafafa;
  }

  .bg-\[\#fcfcfd\] {
    background-color: #fcfcfd;
  }

  .bg-\[\#fef3f2\] {
    background-color: #fef3f2;
  }

  .bg-\[\#fff3cd\] {
    background-color: #fff3cd;
  }

  .bg-\[\#fffbeb\] {
    background-color: #fffbeb;
  }

  .bg-\[color\:var\(--disabled-button-color\)\] {
    background-color: var(--disabled-button-color);
  }

  .bg-\[rgba\(0\,0\,0\,0\.32\)\] {
    background-color: #00000052;
  }

  .bg-\[rgba\(16\,94\,251\,0\.1\)\] {
    background-color: #105efb1a;
  }

  .bg-\[rgba\(79\,70\,229\,0\.1\)\] {
    background-color: #4f46e51a;
  }

  .bg-\[rgba\(231\,235\,239\,0\.99\)\] {
    background-color: #e7ebeffc;
  }

  .bg-\[var\(--dynamic-color\)\] {
    background-color: var(--dynamic-color);
  }

  .bg-\[var\(--theme-color\)\] {
    background-color: var(--theme-color);
  }

  .bg-accent {
    background-color: hsl(var(--accent));
  }

  .bg-action-secondary-bg {
    background-color: var(--color-action-secondary-bg);
  }

  .bg-action-theme {
    background-color: var(--color-action-theme);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-50\/30 {
    background-color: #fffbeb4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/30 {
      background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
    }
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-background {
    background-color: hsl(var(--background));
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/20 {
    background-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/45 {
    background-color: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/45 {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }

  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }

  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }

  .bg-border, .bg-border\/60 {
    background-color: hsl(var(--border));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/60 {
      background-color: color-mix(in oklab, hsl(var(--border)) 60%, transparent);
    }
  }

  .bg-card {
    background-color: hsl(var(--card));
  }

  .bg-destructive, .bg-destructive\/10 {
    background-color: hsl(var(--destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
    }
  }

  .bg-destructive\/20 {
    background-color: hsl(var(--destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/20 {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-foreground {
    background-color: hsl(var(--foreground));
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-200\! {
    background-color: var(--color-gray-200) !important;
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }

  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }

  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-200 {
    background-color: var(--color-green-200);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-green-500\/10 {
    background-color: #00c7581a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/10 {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }

  .bg-green-500\/90 {
    background-color: #00c758e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/90 {
      background-color: color-mix(in oklab, var(--color-green-500) 90%, transparent);
    }
  }

  .bg-green-600 {
    background-color: var(--color-green-600);
  }

  .bg-green-700 {
    background-color: var(--color-green-700);
  }

  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }

  .bg-indigo-50\/60 {
    background-color: #eef2ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-50\/60 {
      background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);
    }
  }

  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }

  .bg-info, .bg-info\/10 {
    background-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/10 {
      background-color: color-mix(in oklab, var(--info) 10%, transparent);
    }
  }

  .bg-ink-red {
    background-color: var(--color-ink-red);
  }

  .bg-ink-secondary {
    background-color: var(--color-ink-secondary);
  }

  .bg-ink-theme {
    background-color: var(--color-ink-theme);
  }

  .bg-input {
    background-color: hsl(var(--input));
  }

  .bg-invert, .bg-invert\/10 {
    background-color: var(--invert);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-invert\/10 {
      background-color: color-mix(in oklab, var(--invert) 10%, transparent);
    }
  }

  .bg-line-default {
    background-color: var(--color-line-default);
  }

  .bg-muted, .bg-muted\/5 {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/5 {
      background-color: color-mix(in oklab, hsl(var(--muted)) 5%, transparent);
    }
  }

  .bg-muted\/20 {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, hsl(var(--muted)) 20%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
    }
  }

  .bg-muted\/60 {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, hsl(var(--muted)) 60%, transparent);
    }
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }

  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }

  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }

  .bg-popover {
    background-color: hsl(var(--popover));
  }

  .bg-primary, .bg-primary\/5 {
    background-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
    }
  }

  .bg-primary\/40 {
    background-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/40 {
      background-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
    }
  }

  .bg-primary\/50 {
    background-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/50 {
      background-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
    }
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-200 {
    background-color: var(--color-red-200);
  }

  .bg-red-300 {
    background-color: var(--color-red-300);
  }

  .bg-red-400 {
    background-color: var(--color-red-400);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-700 {
    background-color: var(--color-red-700);
  }

  .bg-secondary {
    background-color: hsl(var(--secondary));
  }

  .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-600 {
    background-color: var(--color-slate-600);
  }

  .bg-slate-700 {
    background-color: var(--color-slate-700);
  }

  .bg-success, .bg-success\/10 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/10 {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .bg-surface-card {
    background-color: var(--color-surface-card);
  }

  .bg-surface-hover {
    background-color: var(--color-surface-hover);
  }

  .bg-surface-page {
    background-color: var(--color-surface-page);
  }

  .bg-surface-theme, .bg-surface-theme\/10 {
    background-color: var(--color-surface-theme);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-theme\/10 {
      background-color: color-mix(in oklab, var(--color-surface-theme) 10%, transparent);
    }
  }

  .bg-theme {
    background-color: var(--theme-color);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }

  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }

  .bg-warning, .bg-warning\/10 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\! {
    background-color: var(--color-white) !important;
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/40 {
    background-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/40 {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .bg-white\/85 {
    background-color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/85 {
      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }

  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }

  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }

  .bg-yellow-700 {
    background-color: var(--color-yellow-700);
  }

  .bg-zinc-400 {
    background-color: var(--color-zinc-400);
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }

  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(90deg\,transparent\,rgba\(255\,255\,255\,0\.3\)\,transparent\)\] {
    background-image: linear-gradient(90deg, #0000, #ffffff4d, #0000);
  }

  .bg-\[linear-gradient\(transparent_1px\,transparent_1px\)\,linear-gradient\(\#e2e8f033_1px\,transparent_1px\)\] {
    background-image: linear-gradient(#0000 1px 1px), linear-gradient(#e2e8f033 1px, #0000 1px);
  }

  .bg-\[url\(\'\.\.\/\.\.\/\.\.\/style\/images\/sidebar-menu\/search\.svg\'\)\] {
    background-image: url("../../../style/images/sidebar-menu/search.svg");
  }

  .from-\[\#FFF4E6\] {
    --tw-gradient-from: #fff4e6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#fcfcfd\] {
    --tw-gradient-from: #fcfcfd;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-amber-100 {
    --tw-gradient-from: var(--color-amber-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-gray-100 {
    --tw-gradient-from: var(--color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-gray-200 {
    --tw-gradient-from: var(--color-gray-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-green-50 {
    --tw-gradient-from: var(--color-green-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-green-100 {
    --tw-gradient-from: var(--color-green-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#FFE8CC\] {
    --tw-gradient-to: #ffe8cc;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#f0f1f4\] {
    --tw-gradient-to: #f0f1f4;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-500 {
    --tw-gradient-to: var(--color-indigo-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-slate-50 {
    --tw-gradient-to: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-slate-100 {
    --tw-gradient-to: var(--color-slate-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-yellow-200 {
    --tw-gradient-to: var(--color-yellow-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-size-\[100\%_16px\,100\%_16px\] {
    background-size: 100% 16px, 100% 16px;
  }

  .bg-\[position\:8px_center\] {
    background-position: 8px;
  }

  .bg-center {
    background-position: center;
  }

  .bg-position-\[0_0\,0_16px\] {
    background-position: 0 0, 0 16px;
  }

  .\[background-repeat\:no-repeat\,repeat\] {
    background-repeat: no-repeat, repeat;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-ink-theme {
    fill: var(--color-ink-theme);
  }

  .fill-orange-400 {
    fill: var(--color-orange-400);
  }

  .fill-yellow-400 {
    fill: var(--color-yellow-400);
  }

  .stroke-ink-theme {
    stroke: var(--color-ink-theme);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-fill {
    object-fit: fill;
  }

  .object-scale-down {
    object-fit: scale-down;
  }

  .object-top {
    object-position: top;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-0\.75 {
    padding: calc(var(--spacing) * .75);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-1\.25 {
    padding: calc(var(--spacing) * 1.25);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\! {
    padding: calc(var(--spacing) * 2) !important;
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-4\.5 {
    padding: calc(var(--spacing) * 4.5);
  }

  .p-4\.25 {
    padding: calc(var(--spacing) * 4.25);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7\.5 {
    padding: calc(var(--spacing) * 7.5);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-15 {
    padding: calc(var(--spacing) * 15);
  }

  .p-20 {
    padding: calc(var(--spacing) * 20);
  }

  .p-\[1px\] {
    padding: 1px;
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[8px_12px\] {
    padding: 8px 12px;
  }

  .p-\[9\.45px\] {
    padding: 9.45px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[10px_12px\] {
    padding: 10px 12px;
  }

  .p-\[12px_20px\] {
    padding: 12px 20px;
  }

  .p-\[14px\] {
    padding: 14px;
  }

  .p-\[14px_12px\] {
    padding: 14px 12px;
  }

  .p-\[15px\] {
    padding: 15px;
  }

  .p-\[18px\] {
    padding: 18px;
  }

  .p-\[30px\] {
    padding: 30px;
  }

  .p-\[48px_20px\] {
    padding: 48px 20px;
  }

  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25);
  }

  .px-1\.75 {
    padding-inline: calc(var(--spacing) * 1.75);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-3\.25 {
    padding-inline: calc(var(--spacing) * 3.25);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-5\! {
    padding-inline: calc(var(--spacing) * 5) !important;
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-15 {
    padding-inline: calc(var(--spacing) * 15);
  }

  .px-\[5\%\] {
    padding-inline: 5%;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[8px\] {
    padding-inline: 8px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[15\%\] {
    padding-inline: 15%;
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .px-\[25px\] {
    padding-inline: 25px;
  }

  .px-\[52px\] {
    padding-inline: 52px;
  }

  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  .\!py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-0\.25 {
    padding-block: calc(var(--spacing) * .25);
  }

  .py-0\.75 {
    padding-block: calc(var(--spacing) * .75);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-1\.5\! {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }

  .py-1\.25 {
    padding-block: calc(var(--spacing) * 1.25);
  }

  .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-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-4\.5 {
    padding-block: calc(var(--spacing) * 4.5);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7\.5 {
    padding-block: calc(var(--spacing) * 7.5);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[9px\] {
    padding-block: 9px;
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[11px\] {
    padding-block: 11px;
  }

  .py-\[12px\] {
    padding-block: 12px;
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-0\.75 {
    padding-top: calc(var(--spacing) * .75);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-1\.25 {
    padding-top: calc(var(--spacing) * 1.25);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7\.25 {
    padding-top: calc(var(--spacing) * 7.25);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12\.5 {
    padding-top: calc(var(--spacing) * 12.5);
  }

  .pt-15 {
    padding-top: calc(var(--spacing) * 15);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-\[2\%\] {
    padding-top: 2%;
  }

  .pt-\[3px\] {
    padding-top: 3px;
  }

  .pt-\[25px\] {
    padding-top: 25px;
  }

  .pt-px {
    padding-top: 1px;
  }

  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }

  .pr-15 {
    padding-right: calc(var(--spacing) * 15);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }

  .pr-32 {
    padding-right: calc(var(--spacing) * 32);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-12\.5 {
    padding-bottom: calc(var(--spacing) * 12.5);
  }

  .pb-15 {
    padding-bottom: calc(var(--spacing) * 15);
  }

  .pb-17\.5 {
    padding-bottom: calc(var(--spacing) * 17.5);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-\[2px\] {
    padding-bottom: 2px;
  }

  .pb-\[6\.2rem\] {
    padding-bottom: 6.2rem;
  }

  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !important;
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }

  .pl-0\.75 {
    padding-left: calc(var(--spacing) * .75);
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-1\.25 {
    padding-left: calc(var(--spacing) * 1.25);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pl-3\.75 {
    padding-left: calc(var(--spacing) * 3.75);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-4\.5 {
    padding-left: calc(var(--spacing) * 4.5);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }

  .pl-13 {
    padding-left: calc(var(--spacing) * 13);
  }

  .pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }

  .pl-30 {
    padding-left: calc(var(--spacing) * 30);
  }

  .pl-\[5px\] {
    padding-left: 5px;
  }

  .pl-\[10\%\] {
    padding-left: 10%;
  }

  .pl-\[18px\] {
    padding-left: 18px;
  }

  .pl-\[25px\] {
    padding-left: 25px;
  }

  .pl-\[30px\] {
    padding-left: 30px;
  }

  .pl-\[61px\] {
    padding-left: 61px;
  }

  .pl-\[90px\] {
    padding-left: 90px;
  }

  .text-center {
    text-align: center;
  }

  .text-end {
    text-align: end;
  }

  .text-justify {
    text-align: justify;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  .align-text-top {
    vertical-align: text-top;
  }

  .align-top {
    vertical-align: top;
  }

  .\[font-family\:var\(--text1-font-family\)\] {
    font-family: var(--text1-font-family);
  }

  .font-\[\'Inter\'\,sans-serif\] {
    font-family: Inter, sans-serif;
  }

  .font-\[Inter\] {
    font-family: Inter;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .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-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--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));
  }

  .\[font-size\:var\(--text1-font-size\)\] {
    font-size: var(--text1-font-size);
  }

  .text-\[0\.6rem\] {
    font-size: .6rem;
  }

  .text-\[0\.625rem\] {
    font-size: .625rem;
  }

  .text-\[0\.875em\] {
    font-size: .875em;
  }

  .text-\[1\.1rem\] {
    font-size: 1.1rem;
  }

  .text-\[1\.125rem\] {
    font-size: 1.125rem;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[13px\]\! {
    font-size: 13px !important;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20pt\] {
    font-size: 20pt;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[25px\] {
    font-size: 25px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[34px\] {
    font-size: 34px;
  }

  .text-\[50px\] {
    font-size: 50px;
  }

  .text-\[120px\] {
    font-size: 120px;
  }

  .text-\[clamp\(12px\,1\.5vw\,14px\)\] {
    font-size: clamp(12px, 1.5vw, 14px);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-4\.5 {
    --tw-leading: calc(var(--spacing) * 4.5);
    line-height: calc(var(--spacing) * 4.5);
  }

  .leading-4\.25 {
    --tw-leading: calc(var(--spacing) * 4.25);
    line-height: calc(var(--spacing) * 4.25);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-5\.25 {
    --tw-leading: calc(var(--spacing) * 5.25);
    line-height: calc(var(--spacing) * 5.25);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[1\.375\] {
    --tw-leading: 1.375;
    line-height: 1.375;
  }

  .leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px;
  }

  .leading-\[50px\] {
    --tw-leading: 50px;
    line-height: 50px;
  }

  .leading-\[144\%\] {
    --tw-leading: 144%;
    line-height: 144%;
  }

  .leading-\[clamp\(16px\,2vw\,20px\)\] {
    --tw-leading: clamp(16px, 2vw, 20px);
    line-height: clamp(16px, 2vw, 20px);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .font-\(--text1-font-weight\) {
    --tw-font-weight: var(--text1-font-weight);
    font-weight: var(--text1-font-weight);
  }

  .font-\[650\] {
    --tw-font-weight: 650;
    font-weight: 650;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .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);
  }

  .font-semibold\! {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[\.05rem\] {
    --tw-tracking: .05rem;
    letter-spacing: .05rem;
  }

  .tracking-\[0\.01em\] {
    --tw-tracking: .01em;
    letter-spacing: .01em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.1px\] {
    --tw-tracking: .1px;
    letter-spacing: .1px;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.05em\] {
    --tw-tracking: .05em;
    letter-spacing: .05em;
  }

  .tracking-\[0\.5px\] {
    --tw-tracking: .5px;
    letter-spacing: .5px;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .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);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .break-words, .wrap-break-word {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\(--color-gray-500\) {
    color: var(--color-gray-500);
  }

  .text-\(--color-gray-600\) {
    color: var(--color-gray-600);
  }

  .text-\(--color-gray-900\) {
    color: var(--color-gray-900);
  }

  .text-\(--color-ink-secondary\) {
    color: var(--color-ink-secondary);
  }

  .text-\(--color-ink-theme\) {
    color: var(--color-ink-theme);
  }

  .text-\(--color-red\) {
    color: var(--color-red);
  }

  .text-\(--ink-primary\) {
    color: var(--ink-primary);
  }

  .text-\(--ink-secondary\) {
    color: var(--ink-secondary);
  }

  .text-\(--primary-text-color\) {
    color: var(--primary-text-color);
  }

  .text-\(--secondary-text-color\) {
    color: var(--secondary-text-color);
  }

  .text-\(--theme-color\) {
    color: var(--theme-color);
  }

  .text-\(--theme-color\)\! {
    color: var(--theme-color) !important;
  }

  .text-\[\#0D1B2A\] {
    color: #0d1b2a;
  }

  .text-\[\#1a1a1a\] {
    color: #1a1a1a;
  }

  .text-\[\#1d4ed8\] {
    color: #1d4ed8;
  }

  .text-\[\#1e293b\] {
    color: #1e293b;
  }

  .text-\[\#3b82f6\] {
    color: #3b82f6;
  }

  .text-\[\#3f4458\] {
    color: #3f4458;
  }

  .text-\[\#4B5166\] {
    color: #4b5166;
  }

  .text-\[\#4b5168\] {
    color: #4b5168;
  }

  .text-\[\#4b5563\] {
    color: #4b5563;
  }

  .text-\[\#4da1ff\] {
    color: #4da1ff;
  }

  .text-\[\#6b7280\] {
    color: #6b7280;
  }

  .text-\[\#6c757d\] {
    color: #6c757d;
  }

  .text-\[\#6d6d6d\] {
    color: #6d6d6d;
  }

  .text-\[\#9CA3AF\] {
    color: #9ca3af;
  }

  .text-\[\#9aa0b0\] {
    color: #9aa0b0;
  }

  .text-\[\#9ca3af\] {
    color: #9ca3af;
  }

  .text-\[\#22b576\] {
    color: #22b576;
  }

  .text-\[\#28a745\] {
    color: #28a745;
  }

  .text-\[\#0056b3\] {
    color: #0056b3;
  }

  .text-\[\#94a3b8\] {
    color: #94a3b8;
  }

  .text-\[\#98A2B3\], .text-\[\#98a2b3\] {
    color: #98a2b3;
  }

  .text-\[\#98a4af\] {
    color: #98a4af;
  }

  .text-\[\#105efb\] {
    color: #105efb;
  }

  .text-\[\#111\] {
    color: #111;
  }

  .text-\[\#333\] {
    color: #333;
  }

  .text-\[\#555\] {
    color: #555;
  }

  .text-\[\#664D03\] {
    color: #664d03;
  }

  .text-\[\#666\] {
    color: #666;
  }

  .text-\[\#777\] {
    color: #777;
  }

  .text-\[\#854D0F\] {
    color: #854d0f;
  }

  .text-\[\#888\] {
    color: #888;
  }

  .text-\[\#991B1B\] {
    color: #991b1b;
  }

  .text-\[\#2563eb\] {
    color: #2563eb;
  }

  .text-\[\#2676ea\] {
    color: #2676ea;
  }

  .text-\[\#18203a\] {
    color: #18203a;
  }

  .text-\[\#64748b\] {
    color: #64748b;
  }

  .text-\[\#64758B\] {
    color: #64758b;
  }

  .text-\[\#067647\] {
    color: #067647;
  }

  .text-\[\#72788c\] {
    color: #72788c;
  }

  .text-\[\#079455\] {
    color: #079455;
  }

  .text-\[\#84878e\] {
    color: #84878e;
  }

  .text-\[\#86909c\] {
    color: #86909c;
  }

  .text-\[\#92400e\] {
    color: #92400e;
  }

  .text-\[\#101828\] {
    color: #101828;
  }

  .text-\[\#111827\] {
    color: #111827;
  }

  .text-\[\#166434\] {
    color: #166434;
  }

  .text-\[\#166534\] {
    color: #166534;
  }

  .text-\[\#344054\] {
    color: #344054;
  }

  .text-\[\#374151\] {
    color: #374151;
  }

  .text-\[\#475467\] {
    color: #475467;
  }

  .text-\[\#495066\] {
    color: #495066;
  }

  .text-\[\#515660\] {
    color: #515660;
  }

  .text-\[\#667085\] {
    color: #667085;
  }

  .text-\[\#808394\] {
    color: #808394;
  }

  .text-\[\#DC6803\] {
    color: #dc6803;
  }

  .text-\[\#E34024\] {
    color: #e34024;
  }

  .text-\[\#F2A83C\] {
    color: #f2a83c;
  }

  .text-\[\#a2a3b1\] {
    color: #a2a3b1;
  }

  .text-\[\#a9a2a2\] {
    color: #a9a2a2;
  }

  .text-\[\#b42318\] {
    color: #b42318;
  }

  .text-\[\#bbb\] {
    color: #bbb;
  }

  .text-\[\#d92d20\] {
    color: #d92d20;
  }

  .text-\[\#dc2626\] {
    color: #dc2626;
  }

  .text-\[\#dc3545\] {
    color: #dc3545;
  }

  .text-\[\#dc6803\] {
    color: #dc6803;
  }

  .text-\[\#f47174\] {
    color: #f47174;
  }

  .text-\[rgb\(63\,68\,88\)\] {
    color: #3f4458;
  }

  .text-\[rgb\(168\,183\,200\)\] {
    color: #a8b7c8;
  }

  .text-\[rgba\(255\,255\,255\,0\.2\)\] {
    color: #fff3;
  }

  .text-\[rgba\(255\,255\,255\,0\.5\)\] {
    color: #ffffff80;
  }

  .text-\[var\(--color-gray-500\)\] {
    color: var(--color-gray-500);
  }

  .text-\[var\(--primary\)\] {
    color: var(--primary);
  }

  .text-\[var\(--theme-color\)\] {
    color: var(--theme-color);
  }

  .text-\[var\(--theme-color\)\]\! {
    color: var(--theme-color) !important;
  }

  .text-accent-foreground {
    color: hsl(var(--accent-foreground));
  }

  .text-action-theme {
    color: var(--color-action-theme);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .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-black {
    color: var(--color-black);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .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-border {
    color: hsl(var(--border));
  }

  .text-card-foreground {
    color: hsl(var(--card-foreground));
  }

  .text-current {
    color: currentColor;
  }

  .text-destructive {
    color: hsl(var(--destructive));
  }

  .text-destructive-foreground {
    color: hsl(var(--destructive-foreground));
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-foreground, .text-foreground\/50 {
    color: hsl(var(--foreground));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/50 {
      color: color-mix(in oklab, hsl(var(--foreground)) 50%, transparent);
    }
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-green-900 {
    color: var(--color-green-900);
  }

  .text-icon-default {
    color: var(--color-icon-default);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-info {
    color: var(--info);
  }

  .text-info-foreground {
    color: var(--info-foreground);
  }

  .text-inherit {
    color: inherit;
  }

  .text-ink-green {
    color: var(--color-ink-green);
  }

  .text-ink-muted {
    color: var(--color-ink-muted);
  }

  .text-ink-primary {
    color: var(--color-ink-primary);
  }

  .text-ink-red {
    color: var(--color-ink-red);
  }

  .text-ink-secondary {
    color: var(--color-ink-secondary);
  }

  .text-ink-tertiary {
    color: var(--color-ink-tertiary);
  }

  .text-ink-theme {
    color: var(--color-ink-theme);
  }

  .text-invert-foreground {
    color: var(--invert-foreground);
  }

  .text-muted {
    color: hsl(var(--muted));
  }

  .text-muted-foreground, .text-muted-foreground\/50 {
    color: hsl(var(--muted-foreground));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, hsl(var(--muted-foreground)) 50%, transparent);
    }
  }

  .text-muted-foreground\/80 {
    color: hsl(var(--muted-foreground));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/80 {
      color: color-mix(in oklab, hsl(var(--muted-foreground)) 80%, transparent);
    }
  }

  .text-orange-400 {
    color: var(--color-orange-400);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-orange-900 {
    color: var(--color-orange-900);
  }

  .text-pink-700 {
    color: var(--color-pink-700);
  }

  .text-popover-foreground {
    color: hsl(var(--popover-foreground));
  }

  .text-primary {
    color: hsl(var(--primary));
  }

  .text-primary\! {
    color: hsl(var(--primary)) !important;
  }

  .text-primary-foreground {
    color: hsl(var(--primary-foreground));
  }

  .text-primary\/60 {
    color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/60 {
      color: color-mix(in oklab, hsl(var(--primary)) 60%, transparent);
    }
  }

  .text-purple-400 {
    color: var(--color-purple-400);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-400\! {
    color: var(--color-red-400) !important;
  }

  .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-secondary {
    color: hsl(var(--secondary));
  }

  .text-secondary-foreground {
    color: hsl(var(--secondary-foreground));
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .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-success {
    color: var(--success);
  }

  .text-success-foreground {
    color: var(--success-foreground);
  }

  .text-theme {
    color: var(--theme-color);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-violet-950 {
    color: var(--color-violet-950);
  }

  .text-warning {
    color: var(--warning);
  }

  .text-warning-foreground {
    color: var(--warning-foreground);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/75 {
    color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .text-yellow-800 {
    color: var(--color-yellow-800);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .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;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .caret-transparent {
    caret-color: #0000;
  }

  .accent-\(--theme-color\) {
    accent-color: var(--theme-color);
  }

  .accent-\[\#2563eb\] {
    accent-color: #2563eb;
  }

  .accent-\[var\(--theme-color\)\] {
    accent-color: var(--theme-color);
  }

  .accent-primary {
    accent-color: hsl(var(--primary));
  }

  .accent-theme {
    accent-color: var(--theme-color);
  }

  .\!opacity-0 {
    opacity: 0 !important;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }

  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .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-\[-4px_0_20px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: -4px 0 20px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0\.063rem_0\.188rem_0\.313rem_rgb\(198\,197\,197\)\] {
    --tw-shadow: .063rem .188rem .313rem var(--tw-shadow-color, #c6c5c5);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_-1px_3px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 -1px 3px var(--tw-shadow-color, #00000005);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 0 0 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-\[0_0_2px_\#0000002a\] {
    --tw-shadow: 0 0 2px var(--tw-shadow-color, #0000002a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.10\)\,0_1px_2px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 1px 4px var(--tw-shadow-color, #0000001a), 0 1px 2px var(--tw-shadow-color, #0000000f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 8px 20px 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-\[0_8px_24px_rgba\(0\,0\,0\,0\.12\)\,0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000001f), 0 2px 8px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 12px 30px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.15\)\,0_2px_8px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 12px 40px var(--tw-shadow-color, #00000026), 0 2px 8px var(--tw-shadow-color, #0000000f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_1\.18px_4\.73px_0px_\#00000033\] {
    --tw-shadow: 0px 1.18px 4.73px 0px var(--tw-shadow-color, #0003);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_2px_5px_\#888888\] {
    --tw-shadow: 0px 2px 5px var(--tw-shadow-color, #888);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0rem_0\.063rem_0\.125rem_0rem_\#1018280d\] {
    --tw-shadow: 0rem .063rem .125rem 0rem var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[2px_0_8px_-2px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 2px 0 8px -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);
  }

  .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-md {
    --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);
  }

  .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);
  }

  .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);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --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-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-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-\[\#105efb\] {
    --tw-ring-color: #105efb;
  }

  .ring-border {
    --tw-ring-color: hsl(var(--border));
  }

  .ring-destructive {
    --tw-ring-color: hsl(var(--destructive));
  }

  .ring-input {
    --tw-ring-color: hsl(var(--input));
  }

  .ring-line-default {
    --tw-ring-color: var(--color-line-default);
  }

  .ring-primary\/20 {
    --tw-ring-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/20 {
      --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
    }
  }

  .ring-primary\/30 {
    --tw-ring-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/30 {
      --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
    }
  }

  .ring-ring {
    --tw-ring-color: hsl(var(--ring));
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-offset-2 {
    outline-offset: 2px;
  }

  .blur {
    --tw-blur: blur(8px);
    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, );
  }

  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    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, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    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, );
  }

  .invert {
    --tw-invert: invert(100%);
    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, );
  }

  .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, );
  }

  .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, ) !important;
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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, );
  }

  .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-\[box-shadow\,transform\] {
    transition-property: box-shadow, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opa\] {
    transition-property: margin, opa;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,filter\] {
    transition-property: opacity, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    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-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    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));
  }

  .\[transition-property\:color\,background-color\,border-radius\,box-shadow\] {
    transition-property: color, background-color, border-radius, box-shadow;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-180 {
    --tw-duration: .18s;
    transition-duration: .18s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .zoom-in-95 {
    --tw-enter-scale: .95;
  }

  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }

  .\[-webkit-user-drag\:none\] {
    -webkit-user-drag: none;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .backface-hidden {
    backface-visibility: hidden;
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .fade-out {
    --tw-exit-opacity: 0;
  }

  .running {
    animation-play-state: running;
  }

  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .zoom-in-98 {
    --tw-enter-scale: calc(98*1%);
  }

  .not-last\:flex-1:not(:last-child) {
    flex: 1;
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }

    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:cursor-pointer:is(:where(.group):hover *) {
      cursor: pointer;
    }

    .group-hover\:border-primary:is(:where(.group):hover *) {
      border-color: hsl(var(--primary));
    }

    .group-hover\:stroke-\[\#d92d20\]:is(:where(.group):hover *) {
      stroke: #d92d20;
    }

    .group-hover\:text-\(--theme-color\):is(:where(.group):hover *) {
      color: var(--theme-color);
    }

    .group-hover\:text-foreground:is(:where(.group):hover *) {
      color: hsl(var(--foreground));
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\:\!opacity-100:is(:where(.group):hover *) {
      opacity: 1 !important;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:shadow-md:is(:where(.group):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);
    }

    .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *), .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }

  .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: --sidebar-width-icon;
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + 1rem);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + 1rem + 2px);
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }

  .group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[orientation\=horizontal\]\/stepper-nav\:h-0\.5:is(:where(.group\/stepper-nav)[data-orientation="horizontal"] *) {
    height: calc(var(--spacing) * .5);
  }

  .group-data-\[orientation\=horizontal\]\/stepper-nav\:w-\[calc\(100\%-2rem\)\]:is(:where(.group\/stepper-nav)[data-orientation="horizontal"] *) {
    width: calc(100% - 2rem);
  }

  .group-data-\[orientation\=horizontal\]\/stepper-nav\:flex-1:is(:where(.group\/stepper-nav)[data-orientation="horizontal"] *) {
    flex: 1;
  }

  .group-data-\[orientation\=horizontal\]\/stepper-nav\:flex-none:is(:where(.group\/stepper-nav)[data-orientation="horizontal"] *) {
    flex: none;
  }

  .group-data-\[orientation\=horizontal\]\/stepper-nav\:flex-row:is(:where(.group\/stepper-nav)[data-orientation="horizontal"] *) {
    flex-direction: row;
  }

  .group-data-\[orientation\=vertical\]\/stepper-nav\:h-12:is(:where(.group\/stepper-nav)[data-orientation="vertical"] *) {
    height: calc(var(--spacing) * 12);
  }

  .group-data-\[orientation\=vertical\]\/stepper-nav\:w-0\.5:is(:where(.group\/stepper-nav)[data-orientation="vertical"] *) {
    width: calc(var(--spacing) * .5);
  }

  .group-data-\[orientation\=vertical\]\/stepper-nav\:flex-col:is(:where(.group\/stepper-nav)[data-orientation="vertical"] *) {
    flex-direction: column;
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[state\=completed\]\/step\:bg-action-theme:is(:where(.group\/step)[data-state="completed"] *) {
    background-color: var(--color-action-theme);
  }

  .group-data-\[state\=inactive\]\/step\:text-muted-foreground:is(:where(.group\/step)[data-state="inactive"] *) {
    color: hsl(var(--muted-foreground));
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--radius);
  }

  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant="floating"] *) {
    --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);
  }

  .group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *) {
    border-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *) {
      border-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
    }
  }

  .group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *) {
    color: var(--color-red-300);
  }

  .group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) {
    background-color: hsl(var(--muted));
  }

  .group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) {
    background-color: hsl(var(--primary));
  }

  .group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) {
    color: hsl(var(--muted-foreground));
  }

  .group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) {
    color: hsl(var(--primary-foreground));
  }

  .group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) {
    border-color: hsl(var(--border));
  }

  .group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) {
    background-color: hsl(var(--background));
  }

  .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) {
    color: hsl(var(--foreground));
  }

  .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) {
    --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);
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity: .7;
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }

  .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]:is(:where(.peer)[data-variant="inset"] ~ *) {
    min-height: calc(100svh - 1rem);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: hsl(var(--foreground));
  }

  .placeholder\:text-\[\#98A2B3\]::placeholder {
    color: #98a2b3;
  }

  .placeholder\:text-ink-muted::placeholder {
    color: var(--color-ink-muted);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: hsl(var(--muted-foreground));
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-0:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .before\:left-8:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 8);
  }

  .before\:left-\[15px\]:before {
    content: var(--tw-content);
    left: 15px;
  }

  .before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
  }

  .before\:-translate-x-full:before {
    content: var(--tw-content);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:animate-\[wb-shimmer-sweep_1\.5s_infinite\]:before {
    content: var(--tw-content);
    animation: 1.5s infinite wb-shimmer-sweep;
  }

  .before\:bg-border:before {
    content: var(--tw-content);
    background-color: hsl(var(--border));
  }

  .before\:bg-linear-to-r:before {
    content: var(--tw-content);
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .before\:bg-linear-to-r:before {
      --tw-gradient-position: to right in oklab;
    }
  }

  .before\:bg-linear-to-r:before {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .before\:from-transparent:before {
    content: var(--tw-content);
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .before\:via-white\/40:before {
    content: var(--tw-content);
    --tw-gradient-via: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:via-white\/40:before {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .before\:via-white\/40:before {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .before\:to-transparent:before {
    content: var(--tw-content);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .after\:start-1\/2:after {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }

  .after\:bottom-1:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 1);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:z-10:after {
    content: var(--tw-content);
    z-index: 10;
  }

  .after\:clear-both:after {
    content: var(--tw-content);
    clear: both;
  }

  .after\:table:after {
    content: var(--tw-content);
    display: table;
  }

  .after\:size-\[3px\]:after {
    content: var(--tw-content);
    width: 3px;
    height: 3px;
  }

  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:bg-primary:after {
    content: var(--tw-content);
    background-color: hsl(var(--primary));
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:flex:hover {
      display: flex;
    }

    .hover\:h-full:hover {
      height: 100%;
    }

    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-\[1\.08\]:hover {
      scale: 1.08;
    }

    .hover\:scale-\[1\.12\]:hover {
      scale: 1.12;
    }

    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }

    .hover\:items-center:hover {
      align-items: center;
    }

    .hover\:rounded-\[5px\]:hover {
      border-radius: 5px;
    }

    .hover\:border:hover {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .hover\:border-2:hover {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }

    .hover\:border-\(--theme-color\):hover {
      border-color: var(--theme-color);
    }

    .hover\:border-\[\#105EFB\]:hover {
      border-color: #105efb;
    }

    .hover\:border-\[\#a7aeb7\]:hover {
      border-color: #a7aeb7;
    }

    .hover\:border-\[\#abefc6\]:hover {
      border-color: #abefc6;
    }

    .hover\:border-\[\#cbd5e1\]:hover {
      border-color: #cbd5e1;
    }

    .hover\:border-\[\#fecdca\]:hover {
      border-color: #fecdca;
    }

    .hover\:border-\[rgb\(119\,119\,125\)\]:hover {
      border-color: #77777d;
    }

    .hover\:border-\[var\(--theme-color\)\]:hover {
      border-color: var(--theme-color);
    }

    .hover\:border-\[var\(--theme-color\)\]\!:hover {
      border-color: var(--theme-color) !important;
    }

    .hover\:border-blue-300:hover {
      border-color: var(--color-blue-300);
    }

    .hover\:border-blue-400:hover {
      border-color: var(--color-blue-400);
    }

    .hover\:border-blue-500:hover {
      border-color: var(--color-blue-500);
    }

    .hover\:border-blue-500\/50:hover {
      border-color: #3080ff80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-blue-500\/50:hover {
        border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
      }
    }

    .hover\:border-blue-600:hover {
      border-color: var(--color-blue-600);
    }

    .hover\:border-destructive:hover {
      border-color: hsl(var(--destructive));
    }

    .hover\:border-foreground:hover {
      border-color: hsl(var(--foreground));
    }

    .hover\:border-gray-200:hover {
      border-color: var(--color-gray-200);
    }

    .hover\:border-gray-300:hover {
      border-color: var(--color-gray-300);
    }

    .hover\:border-gray-400:hover {
      border-color: var(--color-gray-400);
    }

    .hover\:border-green-500:hover {
      border-color: var(--color-green-500);
    }

    .hover\:border-indigo-400:hover {
      border-color: var(--color-indigo-400);
    }

    .hover\:border-ink-theme:hover {
      border-color: var(--color-ink-theme);
    }

    .hover\:border-line-strong:hover {
      border-color: var(--color-line-strong);
    }

    .hover\:border-primary:hover {
      border-color: hsl(var(--primary));
    }

    .hover\:border-red-200:hover {
      border-color: var(--color-red-200);
    }

    .hover\:border-red-400:hover {
      border-color: var(--color-red-400);
    }

    .hover\:border-red-500:hover {
      border-color: var(--color-red-500);
    }

    .hover\:\!bg-\[\#eaecf0\]:hover {
      background-color: #eaecf0 !important;
    }

    .hover\:bg-\(--theme-color\):hover {
      background-color: var(--theme-color);
    }

    .hover\:bg-\[\#0E4FD1\]:hover {
      background-color: #0e4fd1;
    }

    .hover\:bg-\[\#0a4db6\]:hover {
      background-color: #0a4db6;
    }

    .hover\:bg-\[\#3db556\]:hover {
      background-color: #3db556;
    }

    .hover\:bg-\[\#1348c8\]:hover {
      background-color: #1348c8;
    }

    .hover\:bg-\[\#40546d\]:hover {
      background-color: #40546d;
    }

    .hover\:bg-\[\#d4650a\]:hover {
      background-color: #d4650a;
    }

    .hover\:bg-\[\#efefef\]:hover {
      background-color: #efefef;
    }

    .hover\:bg-\[\#f0f2f8\]:hover {
      background-color: #f0f2f8;
    }

    .hover\:bg-\[\#f2f4f7\]:hover {
      background-color: #f2f4f7;
    }

    .hover\:bg-\[\#f2f6fa\]:hover {
      background-color: #f2f6fa;
    }

    .hover\:bg-\[\#f3f4f6\]:hover {
      background-color: #f3f4f6;
    }

    .hover\:bg-\[\#f6f7fb\]:hover {
      background-color: #f6f7fb;
    }

    .hover\:bg-\[\#f7f8fa\]:hover {
      background-color: #f7f8fa;
    }

    .hover\:bg-\[\#f9fafb\]:hover {
      background-color: #f9fafb;
    }

    .hover\:bg-\[\#fef3f2\]:hover {
      background-color: #fef3f2;
    }

    .hover\:bg-accent:hover, .hover\:bg-accent\/50:hover {
      background-color: hsl(var(--accent));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/50:hover {
        background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
      }
    }

    .hover\:bg-action-theme\/90:hover {
      background-color: var(--color-action-theme);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-action-theme\/90:hover {
        background-color: color-mix(in oklab, var(--color-action-theme) 90%, transparent);
      }
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-black\/5:hover {
      background-color: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/5:hover {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }

    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .hover\:bg-black\/60:hover {
      background-color: #0009;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/60:hover {
        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }

    .hover\:bg-black\/80:hover {
      background-color: #000c;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/80:hover {
        background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }

    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50);
    }

    .hover\:bg-blue-100:hover {
      background-color: var(--color-blue-100);
    }

    .hover\:bg-blue-600:hover {
      background-color: var(--color-blue-600);
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

    .hover\:bg-destructive:hover, .hover\:bg-destructive\/10:hover {
      background-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/10:hover {
        background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
      }
    }

    .hover\:bg-destructive\/80:hover {
      background-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/80:hover {
        background-color: color-mix(in oklab, hsl(var(--destructive)) 80%, transparent);
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent);
      }
    }

    .hover\:bg-emerald-600:hover {
      background-color: var(--color-emerald-600);
    }

    .hover\:bg-emerald-700:hover {
      background-color: var(--color-emerald-700);
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-green-50:hover {
      background-color: var(--color-green-50);
    }

    .hover\:bg-green-100:hover {
      background-color: var(--color-green-100);
    }

    .hover\:bg-green-500:hover {
      background-color: var(--color-green-500);
    }

    .hover\:bg-green-500\/80:hover {
      background-color: #00c758cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-green-500\/80:hover {
        background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);
      }
    }

    .hover\:bg-green-700:hover {
      background-color: var(--color-green-700);
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/30:hover {
      background-color: hsl(var(--muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/30:hover {
        background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent);
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: hsl(var(--muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
      }
    }

    .hover\:bg-muted\/60:hover {
      background-color: hsl(var(--muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/60:hover {
        background-color: color-mix(in oklab, hsl(var(--muted)) 60%, transparent);
      }
    }

    .hover\:bg-muted\/80:hover {
      background-color: hsl(var(--muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/80:hover {
        background-color: color-mix(in oklab, hsl(var(--muted)) 80%, transparent);
      }
    }

    .hover\:bg-pink-100:hover {
      background-color: var(--color-pink-100);
    }

    .hover\:bg-primary:hover, .hover\:bg-primary\/5:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
      }
    }

    .hover\:bg-primary\/10:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
      }
    }

    .hover\:bg-primary\/20:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/20:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
      }
    }

    .hover\:bg-primary\/80:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 80%, transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
      }
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-red-100:hover {
      background-color: var(--color-red-100);
    }

    .hover\:bg-red-500:hover {
      background-color: var(--color-red-500);
    }

    .hover\:bg-red-500\/10:hover {
      background-color: #fb2c361a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
    }

    .hover\:bg-red-600:hover {
      background-color: var(--color-red-600);
    }

    .hover\:bg-secondary:hover, .hover\:bg-secondary\/80:hover {
      background-color: hsl(var(--secondary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, hsl(var(--secondary)) 80%, transparent);
      }
    }

    .hover\:bg-sky-100:hover {
      background-color: var(--color-sky-100);
    }

    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }

    .hover\:bg-slate-700:hover {
      background-color: var(--color-slate-700);
    }

    .hover\:bg-success\/90:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success\/90:hover {
        background-color: color-mix(in oklab, var(--success) 90%, transparent);
      }
    }

    .hover\:bg-surface-hover:hover {
      background-color: var(--color-surface-hover);
    }

    .hover\:bg-surface-hover-strong:hover {
      background-color: var(--color-surface-hover-strong);
    }

    .hover\:bg-surface-theme\/80:hover {
      background-color: var(--color-surface-theme);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-theme\/80:hover {
        background-color: color-mix(in oklab, var(--color-surface-theme) 80%, transparent);
      }
    }

    .hover\:bg-surface-theme\/90:hover {
      background-color: var(--color-surface-theme);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-theme\/90:hover {
        background-color: color-mix(in oklab, var(--color-surface-theme) 90%, transparent);
      }
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:bg-violet-100:hover {
      background-color: var(--color-violet-100);
    }

    .hover\:bg-violet-700:hover {
      background-color: var(--color-violet-700);
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:bg-white\/50:hover {
      background-color: #ffffff80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/50:hover {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }

    .hover\:bg-yellow-400:hover {
      background-color: var(--color-yellow-400);
    }

    .hover\:bg-yellow-600:hover {
      background-color: var(--color-yellow-600);
    }

    .hover\:text-\(--primary-text-color\):hover {
      color: var(--primary-text-color);
    }

    .hover\:text-\(--theme-color\):hover {
      color: var(--theme-color);
    }

    .hover\:text-\[\#0a4db6\]:hover {
      color: #0a4db6;
    }

    .hover\:text-\[\#3f4458\]:hover {
      color: #3f4458;
    }

    .hover\:text-\[\#079455\]\!:hover {
      color: #079455 !important;
    }

    .hover\:text-\[\#344054\]:hover {
      color: #344054;
    }

    .hover\:text-\[var\(--theme-color\)\]:hover {
      color: var(--theme-color);
    }

    .hover\:text-accent-foreground:hover {
      color: hsl(var(--accent-foreground));
    }

    .hover\:text-black:hover {
      color: var(--color-black);
    }

    .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-900:hover {
      color: var(--color-blue-900);
    }

    .hover\:text-destructive:hover {
      color: hsl(var(--destructive));
    }

    .hover\:text-destructive-foreground:hover {
      color: hsl(var(--destructive-foreground));
    }

    .hover\:text-foreground:hover {
      color: hsl(var(--foreground));
    }

    .hover\:text-gray-600:hover {
      color: var(--color-gray-600);
    }

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

    .hover\:text-gray-800:hover {
      color: var(--color-gray-800);
    }

    .hover\:text-gray-900:hover {
      color: var(--color-gray-900);
    }

    .hover\:text-green-600:hover {
      color: var(--color-green-600);
    }

    .hover\:text-green-700:hover {
      color: var(--color-green-700);
    }

    .hover\:text-ink-primary:hover {
      color: var(--color-ink-primary);
    }

    .hover\:text-ink-red:hover {
      color: var(--color-ink-red);
    }

    .hover\:text-muted-foreground:hover {
      color: hsl(var(--muted-foreground));
    }

    .hover\:text-primary:hover {
      color: hsl(var(--primary));
    }

    .hover\:text-primary-foreground:hover {
      color: hsl(var(--primary-foreground));
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }

    .hover\:text-slate-600:hover {
      color: var(--color-slate-600);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_0_0_4px_rgba\(13\,110\,253\,0\.25\)\]:hover {
      --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #0d6efd40);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.15\)\]:hover {
      --tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000026);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_3px_10px_rgba\(0\,0\,0\,0\.14\)\]:hover {
      --tw-shadow: 0 3px 10px var(--tw-shadow-color, #00000024);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]:hover {
      --tw-shadow: 0 4px 12px 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\:shadow-\[0_6px_22px_rgba\(0\,0\,0\,0\.24\)\]:hover {
      --tw-shadow: 0 6px 22px var(--tw-shadow-color, #0000003d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --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);
    }

    .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\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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\:brightness-\[98\%\]:hover {
      --tw-brightness: brightness(98%);
      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, );
    }

    .group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover {
      border-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover {
        border-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent);
      }
    }

    .group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover {
      background-color: hsl(var(--destructive));
    }

    .group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover {
      color: hsl(var(--destructive-foreground));
    }

    .group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover {
      color: var(--color-red-50);
    }
  }

  .focus\:border-destructive:focus {
    border-color: hsl(var(--destructive));
  }

  .focus\:border-ink-theme:focus {
    border-color: var(--color-ink-theme);
  }

  .focus\:border-input\!:focus {
    border-color: hsl(var(--input)) !important;
  }

  .focus\:border-primary:focus {
    border-color: hsl(var(--primary));
  }

  .focus\:border-transparent:focus {
    border-color: #0000;
  }

  .focus\:bg-accent:focus {
    background-color: hsl(var(--accent));
  }

  .focus\:bg-blue-50:focus {
    background-color: var(--color-blue-50);
  }

  .focus\:bg-destructive\/10:focus {
    background-color: hsl(var(--destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-destructive\/10:focus {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
    }
  }

  .focus\:bg-white:focus {
    background-color: var(--color-white);
  }

  .focus\:text-accent-foreground:focus {
    color: hsl(var(--accent-foreground));
  }

  .focus\:text-destructive:focus {
    color: hsl(var(--destructive));
  }

  .focus\:text-red-500:focus {
    color: var(--color-red-500);
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:shadow-none\!:focus {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-0\!:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .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-\(--theme-color\):focus {
    --tw-ring-color: var(--theme-color);
  }

  .focus\:ring-black:focus {
    --tw-ring-color: var(--color-black);
  }

  .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--color-blue-500);
  }

  .focus\:ring-primary:focus, .focus\:ring-primary\/30:focus {
    --tw-ring-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/30:focus {
      --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
    }
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring));
  }

  .focus\:ring-theme:focus {
    --tw-ring-color: var(--theme-color);
  }

  .focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:ring-offset-2:focus {
    --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);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus\:outline-none\!:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group).destructive *):focus {
    --tw-ring-color: hsl(var(--destructive));
  }

  .group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus {
    --tw-ring-color: var(--color-red-400);
  }

  .group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus {
    --tw-ring-offset-color: var(--color-red-600);
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:border-blue-500:focus-visible {
    border-color: var(--color-blue-500);
  }

  .focus-visible\:border-destructive:focus-visible {
    border-color: hsl(var(--destructive));
  }

  .focus-visible\:border-input\!:focus-visible {
    border-color: hsl(var(--input)) !important;
  }

  .focus-visible\:border-primary:focus-visible {
    border-color: hsl(var(--primary));
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: hsl(var(--ring));
  }

  .focus-visible\:shadow-none\!:focus-visible {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-visible\:ring-0\!:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-visible\:ring-1:focus-visible {
    --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);
  }

  .focus-visible\:ring-2:focus-visible {
    --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-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-visible\:ring-blue-500\/30:focus-visible {
    --tw-ring-color: #3080ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-blue-500\/30:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }

  .focus-visible\:ring-destructive:focus-visible {
    --tw-ring-color: hsl(var(--destructive));
  }

  .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: hsl(var(--ring));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --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);
  }

  .focus-visible\:ring-offset-background:focus-visible {
    --tw-ring-offset-color: hsl(var(--background));
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:outline-none\!:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .active\:translate-y-0:active {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-accent\/80:active {
    background-color: hsl(var(--accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-accent\/80:active {
      background-color: color-mix(in oklab, hsl(var(--accent)) 80%, transparent);
    }
  }

  .active\:bg-destructive\/95:active {
    background-color: hsl(var(--destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-destructive\/95:active {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 95%, transparent);
    }
  }

  .active\:bg-primary\/95:active {
    background-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-primary\/95:active {
      background-color: color-mix(in oklab, hsl(var(--primary)) 95%, transparent);
    }
  }

  .active\:bg-surface-hover-strong:active {
    background-color: var(--color-surface-hover-strong);
  }

  .active\:opacity-80:active {
    opacity: .8;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:border-gray-200:disabled {
    border-color: var(--color-gray-200);
  }

  .disabled\:bg-black\/50:disabled {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-black\/50:disabled {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .disabled\:bg-gray-100:disabled {
    background-color: var(--color-gray-100);
  }

  .disabled\:text-gray-300:disabled {
    color: var(--color-gray-300);
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .disabled\:opacity-\[0\.45\]:disabled {
    opacity: .45;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-30[data-disabled] {
    opacity: .3;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[focus-visible\]\:z-10[data-focus-visible] {
    z-index: 10;
  }

  .data-\[focus-visible\]\:outline[data-focus-visible] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .data-\[focus-visible\]\:outline-2[data-focus-visible] {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .data-\[focus-visible\]\:outline-ring\/70[data-focus-visible] {
    outline-color: hsl(var(--ring));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[focus-visible\]\:outline-ring\/70[data-focus-visible] {
      outline-color: color-mix(in oklab, hsl(var(--ring)) 70%, transparent);
    }
  }

  .data-\[hovered\]\:bg-accent[data-hovered] {
    background-color: hsl(var(--accent));
  }

  .data-\[hovered\]\:text-foreground[data-hovered] {
    color: hsl(var(--foreground));
  }

  .data-\[invalid\]\:bg-red-100[data-invalid] {
    background-color: var(--color-red-100);
  }

  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52*var(--spacing));
  }

  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52*var(--spacing)*-1);
  }

  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52*var(--spacing));
  }

  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52*var(--spacing)*-1);
  }

  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    --tw-enter-opacity: 0;
  }

  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
    --tw-exit-opacity: 0;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"] {
    flex-direction: row;
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height: auto;
  }

  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
    flex-direction: column;
  }

  .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
    height: 1px;
  }

  .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
    width: 100%;
  }

  .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
    flex-direction: column;
  }

  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    width: 100%;
  }

  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: hsl(var(--muted-foreground));
  }

  .data-\[selected\]\:rounded-none[data-selected] {
    border-radius: 0;
  }

  .data-\[selected\]\:bg-accent[data-selected] {
    background-color: hsl(var(--accent));
  }

  .data-\[selected\]\:bg-primary[data-selected] {
    background-color: hsl(var(--primary));
  }

  .data-\[selected\]\:text-foreground[data-selected] {
    color: hsl(var(--foreground));
  }

  .data-\[selected\]\:text-primary-foreground[data-selected] {
    color: hsl(var(--primary-foreground));
  }

  .data-\[selected\]\:after\:bg-background[data-selected]:after {
    content: var(--tw-content);
    background-color: hsl(var(--background));
  }

  .data-\[selected\=\'true\'\]\:bg-accent[data-selected="true"] {
    background-color: hsl(var(--accent));
  }

  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
    color: hsl(var(--accent-foreground));
  }

  .data-\[selection-end\]\:rounded-e-lg[data-selection-end] {
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius);
  }

  .data-\[selection-start\]\:rounded-s-lg[data-selection-start] {
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius);
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .data-\[state\=active\]\:cursor-default[data-state="active"] {
    cursor: default;
  }

  .data-\[state\=active\]\:border-b-2[data-state="active"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .data-\[state\=active\]\:border-\(--theme-color\)[data-state="active"] {
    border-color: var(--theme-color);
  }

  .data-\[state\=active\]\:bg-action-theme[data-state="active"] {
    background-color: var(--color-action-theme);
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: hsl(var(--background));
  }

  .data-\[state\=active\]\:bg-primary[data-state="active"] {
    background-color: hsl(var(--primary));
  }

  .data-\[state\=active\]\:bg-transparent[data-state="active"] {
    background-color: #0000;
  }

  .data-\[state\=active\]\:bg-white[data-state="active"] {
    background-color: var(--color-white);
  }

  .data-\[state\=active\]\:text-foreground[data-state="active"] {
    color: hsl(var(--foreground));
  }

  .data-\[state\=active\]\:text-gray-900[data-state="active"] {
    color: var(--color-gray-900);
  }

  .data-\[state\=active\]\:text-primary-foreground[data-state="active"] {
    color: hsl(var(--primary-foreground));
  }

  .data-\[state\=active\]\:text-white[data-state="active"] {
    color: var(--color-white);
  }

  .data-\[state\=active\]\:shadow-none[data-state="active"] {
    --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);
  }

  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --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);
  }

  .data-\[state\=checked\]\:transform-\[translateX\(16px\)\][data-state="checked"] {
    transform: translateX(16px);
  }

  .data-\[state\=checked\]\:transform-\[translateX\(20px\)\][data-state="checked"] {
    transform: translateX(20px);
  }

  .data-\[state\=checked\]\:border-theme[data-state="checked"] {
    border-color: var(--theme-color);
  }

  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: hsl(var(--primary));
  }

  .data-\[state\=checked\]\:bg-theme[data-state="checked"] {
    background-color: var(--theme-color);
  }

  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: hsl(var(--primary-foreground));
  }

  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
    animation: .2s ease-out accordion-up;
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
    --tw-exit-opacity: .8;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
    --tw-exit-translate-y: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
    --tw-exit-translate-x: -100%;
  }

  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
    --tw-exit-translate-x: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
    --tw-exit-translate-x: calc(1*100%);
  }

  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
    --tw-exit-translate-y: -100%;
  }

  .data-\[state\=completed\]\:bg-action-theme[data-state="completed"] {
    background-color: var(--color-action-theme);
  }

  .data-\[state\=completed\]\:bg-primary[data-state="completed"] {
    background-color: hsl(var(--primary));
  }

  .data-\[state\=completed\]\:text-primary-foreground[data-state="completed"] {
    color: hsl(var(--primary-foreground));
  }

  .data-\[state\=completed\]\:text-white[data-state="completed"] {
    color: var(--color-white);
  }

  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=inactive\]\:border-border[data-state="inactive"] {
    border-color: hsl(var(--border));
  }

  .data-\[state\=inactive\]\:bg-transparent[data-state="inactive"] {
    background-color: #0000;
  }

  .data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"] {
    color: hsl(var(--muted-foreground));
  }

  .data-\[state\=on\]\:cursor-default[data-state="on"] {
    cursor: default;
  }

  .data-\[state\=on\]\:border-r-0[data-state="on"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .data-\[state\=on\]\:bg-accent[data-state="on"] {
    background-color: hsl(var(--accent));
  }

  .data-\[state\=on\]\:bg-white[data-state="on"] {
    background-color: var(--color-white);
  }

  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
    color: hsl(var(--accent-foreground));
  }

  .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
    animation: .2s ease-out accordion-down;
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"], .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
    background-color: hsl(var(--accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
      background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
    }
  }

  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: hsl(var(--secondary));
  }

  .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
    color: hsl(var(--accent-foreground));
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: hsl(var(--muted-foreground));
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
    --tw-enter-scale: .9;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
    --tw-enter-translate-x: -100%;
  }

  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
    --tw-enter-translate-x: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
    --tw-enter-translate-y: -100%;
  }

  .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
    --tw-enter-translate-y: calc(1*-100%);
  }

  @media (hover: hover) {
    .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover {
      background-color: hsl(var(--accent));
    }
  }

  .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
    background-color: hsl(var(--accent));
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: hsl(var(--muted));
  }

  .data-\[state\=unchecked\]\:transform-\[translateX\(0px\)\][data-state="unchecked"] {
    transform: translateX(0);
  }

  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
    background-color: hsl(var(--input));
  }

  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
    --tw-enter-opacity: 0;
  }

  .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
    --tw-translate-x: var(--radix-toast-swipe-end-x);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
    --tw-translate-x: var(--radix-toast-swipe-move-x);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
    transition-property: none;
  }

  .data-\[unavailable\]\:pointer-events-none[data-unavailable] {
    pointer-events: none;
  }

  .data-\[unavailable\]\:line-through[data-unavailable] {
    text-decoration-line: line-through;
  }

  .data-\[unavailable\]\:opacity-30[data-unavailable] {
    opacity: .3;
  }

  @media (min-width: 40rem) {
    .sm\:top-auto {
      top: auto;
    }

    .sm\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .sm\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sm\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .sm\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .sm\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .sm\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .sm\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .sm\:col-span-11 {
      grid-column: span 11 / span 11;
    }

    .sm\:col-span-12 {
      grid-column: span 12 / span 12;
    }

    .sm\:col-start-1 {
      grid-column-start: 1;
    }

    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .sm\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .sm\:h-9 {
      height: calc(var(--spacing) * 9);
    }

    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }

    .sm\:w-9 {
      width: calc(var(--spacing) * 9);
    }

    .sm\:w-52 {
      width: calc(var(--spacing) * 52);
    }

    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .sm\:w-64\.5 {
      width: calc(var(--spacing) * 64.5);
    }

    .sm\:w-70 {
      width: calc(var(--spacing) * 70);
    }

    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .sm\:w-75 {
      width: calc(var(--spacing) * 75);
    }

    .sm\:w-125 {
      width: calc(var(--spacing) * 125);
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .sm\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .sm\:max-w-5xl {
      max-width: var(--container-5xl);
    }

    .sm\:max-w-95 {
      max-width: calc(var(--spacing) * 95);
    }

    .sm\:max-w-98\.5 {
      max-width: calc(var(--spacing) * 98.5);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:flex-col {
      flex-direction: column;
    }

    .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-center {
      justify-content: center;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:justify-start {
      justify-content: flex-start;
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    :where(.sm\:space-x-0 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.sm\:space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:\!rounded-none {
      border-radius: 0 !important;
    }

    .sm\:rounded-lg {
      border-radius: var(--radius);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .sm\:px-\[10\%\] {
      padding-inline: 10%;
    }

    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
      --tw-enter-translate-y: calc(1*100%);
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .md\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .md\:col-span-10 {
      grid-column: span 10 / span 10;
    }

    .md\:col-span-11 {
      grid-column: span 11 / span 11;
    }

    .md\:col-span-12 {
      grid-column: span 12 / span 12;
    }

    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:w-1\/2 {
      width: 50%;
    }

    .md\:w-1\/3 {
      width: 33.3333%;
    }

    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:max-w-\[420px\] {
      max-width: 420px;
    }

    .md\:max-w-md {
      max-width: var(--container-md);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1fr_auto_1fr\] {
      grid-template-columns: 1fr auto 1fr;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .md\:gap-\[60px\] {
      gap: 60px;
    }

    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .md\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0);
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: var(--radius-xl);
    }

    .md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant="inset"] ~ *) {
      --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);
    }

    .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state="collapsed"] ~ *):is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }
  }

  .after\:md\:hidden:after {
    content: var(--tw-content);
  }

  @media (min-width: 48rem) {
    .after\:md\:hidden:after {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .lg\:col-span-12 {
      grid-column: span 12 / span 12;
    }

    .lg\:col-start-1 {
      grid-column-start: 1;
    }

    .lg\:h-\[700px\] {
      height: 700px;
    }

    .lg\:w-1\/3 {
      width: 33.3333%;
    }

    .lg\:columns-2 {
      columns: 2;
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_270px\] {
      grid-template-columns: 1fr 270px;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .xl\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .xl\:w-1\/4 {
      width: 25%;
    }

    .xl\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .xl\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:flex-row {
      flex-direction: row;
    }

    .xl\:items-start {
      align-items: flex-start;
    }

    .xl\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .\32 xl\:w-96 {
      width: calc(var(--spacing) * 96);
    }
  }

  .dark\:border-destructive:where(.dark, .dark *) {
    border-color: hsl(var(--destructive));
  }

  .dark\:bg-destructive\/20:where(.dark, .dark *) {
    background-color: hsl(var(--destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }

  .dark\:bg-info\/20:where(.dark, .dark *) {
    background-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-info\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--info) 20%, transparent);
    }
  }

  .dark\:bg-input\/30:where(.dark, .dark *) {
    background-color: hsl(var(--input));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
    }
  }

  .dark\:bg-input\/32:where(.dark, .dark *) {
    background-color: hsl(var(--input));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/32:where(.dark, .dark *) {
      background-color: color-mix(in oklab, hsl(var(--input)) 32%, transparent);
    }
  }

  .dark\:bg-invert\/20:where(.dark, .dark *) {
    background-color: var(--invert);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-invert\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--invert) 20%, transparent);
    }
  }

  .dark\:bg-primary\/10:where(.dark, .dark *) {
    background-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
    }
  }

  .dark\:bg-primary\/20:where(.dark, .dark *) {
    background-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
    }
  }

  .dark\:bg-success\/20:where(.dark, .dark *) {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .dark\:bg-warning\/20:where(.dark, .dark *) {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-white:where(.dark, .dark *):hover {
      color: var(--color-white);
    }
  }

  .\[\&_\.react-datepicker__input-container_input\]\:w-full .react-datepicker input-container input, .\[\&_\.react-datepicker-wrapper\]\:w-full .react-datepicker-wrapper {
    width: 100%;
  }

  .\[\&_\.sketch-picker\]\:w-45\! .sketch-picker {
    width: calc(var(--spacing) * 45) !important;
  }

  .\[\&_\.sketch-picker\]\:rounded-\[10px\]\! .sketch-picker {
    border-radius: 10px !important;
  }

  .\[\&_\.sketch-picker\]\:shadow-none\! .sketch-picker {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: hsl(var(--muted-foreground));
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: calc(var(--spacing) * 0);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_input\]\:pl-8 input {
    padding-left: calc(var(--spacing) * 8);
  }

  .\[\&_label\]\:cursor-pointer label {
    cursor: pointer;
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:h-5 svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_svg\]\:w-5 svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\[data-icon\=inline-end\]\]\:-me-0\.5 svg[data-icon="inline-end"] {
    margin-inline-end: calc(var(--spacing) * -.5);
  }

  .\[\&_svg\[data-icon\=inline-start\]\]\:-ms-0\.5 svg[data-icon="inline-start"] {
    margin-inline-start: calc(var(--spacing) * -.5);
  }

  .\[\&_tbody_td\]\:w-50 tbody td {
    width: calc(var(--spacing) * 50);
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-b td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_td\]\:border-line-default td {
    border-color: var(--color-line-default);
  }

  .\[\&_td\]\:px-0 td {
    padding-inline: calc(var(--spacing) * 0);
  }

  .\[\&_textarea\]\:h-24\! textarea {
    height: calc(var(--spacing) * 24) !important;
  }

  .\[\&_th\]\:border th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_thead\]\:static thead {
    position: static;
  }

  .\[\&_thead\]\:z-auto thead {
    z-index: auto;
  }

  .\[\&_thead\]\:bg-transparent thead {
    background-color: #0000;
  }

  .\[\&_thead\]\:shadow-none thead {
    --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);
  }

  .\[\&_thead_th\]\:w-50 thead th {
    width: calc(var(--spacing) * 50);
  }

  .\[\&_tr\]\:border-gray-200 tr {
    border-color: var(--color-gray-200);
  }

  .\[\&_tr\:hover\]\:bg-muted\/50 tr:hover {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_tr\:hover\]\:bg-muted\/50 tr:hover {
      background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
    }
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_tr\:last-child\]\:border-b tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-b\! tr:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }

  .\[\&_tr\:last-child\]\:border-\[\#E5E7EB\] tr:last-child {
    border-color: #e5e7eb;
  }

  .\[\&_tr\:last-child\]\:border-line-default tr:last-child {
    border-color: var(--color-line-default);
  }

  .\[\&_tr\:nth-child\(odd\)\]\:bg-muted\/50 tr:nth-child(odd) {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_tr\:nth-child\(odd\)\]\:bg-muted\/50 tr:nth-child(odd) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
    }
  }

  .\[\&\:\:-moz-range-thumb\]\:h-3\.5::-moz-range-thumb {
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\:\:-moz-range-thumb\]\:w-3\.5::-moz-range-thumb {
    width: calc(var(--spacing) * 3.5);
  }

  .\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb {
    cursor: pointer;
  }

  .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .\[\&\:\:-moz-range-thumb\]\:border-\[\#2e90fa\]::-moz-range-thumb {
    border-color: #2e90fa;
  }

  .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
    background-color: var(--color-white);
  }

  .\[\&\:\:-moz-range-thumb\]\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.12\)\]::-moz-range-thumb {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\:\:-moz-range-track\]\:h-1::-moz-range-track {
    height: calc(var(--spacing) * 1);
  }

  .\[\&\:\:-moz-range-track\]\:rounded::-moz-range-track {
    border-radius: .25rem;
  }

  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }

  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:h-2::-webkit-scrollbar {
    height: calc(var(--spacing) * 2);
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
    width: calc(var(--spacing) * 2);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb {
    border-radius: .25rem;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-300::-webkit-scrollbar-thumb {
    background-color: var(--color-slate-300);
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg-slate-100::-webkit-scrollbar-track {
    background-color: var(--color-slate-100);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:h-3\.5::-webkit-slider-thumb {
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:w-3\.5::-webkit-slider-thumb {
    width: calc(var(--spacing) * 3.5);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb {
    cursor: pointer;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
    appearance: none;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:border-\[\#2e90fa\]::-webkit-slider-thumb {
    border-color: #2e90fa;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb {
    background-color: hsl(var(--primary));
  }

  .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
    background-color: var(--color-white);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.12\)\]::-webkit-slider-thumb {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:transition-\[box-shadow\,transform\]::-webkit-slider-thumb {
    transition-property: box-shadow, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[\&\:\:-webkit-slider-thumb\]\:duration-150::-webkit-slider-thumb {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .\[\&\:\:-webkit-slider-thumb\:hover\]\:scale-110::-webkit-slider-thumb:hover {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\:\:-webkit-slider-thumb\:hover\]\:shadow-\[0_0_0_4px_rgba\(46\,144\,250\,0\.15\)\,0_1px_3px_rgba\(0\,0\,0\,0\.12\)\]::-webkit-slider-thumb:hover {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #2e90fa26), 0 1px 3px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .data-\[selection-end\]\:\[\&\:not\(\[data-hover\]\)\]\:bg-primary[data-selection-end]:not([data-hover]) {
    background-color: hsl(var(--primary));
  }

  .data-\[selection-end\]\:\[\&\:not\(\[data-hover\]\)\]\:text-primary-foreground[data-selection-end]:not([data-hover]) {
    color: hsl(var(--primary-foreground));
  }

  .data-\[selection-end\]\:\[\&\:not\(\[data-hover\]\)\]\:after\:bg-background[data-selection-end]:not([data-hover]):after {
    content: var(--tw-content);
    background-color: hsl(var(--background));
  }

  .data-\[invalid\]\:data-\[selection-end\]\:\[\&\:not\(\[data-hover\]\)\]\:bg-destructive[data-invalid][data-selection-end]:not([data-hover]) {
    background-color: hsl(var(--destructive));
  }

  .data-\[invalid\]\:data-\[selection-end\]\:\[\&\:not\(\[data-hover\]\)\]\:text-destructive-foreground[data-invalid][data-selection-end]:not([data-hover]) {
    color: hsl(var(--destructive-foreground));
  }

  .data-\[selection-start\]\:\[\&\:not\(\[data-hover\]\)\]\:bg-primary[data-selection-start]:not([data-hover]) {
    background-color: hsl(var(--primary));
  }

  .data-\[selection-start\]\:\[\&\:not\(\[data-hover\]\)\]\:text-primary-foreground[data-selection-start]:not([data-hover]) {
    color: hsl(var(--primary-foreground));
  }

  .data-\[selection-start\]\:\[\&\:not\(\[data-hover\]\)\]\:after\:bg-background[data-selection-start]:not([data-hover]):after {
    content: var(--tw-content);
    background-color: hsl(var(--background));
  }

  .data-\[invalid\]\:data-\[selection-start\]\:\[\&\:not\(\[data-hover\]\)\]\:bg-destructive[data-invalid][data-selection-start]:not([data-hover]) {
    background-color: hsl(var(--destructive));
  }

  .data-\[invalid\]\:data-\[selection-start\]\:\[\&\:not\(\[data-hover\]\)\]\:text-destructive-foreground[data-invalid][data-selection-start]:not([data-hover]) {
    color: hsl(var(--destructive-foreground));
  }

  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible {
    position: relative;
  }

  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible {
    z-index: 10;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
    width: fit-content;
  }

  .\[\&\>button\]\:hidden > button, .\[\&\>button\:last-child\]\:hidden > button:last-child {
    display: none;
  }

  .\[\&\>div\]\:mr-0 > div {
    margin-right: calc(var(--spacing) * 0);
  }

  .\[\&\>div\]\:mb-0\! > div {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .\[\&\>div\:last-child\]\:flex > div:last-child {
    display: flex;
  }

  .\[\&\>div\:last-child\]\:flex-wrap > div:last-child {
    flex-wrap: wrap;
  }

  .\[\&\>div\:last-child\]\:items-center > div:last-child {
    align-items: center;
  }

  .\[\&\>div\:last-child\]\:gap-x-6 > div:last-child {
    column-gap: calc(var(--spacing) * 6);
  }

  .\[\&\>div\:last-child\]\:gap-y-2 > div:last-child {
    row-gap: calc(var(--spacing) * 2);
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

  .\[\&\>span\]\:truncate > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  @media (hover: hover) {
    .\[\&\>span\]\:hover\:text-green-700 > span:hover {
      color: var(--color-green-700);
    }

    .\[\&\>span\]\:hover\:text-red-600 > span:hover {
      color: var(--color-red-600);
    }
  }

  .\[\&\>span\:first-child\]\:hidden > span:first-child {
    display: none;
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:absolute > svg {
    position: absolute;
  }

  .\[\&\>svg\]\:top-4 > svg {
    top: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:left-4 > svg {
    left: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>svg\]\:text-destructive > svg {
    color: hsl(var(--destructive));
  }

  .\[\&\>svg\]\:text-foreground > svg {
    color: hsl(var(--foreground));
  }

  .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
    --tw-translate-y: -3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
    padding-left: calc(var(--spacing) * 7);
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
    rotate: 90deg;
  }

  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
    rotate: 180deg;
  }

  [data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize, [data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  .shadow-2xs {
    box-shadow: var(--shadow-2xs);
  }

  .shadow-xs {
    box-shadow: var(--shadow-xs);
  }

  .shadow-sm {
    box-shadow: var(--shadow-sm);
  }

  .shadow {
    box-shadow: var(--shadow);
  }

  .shadow-md {
    box-shadow: var(--shadow-md);
  }

  .shadow-lg {
    box-shadow: var(--shadow-lg);
  }

  .shadow-xl {
    box-shadow: var(--shadow-xl);
  }

  .shadow-2xl {
    box-shadow: var(--shadow-2xl);
  }

  .shadow-none {
    box-shadow: none;
  }

  [data-state="active"].data-\[state\=active\]\:shadow-sm {
    box-shadow: var(--shadow-sm);
  }

  [data-state="active"].data-\[state\=active\]\:shadow-md {
    box-shadow: var(--shadow-md);
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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-red-900: oklch(39.6% .141 25.723);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-orange-900: oklch(40.8% .123 38.172);
    --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-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-900: oklch(42.1% .095 57.708);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-700: oklch(50% .134 242.749);
    --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-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --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-700: oklch(49.1% .27 292.581);
    --color-violet-900: oklch(38% .189 293.745);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-pink-50: oklch(97.1% .014 343.198);
    --color-pink-100: oklch(94.8% .028 342.258);
    --color-pink-200: oklch(89.9% .061 343.231);
    --color-pink-700: oklch(52.5% .223 3.958);
    --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-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-900: oklch(21% .006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-xl: 80rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --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-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-thin: 100;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-lg: var(--radius);
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-2xs: 0 1px #0000000d;
    --shadow-xs: 0 1px 2px 0 #0000000d;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --shadow-2xl: 0 25px 50px -12px #00000040;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) 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);
    --color-surface-page: var(--color-surface-page);
    --color-surface-nav: var(--color-surface-nav);
    --color-surface-card: var(--color-surface-card);
    --color-surface-hover: var(--color-surface-hover);
    --color-surface-hover-strong: var(--color-surface-hover-strong);
    --color-surface-active: var(--color-surface-active);
    --color-surface-qr: var(--color-surface-qr);
    --color-surface-qr-backdrop: var(--color-surface-qr-backdrop);
    --color-surface-theme: var(--color-surface-theme);
    --color-line-default: var(--color-line-default);
    --color-line-strong: var(--color-line-strong);
    --color-line-theme: var(--color-line-theme);
    --color-ink-primary: var(--color-ink-primary);
    --color-ink-secondary: var(--color-ink-secondary);
    --color-ink-tertiary: var(--color-ink-tertiary);
    --color-ink-muted: var(--color-ink-muted);
    --color-ink-theme: var(--color-ink-theme);
    --color-ink-green: var(--color-ink-green);
    --color-ink-red: var(--color-ink-red);
    --color-action-theme: var(--color-action-theme);
    --color-action-secondary-bg: var(--color-action-secondary-bg);
    --color-action-secondary-border: var(--color-action-secondary-border);
    --color-icon-default: var(--color-icon-default);
    --color-background: hsl(var(--background));
    --color-secondary: hsl(var(--secondary));
    --color-border: hsl(var(--border));
    --z-behind: var(--z-behind);
    --z-base: var(--z-base);
    --z-raised: var(--z-raised);
    --z-sticky: var(--z-sticky);
    --z-layer: var(--z-layer);
    --z-layer-mid: var(--z-layer-mid);
    --z-above: var(--z-above);
    --z-table-col: var(--z-table-col);
    --z-multilang-base: var(--z-multilang-base);
    --z-multilang-high: var(--z-multilang-high);
    --z-table-header: var(--z-table-header);
    --z-suggest: var(--z-suggest);
    --z-drag: var(--z-drag);
    --z-dropdown-basic: var(--z-dropdown-basic);
    --z-above-modal: var(--z-above-modal);
    --z-navbar: var(--z-navbar);
    --z-filter: var(--z-filter);
    --z-overlay-panel: var(--z-overlay-panel);
    --z-resize: var(--z-resize);
    --z-floating-element: var(--z-floating-element);
    --z-backdrop: var(--z-backdrop);
    --z-panel: var(--z-panel);
    --z-panel-modal: var(--z-panel-modal);
    --z-modal-overlay: var(--z-modal-overlay);
    --z-badge-list: var(--z-badge-list);
    --z-badge-dropdown: var(--z-badge-dropdown);
    --z-modal-elevated: var(--z-modal-elevated);
    --z-dialog-overlay: var(--z-dialog-overlay);
    --z-dialog: var(--z-dialog);
    --z-clone-overlay: var(--z-clone-overlay);
    --z-clone: var(--z-clone);
    --z-sheet-overlay: var(--z-sheet-overlay);
    --z-sheet: var(--z-sheet);
    --z-menu: var(--z-menu);
    --z-floating-overlay: var(--z-floating-overlay);
    --z-floating: var(--z-floating);
    --z-popover-overlay: var(--z-popover-overlay);
    --z-popover: var(--z-popover);
    --z-popover-high: var(--z-popover-high);
    --z-combobox: var(--z-combobox);
    --z-select: var(--z-select);
    --z-alert: var(--z-alert);
    --z-canvas-element: var(--z-canvas-element);
    --z-color-picker: var(--z-color-picker);
    --z-dropdown-menu: var(--z-dropdown-menu);
    --z-contest-list: var(--z-contest-list);
    --z-search: var(--z-search);
    --z-notification: var(--z-notification);
    --z-language: var(--z-language);
    --z-contest-modal: var(--z-contest-modal);
    --z-loading: var(--z-loading);
    --z-page-overlay: var(--z-page-overlay);
    --z-website-backdrop: var(--z-website-backdrop);
    --z-website-modal: var(--z-website-modal);
    --z-drag-active: var(--z-drag-active);
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --font-family: Inter;
  --font-icomoon: icomoon;
  --theme-color: #105efb;
  --color-surface-page: #fcfcfd;
  --color-surface-nav: #fff;
  --color-surface-card: #fff;
  --color-surface-hover: #f9fafb;
  --color-surface-hover-strong: #f3f4f6;
  --color-surface-active: #eff6ff;
  --color-surface-qr: #f9fafb;
  --color-surface-qr-backdrop: transparent;
  --color-surface-theme: var(--theme-color);
  --color-line-default: #eaecf0;
  --color-line-strong: #d0d5dd;
  --color-line-theme: var(--theme-color);
  --color-ink-primary: #101828;
  --color-ink-secondary: #344054;
  --color-ink-tertiary: #475467;
  --color-ink-muted: #667085;
  --color-ink-theme: var(--theme-color);
  --color-ink-green: #3cbe6e;
  --color-ink-red: #ea5858;
  --color-action-theme: var(--theme-color);
  --color-action-secondary-bg: #fff;
  --color-action-secondary-border: #d0d5dd;
  --color-icon-default: #667085;
  --shadow-2xs: 0 1px #0000000d;
  --shadow-xs: 0 1px 2px 0 #0000000d;
  --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --shadow-2xl: 0 25px 50px -12px #00000040;
  --primary: 220 97% 52%;
  --primary-foreground: 0 0% 100%;
  --foreground: 226 37% 16%;
  --background: 0 0% 100%;
  --card: 0 0% 100%;
  --card-foreground: 226 37% 16%;
  --popover: 0 0% 100%;
  --popover-foreground: 226 37% 16%;
  --secondary: 220 20% 97%;
  --secondary-foreground: 226 37% 16%;
  --muted: 220 20% 97%;
  --muted-foreground: 220 9% 46%;
  --accent: 220 20% 97%;
  --accent-foreground: 226 37% 16%;
  --destructive: 0 79% 63%;
  --destructive-foreground: 0 0% 100%;
  --success: var(--color-emerald-500);
  --success-foreground: var(--color-emerald-900);
  --info: var(--color-violet-500);
  --info-foreground: var(--color-violet-900);
  --warning: var(--color-yellow-500);
  --warning-foreground: var(--color-yellow-900);
  --invert: var(--color-zinc-900);
  --invert-foreground: var(--color-zinc-50);
  --border: 210 14% 83%;
  --input: 210 14% 83%;
  --ring: 220 97% 52%;
  --radius: .5rem;
  --z-behind: -1;
  --z-base: 0;
  --z-raised: 1;
  --z-sticky: 2;
  --z-layer: 3;
  --z-layer-mid: 4;
  --z-above: 5;
  --z-table-col: 9;
  --z-multilang-base: 10;
  --z-multilang-high: 11;
  --z-table-header: 12;
  --z-suggest: 25;
  --z-drag: 50;
  --z-dropdown-basic: 60;
  --z-above-modal: 99;
  --z-navbar: 100;
  --z-filter: 200;
  --z-overlay-panel: 300;
  --z-resize: 999;
  --z-floating-element: 1000;
  --z-backdrop: 1040;
  --z-panel: 1050;
  --z-panel-modal: 1054;
  --z-modal-overlay: 1055;
  --z-badge-list: 1056;
  --z-badge-dropdown: 1057;
  --z-modal-elevated: 1060;
  --z-dialog-overlay: 1100;
  --z-dialog: 1101;
  --z-clone-overlay: 1300;
  --z-clone: 1301;
  --z-sheet-overlay: 1499;
  --z-sheet: 1500;
  --z-menu: 1550;
  --z-floating-overlay: 1600;
  --z-floating: 1601;
  --z-popover-overlay: 1699;
  --z-popover: 1700;
  --z-popover-high: 1701;
  --z-combobox: 1750;
  --z-select: 1800;
  --z-alert: 1801;
  --z-canvas-element: 2000;
  --z-color-picker: 2200;
  --z-dropdown-menu: 3001;
  --z-contest-list: 4000;
  --z-search: 5000;
  --z-notification: 9999;
  --z-language: 10000;
  --z-contest-modal: 20000;
  --z-loading: 99999;
  --z-page-overlay: 100000;
  --z-website-backdrop: 999998;
  --z-website-modal: 999999;
  --z-drag-active: 99990000;
}

.dark {
  --color-surface-page: #111318;
  --color-surface-nav: #0d0f14;
  --color-surface-card: #1a1f2e;
  --color-surface-hover: #232839;
  --color-surface-hover-strong: #2d3448;
  --color-surface-active: #105efb26;
  --color-surface-qr: #111318;
  --color-surface-qr-backdrop: #1e2331;
  --color-surface-theme: var(--theme-color);
  --color-line-default: #2d3340;
  --color-line-strong: #3d4455;
  --color-ink-primary: #f2f4f7;
  --color-ink-secondary: #c0c8d4;
  --color-ink-tertiary: #a0aabb;
  --color-ink-muted: #85909e;
  --color-ink-theme: #60a5fa;
  --color-ink-green: #3cbe6e;
  --color-ink-red: #ea5858;
  --color-action-theme: var(--theme-color);
  --color-action-secondary-bg: #232839;
  --color-action-secondary-border: #3d4455;
  --color-icon-default: #85909e;
  --primary: 220 93% 67%;
  --primary-foreground: 0 0% 100%;
  --background: 222 47% 11%;
  --foreground: 220 13% 91%;
  --card: 222 47% 11%;
  --card-foreground: 220 13% 91%;
  --popover: 222 47% 11%;
  --popover-foreground: 220 13% 91%;
  --secondary: 217 33% 17%;
  --secondary-foreground: 220 13% 91%;
  --muted: 217 33% 17%;
  --muted-foreground: 215 20% 65%;
  --accent: 217 33% 17%;
  --accent-foreground: 220 13% 91%;
  --destructive: 0 63% 31%;
  --destructive-foreground: 0 0% 100%;
  --success: var(--color-emerald-500);
  --success-foreground: var(--color-emerald-600);
  --info: var(--color-violet-500);
  --info-foreground: var(--color-violet-600);
  --warning: var(--color-yellow-500);
  --warning-foreground: var(--color-yellow-600);
  --invert: var(--color-zinc-700);
  --invert-foreground: var(--color-zinc-50);
  --border: 217 33% 17%;
  --input: 217 33% 17%;
  --ring: 220 93% 67%;
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }

  to {
    height: 0;
  }
}

@keyframes wb-shimmer-sweep {
  100% {
    transform: translateX(100%);
  }
}

@keyframes scale-in {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .login-heading {
    font-size: 21px;
    line-height: 28px;
  }
}

@media (min-width: 992px) {
  .login-heading {
    font-size: 24px;
    line-height: 32px;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-down {
  animation: 1.2s ease-out forwards fadeInDown;
}

.fade-in-down-delay {
  opacity: 0;
  animation: 1.2s ease-out .3s forwards fadeInDown;
}

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  opacity: 0;
  animation: 1s ease-out forwards fadeInUpSmall;
}

@keyframes fadeInUpMedium {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up-medium {
  opacity: 0;
  animation: .6s ease-out forwards fadeInUpMedium;
}

.fade-in-up-fast {
  opacity: 0;
  animation: .4s ease-out .2s forwards fadeInUpMedium;
}

.hero-section {
  min-height: 100vh;
  color: var(--color-white);
  background: linear-gradient(135deg, #0e1a35 0%, #152850 100%);
  align-items: center;
  padding: 70px 80px 100px;
  display: none;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .hero-section {
    display: flex;
  }
}

.hero-bg {
  pointer-events: none;
  inset: calc(var(--spacing) * 0);
  z-index: 1;
  position: absolute;
}

.hero-content {
  z-index: 5;
  max-width: calc(var(--spacing) * 150);
  position: relative;
}

.hero-content-view2 {
  justify-content: space-between;
  gap: calc(var(--spacing) * 12.5);
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.hero-content-view2 .hero-subtext {
  max-width: 100%;
}

.hero-section-view2 {
  padding: calc(var(--spacing) * 20);
  align-items: stretch;
}

.hero-section-view2 .hero-content-view2 {
  justify-content: space-between;
  height: 100%;
}

@media (min-width: 2000px) {
  .hero-section-view2 {
    align-items: center;
  }

  .hero-section-view2 .hero-content-view2 {
    height: auto;
    max-width: calc(var(--spacing) * 200);
    justify-content: center;
    gap: calc(var(--spacing) * 10);
  }
}

.hero-badge {
  margin-bottom: calc(var(--spacing) * 8);
  align-items: center;
  gap: calc(var(--spacing) * 2);
  width: fit-content;
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-white);
  text-transform: none;
  letter-spacing: normal;
  background-color: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 3.40282e38px;
  display: flex;
}

@media (min-width: 768px) {
  .hero-badge {
    margin-bottom: calc(var(--spacing) * 10);
  }
}

.hero-badge .dot {
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  background-color: #4ade80;
  border-radius: 3.40282e38px;
  flex-shrink: 0;
}

.hero-heading {
  --tw-leading: calc(var(--spacing) * 17.5);
  font-size: 56px;
  line-height: calc(var(--spacing) * 17.5);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: -.02rem;
  letter-spacing: -.02rem;
}

.hero-heading .highlight {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #9fa8ff, #f5a3b7);
  -webkit-background-clip: text;
}

.hero-heading-view2 {
  margin-top: calc(var(--spacing) * 10);
  --tw-leading: calc(var(--spacing) * 10.5);
  font-size: 36px;
  line-height: calc(var(--spacing) * 10.5);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: -.02rem;
  letter-spacing: -.02rem;
}

.hero-heading-view2 .highlight {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #9fa8ff, #f5a3b7);
  -webkit-background-clip: text;
}

.hero-subtext {
  max-width: calc(var(--spacing) * 130);
  color: #cbd5e1;
  margin-top: 5px;
  font-size: 18px;
}

.capsule {
  z-index: 1;
  opacity: 0;
  -webkit-backdrop-filter: blur(20px);
  background: linear-gradient(135deg, #ffffff0f 0%, #ffffff05 40%, #ffffff14 100%);
  border: 1px solid #ffffff14;
  border-radius: 999px;
  position: absolute;
  box-shadow: inset 0 0 40px #ffffff08, 0 10px 40px #00000040;
}

.capsule-main {
  height: calc(var(--spacing) * 35);
  width: calc(var(--spacing) * 150);
  animation: .8s ease-out .2s forwards fadeInCapsuleMain, 30s ease-in-out 1s infinite floatMain;
  top: 24%;
  left: -5%;
  transform: rotate(14deg);
}

.capsule-top-left {
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 37.5);
  animation: .8s ease-out .4s forwards fadeInCapsuleTopLeft, 30s ease-in-out 1.2s infinite floatSmall;
  top: 12%;
  left: 20%;
  transform: rotate(-20deg);
}

.capsule-top-right {
  height: calc(var(--spacing) * 15);
  width: calc(var(--spacing) * 50);
  animation: .8s ease-out .6s forwards fadeInCapsuleTopRight, 30s ease-in-out 1.4s infinite floatMedium;
  top: 19%;
  right: 24%;
  transform: rotate(20deg);
}

.capsule-bottom-left {
  z-index: 3;
  height: calc(var(--spacing) * 20);
  width: calc(var(--spacing) * 75);
  opacity: 0;
  animation: .8s ease-out .8s forwards fadeInCapsuleBottomLeft, 30s ease-in-out 1.6s infinite floatBottomLeft;
  bottom: 8%;
  left: 12%;
  transform: rotate(-12deg);
}

.capsule-bottom-right {
  right: calc(var(--spacing) * 2.5);
  height: calc(var(--spacing) * 30);
  width: calc(var(--spacing) * 125);
  opacity: 0;
  animation: .8s ease-out 1s forwards fadeInCapsuleBottomRight, 30s ease-in-out 1.8s infinite floatBottomRight;
  bottom: 6%;
  transform: rotate(-14deg);
}

@keyframes floatMain {
  0% {
    transform: translateY(0) rotate(14deg);
  }

  50% {
    transform: translateY(-30px) rotate(14deg);
  }

  100% {
    transform: translateY(0) rotate(14deg);
  }
}

@keyframes floatSmall {
  0% {
    transform: translateY(0) rotate(-20deg);
  }

  50% {
    transform: translateY(-20px) rotate(-20deg);
  }

  100% {
    transform: translateY(0) rotate(-20deg);
  }
}

@keyframes floatMedium {
  0% {
    transform: translateY(0) rotate(20deg);
  }

  50% {
    transform: translateY(-30px) rotate(20deg);
  }

  100% {
    transform: translateY(0) rotate(20deg);
  }
}

@keyframes floatBottomLeft {
  0% {
    transform: translateY(0) rotate(-12deg);
  }

  50% {
    transform: translateY(-45px) rotate(-12deg);
  }

  100% {
    transform: translateY(0) rotate(-12deg);
  }
}

@keyframes floatBottomRight {
  0% {
    transform: translateY(0) rotate(-14deg);
  }

  50% {
    transform: translateY(-35px) rotate(-14deg);
  }

  100% {
    transform: translateY(0) rotate(-14deg);
  }
}

@keyframes fadeInCapsuleMain {
  0% {
    opacity: 0;
    transform: translateY(-40px) rotate(14deg);
  }

  100% {
    opacity: 1;
    transform: translateY(0) rotate(14deg);
  }
}

@keyframes fadeInCapsuleTopLeft {
  0% {
    opacity: 0;
    transform: translateY(-40px) rotate(-20deg);
  }

  100% {
    opacity: 1;
    transform: translateY(0) rotate(-20deg);
  }
}

@keyframes fadeInCapsuleTopRight {
  0% {
    opacity: 0;
    transform: translateY(-40px) rotate(20deg);
  }

  100% {
    opacity: 1;
    transform: translateY(0) rotate(20deg);
  }
}

@keyframes fadeInCapsuleBottomLeft {
  0% {
    opacity: 0;
    transform: translateY(-40px) rotate(-12deg);
  }

  100% {
    opacity: 1;
    transform: translateY(0) rotate(-12deg);
  }
}

@keyframes fadeInCapsuleBottomRight {
  0% {
    opacity: 0;
    transform: translateY(-40px) rotate(-14deg);
  }

  100% {
    opacity: 1;
    transform: translateY(0) rotate(-14deg);
  }
}

@media (min-width: 1680px) {
  .capsule-main {
    top: 26%;
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 40);
    width: calc(var(--spacing) * 175);
  }

  .capsule-top-left {
    height: calc(var(--spacing) * 12.5);
    width: calc(var(--spacing) * 45);
    top: 14%;
    left: 22%;
  }

  .capsule-top-right {
    height: calc(var(--spacing) * 17.5);
    width: calc(var(--spacing) * 60);
    top: 20%;
    right: 22%;
  }

  .capsule-bottom-left {
    height: calc(var(--spacing) * 22.5);
    width: calc(var(--spacing) * 87.5);
    bottom: 10%;
    left: 14%;
  }

  .capsule-bottom-right {
    height: calc(var(--spacing) * 32.5);
    width: calc(var(--spacing) * 137.5);
    bottom: 8%;
    right: 2%;
  }
}

@media (min-width: 1920px) {
  .capsule-main {
    height: calc(var(--spacing) * 45);
    width: calc(var(--spacing) * 200);
    top: 28%;
    left: -5%;
  }

  .capsule-top-left {
    height: calc(var(--spacing) * 15);
    width: calc(var(--spacing) * 50);
    top: 16%;
    left: 24%;
  }

  .capsule-top-right {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 70);
    top: 22%;
    right: 20%;
  }

  .capsule-bottom-left {
    height: calc(var(--spacing) * 25);
    width: calc(var(--spacing) * 100);
    bottom: 12%;
    left: 16%;
  }

  .capsule-bottom-right {
    height: calc(var(--spacing) * 35);
    width: calc(var(--spacing) * 150);
    bottom: 10%;
    right: 5%;
  }
}

.view-toggle-dot {
  height: calc(var(--spacing) * 2.5);
  width: calc(var(--spacing) * 2.5);
  cursor: pointer;
  --tw-border-style: none;
  padding: calc(var(--spacing) * 0);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: ease;
  --tw-outline-style: none;
  background-color: #d0d5dd;
  border-style: none;
  border-radius: 3.40282e38px;
  outline-style: none;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: none;
}

@media (min-width: 768px) {
  .view-toggle-dot {
    display: inline-block;
  }
}

.view-toggle-dot:hover {
  background-color: #98a2b3;
  scale: 1.2;
}

.view-toggle-dot.active {
  width: calc(var(--spacing) * 6);
  background-color: #007bff;
  border-radius: 5px;
}

.view-toggle-dot:focus {
  --tw-outline-style: none;
  outline-style: none;
  box-shadow: 0 0 0 3px #007bff33;
}

.view2-testimonials {
  margin-top: calc(var(--spacing) * 5);
  opacity: 0;
  width: 100%;
  animation: .5s ease-out .3s forwards fadeInUp;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.testimonial-wrapper {
  z-index: 10;
  margin-top: calc(var(--spacing) * 7);
  min-height: calc(var(--spacing) * 50);
  position: relative;
}

.testimonial-card {
  pointer-events: none;
  bottom: calc(var(--spacing) * 0);
  width: 100%;
  max-width: calc(var(--spacing) * 200);
  gap: calc(var(--spacing) * 5);
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 5);
  color: var(--color-white);
  opacity: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: none;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  flex-direction: column;
  transition: all .6s;
  display: flex;
  position: absolute;
  transform: translateY(40px);
}

.testimonial-card.active {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

.testimonial-user {
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  display: flex;
}

.testimonial-avatar {
  height: calc(var(--spacing) * 9.5);
  width: calc(var(--spacing) * 9.5);
  --tw-font-weight: var(--font-weight-semibold);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  background: #ffffff26;
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-name {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.testimonial-company {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.testimonial-text {
  margin-bottom: calc(var(--spacing) * 0);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1.6;
  color: #e5e7eb;
  line-height: 1.6;
}

.testimonial-dots {
  margin-top: calc(var(--spacing) * 6);
  gap: calc(var(--spacing) * 2.5);
  display: flex;
}

.testimonial-dots .dot {
  height: calc(var(--spacing) * 2.5);
  width: calc(var(--spacing) * 2.5);
  cursor: pointer;
  --tw-border-style: none;
  padding: calc(var(--spacing) * 0);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: ease;
  --tw-outline-style: none;
  background-color: #64748b;
  border-style: none;
  border-radius: 3.40282e38px;
  outline-style: none;
  transition-duration: .3s;
  transition-timing-function: ease;
}

.testimonial-dots .dot.active {
  width: calc(var(--spacing) * 6);
  background-color: var(--color-white);
  border-radius: 5px;
}

.hero-section-view3 {
  background: radial-gradient(circle at 50% 20%, #7c3aed26, #0000 40%), linear-gradient(#000 0%, #0b0f1a 100%);
  justify-content: center;
  align-items: center;
  height: 100vh;
  max-height: 100vh;
  padding: 40px 40px 0;
  display: flex;
}

.hero-content-view3 {
  width: 100%;
  height: 100%;
  max-width: calc(var(--spacing) * 200);
  text-align: center;
  flex-direction: column;
  display: flex;
}

@media (min-width: 2000px) {
  .hero-content-view3 {
    height: 85%;
  }
}

.view3-heading {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 7.5);
  text-align: center;
  --tw-leading: 1.3;
  --tw-font-weight: var(--font-weight-semibold);
  width: 65%;
  font-size: 30px;
  line-height: 1.3;
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
}

.view3-heading .highlight {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #9fa8ff, #f5a3b7);
  -webkit-background-clip: text;
}

.view3-badge-wrapper {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 2.5);
  width: 90%;
}

.view3-columns {
  margin-top: calc(var(--spacing) * 2.5);
  justify-content: center;
  gap: calc(var(--spacing) * 5);
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  -webkit-mask-image: linear-gradient(#0000 0%, #000 5% 95%, #0000 100%);
  mask-image: linear-gradient(#0000 0%, #000 5% 95%, #0000 100%);
}

.view3-column {
  will-change: transform;
  backface-visibility: hidden;
  flex-direction: column;
  flex: 1;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.scroll-slow {
  animation: 45s linear infinite scrollUp;
}

.scroll-medium {
  animation: 38s linear infinite scrollUp;
}

.scroll-fast {
  animation: 30s linear infinite scrollUp;
}

@keyframes scrollUp {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(0, -50%, 0);
  }
}

.view3-card {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
  max-width: calc(var(--spacing) * 65);
  padding: calc(var(--spacing) * 4.5);
  text-align: left;
  color: var(--color-white);
  box-shadow: none;
  background: linear-gradient(135deg, #ffffff1f 0%, #ffffff0a 100%);
  border: 1px solid #ffffff14;
  border-radius: 14px;
  flex-shrink: 0;
  font-size: 13px;
}

.view3-text {
  margin-bottom: calc(var(--spacing) * 4.5);
  --tw-leading: 1.6;
  color: #e5e7eb;
  font-size: 12px;
  line-height: 1.6;
}

.view3-user {
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  display: flex;
}

.view3-avatar {
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 9);
  --tw-font-weight: var(--font-weight-semibold);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  background-color: #1f2937;
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.view3-name {
  --tw-font-weight: var(--font-weight-semibold);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
}

.hero-section-view4 {
  background: linear-gradient(#050816 0%, #0b1020 100%);
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  max-height: 100vh;
  padding: 80px;
  position: relative;
  overflow: hidden;
}

.hero-section-view4:before, .hero-section-view4:after {
  content: "";
  filter: blur(80px);
  opacity: .4;
  pointer-events: none;
  z-index: var(--z-raised);
  border-radius: 50%;
  position: absolute;
}

.hero-section-view4:before {
  background: radial-gradient(circle, #4f46e580, #0000 70%);
  width: 500px;
  height: 500px;
  animation: 12s ease-in-out infinite view4Wave1;
  top: -10%;
  left: -5%;
}

.hero-section-view4:after {
  background: radial-gradient(circle, #6366f166, #0000 70%);
  width: 400px;
  height: 400px;
  animation: 10s ease-in-out infinite view4Wave2;
  bottom: -10%;
  right: -5%;
}

@keyframes view4Wave1 {
  0% {
    opacity: .4;
    transform: translate(0) scale(1);
  }

  33% {
    opacity: .5;
    transform: translate(15%, 10%) scale(1.15);
  }

  66% {
    opacity: .35;
    transform: translate(5%, 20%) scale(.95);
  }

  100% {
    opacity: .4;
    transform: translate(0) scale(1);
  }
}

@keyframes view4Wave2 {
  0% {
    opacity: .35;
    transform: translate(0) scale(1);
  }

  33% {
    opacity: .45;
    transform: translate(-10%, -15%) scale(1.1);
  }

  66% {
    opacity: .3;
    transform: translate(-20%, -5%) scale(.9);
  }

  100% {
    opacity: .35;
    transform: translate(0) scale(1);
  }
}

.view4-wave-container {
  pointer-events: none;
  inset: calc(var(--spacing) * 0);
  z-index: 2;
  position: absolute;
  overflow: hidden;
}

.view4-wave-svg {
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  width: 100%;
  height: 200%;
  position: absolute;
}

.view4-wave-svg path {
  fill: none;
  stroke-linecap: round;
}

.view4-wave-1 {
  animation: 12s linear infinite view4WaveRise;
}

.view4-wave-1 path {
  stroke: #6366f11f;
  stroke-width: 1.5px;
}

.view4-wave-2 {
  animation: 16s linear infinite view4WaveRise;
}

.view4-wave-2 path {
  stroke: #8b5cf614;
  stroke-width: 1px;
}

@keyframes view4WaveRise {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-50%);
  }
}

.hero-content-view4 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.view4-main-section {
  gap: calc(var(--spacing) * 0);
  flex: 1;
  margin-top: 8%;
  display: flex;
  overflow: visible;
}

.view4-left-column {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  flex-direction: column;
  padding: 0 28px 15% 0;
  display: flex;
  position: relative;
}

.view4-left-column:after {
  content: "";
  background: #ffffff26;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 15%;
  right: 0;
}

.view4-label {
  --tw-font-weight: var(--font-weight-semibold);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 3px;
  letter-spacing: 3px;
  white-space: nowrap;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  color: #fff6;
  transform: rotate(180deg);
}

.view4-progress-bar {
  height: calc(var(--spacing) * 20);
  width: calc(var(--spacing) * .75);
  min-width: calc(var(--spacing) * .75);
  background: #ffffff1a;
  border-radius: .25rem;
  position: relative;
  overflow: hidden;
}

.view4-progress-fill {
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 0);
  background-color: var(--color-white);
  border-radius: .25rem;
  width: 100%;
  transition: height .5s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
}

.view4-right-column {
  padding-left: calc(var(--spacing) * 7);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-bottom: 15%;
  display: flex;
}

.view4-badges-section {
  margin-bottom: calc(var(--spacing) * 5);
  width: 100%;
}

.view4-badges-section img {
  max-width: 100%;
}

.view4-testimonial-section {
  margin-top: calc(var(--spacing) * 6);
  position: relative;
}

.view4-testimonial-wrapper {
  display: grid;
}

.view4-nav-arrows {
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  gap: calc(var(--spacing) * 2);
  display: flex;
  position: absolute;
}

.view4-quote-card {
  pointer-events: none;
  color: var(--color-white);
  opacity: 0;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  grid-area: 1 / 1;
}

.view4-quote-card.active {
  pointer-events: auto;
  opacity: 1;
}

.view4-quote-card .view4-company-tag {
  opacity: 0;
  transition: opacity .8s, transform .8s;
  transform: translateX(-30px);
}

.view4-quote-card.active .view4-company-tag {
  opacity: 1;
  transition-delay: .2s;
  transform: translateX(0);
}

.view4-quote-card .view4-quote-text {
  opacity: 0;
  transition: opacity .8s, transform .8s;
  transform: translateY(20px);
}

.view4-quote-card.active .view4-quote-text {
  opacity: 1;
  transition-delay: .4s;
  transform: translateY(0);
}

.view4-quote-card .view4-attribution {
  opacity: 0;
  transition: opacity .8s, transform .8s;
  transform: translateY(20px);
}

.view4-quote-card.active .view4-attribution {
  opacity: 1;
  transition-delay: .6s;
  transform: translateY(0);
}

.view4-company-tag {
  margin-bottom: calc(var(--spacing) * 4);
  align-items: center;
  gap: calc(var(--spacing) * 2);
  width: fit-content;
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 1.5);
  --tw-font-weight: var(--font-weight-normal);
  font-size: 13px;
  font-weight: var(--font-weight-normal);
  text-transform: none;
  color: #ffffffb3;
  letter-spacing: normal;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 3.40282e38px;
  display: inline-flex;
}

.view4-diamond {
  color: #818cf8;
  font-size: 10px;
}

.view4-quote-text {
  --tw-leading: 1.2;
  --tw-font-weight: var(--font-weight-normal);
  width: 100%;
  max-width: 100%;
  font-size: 36px;
  line-height: 1.2;
  font-weight: var(--font-weight-normal);
  --tw-tracking: -.02em;
  letter-spacing: -.02em;
  color: var(--color-white);
  font-family: Georgia, Times New Roman, serif;
}

.view4-attribution {
  margin-top: calc(var(--spacing) * 5);
}

.view4-author-detail {
  align-items: center;
  gap: calc(var(--spacing) * 7.5);
  display: flex;
}

.view4-divider {
  height: calc(var(--spacing) * .5);
  width: calc(var(--spacing) * 9);
  background: #ffffff4d;
  flex-shrink: 0;
}

.view4-quote-card .view4-divider {
  transform-origin: 0;
  transition: transform .8s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
}

.view4-quote-card.active .view4-divider {
  transition-delay: .6s;
  transform: scaleX(1);
}

.view4-author-name {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
}

.view4-arrow-btn {
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  cursor: pointer;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-white);
  background-color: #0000;
  border: 1px solid #fff3;
  border-radius: 3.40282e38px;
}

.view4-arrow-btn:hover {
  background: #ffffff14;
}

.view4-logos-section {
  margin-inline: calc(var(--spacing) * -20);
  padding-block: calc(var(--spacing) * 6);
}

.view4-marquee {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 10% 90%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 10% 90%, #0000 100%);
}

.view4-marquee-track {
  align-items: center;
  gap: calc(var(--spacing) * 12);
  padding-block: calc(var(--spacing) * 3);
  width: max-content;
  animation: 30s linear infinite view4Marquee;
  display: flex;
}

@keyframes view4Marquee {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

.view4-logo-item:hover .view4-logo-img {
  opacity: 1;
}

@media (max-width: 1200px) {
  .view4-quote-text {
    font-size: 32px;
  }
}

@media (max-width: 992px) {
  .hero-section-view4 {
    padding: calc(var(--spacing) * 10);
  }

  .view4-logos-section {
    margin-inline: calc(var(--spacing) * -10);
  }

  .view4-quote-text {
    font-size: 28px;
  }
}

@media (min-width: 1680px) {
  .view4-quote-text {
    max-width: 100%;
    font-size: 44px;
  }

  .view4-badges-section {
    max-width: calc(var(--spacing) * 162.5);
  }
}

.announcement-preview-footer {
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 1;
  background-image: linear-gradient(116deg, #344054 25%, #4a5467 25% 50%, #344054 50% 75%, #4a5467 75% 100%);
  background-size: 24.48px 50.19px;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.announcement-preview-marquee-container {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.announcement-preview-marquee-content {
  padding-block: calc(var(--spacing) * 1.5);
  color: var(--color-white);
  padding-left: 100%;
  font-size: 11px;
  animation: 20s linear infinite announcement-marquee;
  display: inline-block;
}

@keyframes announcement-marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.bulk-th-corner {
  box-sizing: border-box;
  --tw-border-style: none;
  color: var(--color-ink-muted);
  width: 50px;
  height: 2.5rem;
  z-index: var(--z-sticky);
  background-color: #f9fafc;
  border-style: none;
  position: sticky;
  top: -2px;
  left: -2px;
  padding: 0 !important;
}

.bulk-th-corner-inner {
  border-style: var(--tw-border-style);
  border-width: 0 1px 1px 0;
  border-color: #e2e8f0;
  width: 100%;
  height: 100%;
}

.bulk-th {
  box-sizing: border-box;
  border-style: var(--tw-border-style);
  color: var(--color-ink-muted);
  height: 2.5rem;
  z-index: var(--z-raised);
  background-color: #f9fafc;
  border-width: 0 0 1px;
  border-color: #e2e8f0;
  position: sticky;
  top: -2px;
  padding: 0 !important;
}

.bulk-th-inner {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-right-style: var(--tw-border-style);
  border-color: #e2e8f0;
  border-right-width: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 93%;
  display: flex;
}

.bulk-td-index {
  box-sizing: border-box;
  border-style: var(--tw-border-style);
  color: var(--color-ink-muted);
  width: 50px;
  height: 2.5rem;
  z-index: var(--z-raised);
  background-color: #f9fafc;
  border-width: 1px 1px 1px 0;
  border-color: #e2e8f0;
  position: sticky;
  left: -2px;
  padding: 0 !important;
}

.bulk-td {
  box-sizing: border-box;
  border-style: var(--tw-border-style);
  background-color: var(--color-white);
  color: var(--color-ink-primary);
  border-width: 1px;
  border-color: #e2e8f0;
  max-width: 320px;
  height: 2.5rem;
  padding: 0 !important;
}

.bulk-table-spacer {
  width: 257%;
  height: 6rem;
}

.bulk-notrack-cell {
  color: var(--disabledcell-color);
}

.bulk-rsvp-active {
  border: 1px solid var(--theme-color);
  border-radius: 5px;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 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-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;
}

@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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}
/* Badge Designer New UI Styles */

/* Sidebar Label Styles */

.sidebar-label {
  font-weight: 500;
  font-size: 14px;
  color: #1f2937;
  margin-bottom: 4px;
}

/* Main 3-column layout */

.badge-designer-layout {
  display: flex;
  height: calc(100vh - 60px);
  background-color: #f8f9fa;
}

/* New Header Styles */

.badge-designer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e2;
}

.badge-designer-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.badge-designer-header-left .back-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #1f2636;
  padding: 8px 12px;
  border-radius: 6px;
}

.badge-designer-header-left .back-btn:hover {
  background-color: #f3f4f6;
}

.badge-designer-header-left .header-title {
  font-size: 18px;
  font-weight: 600;
  color: #1f2636;
}

.badge-designer-header-center {
  display: flex;
  align-items: center;
  gap: 8px;
}

.badge-designer-header-center .action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  color: #52525b;
}

.badge-designer-header-center .action-btn:hover {
  background-color: #f3f4f6;
}

.badge-designer-header-center .action-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.badge-designer-header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.badge-designer-header-right .export-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid #e1e1e2;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.badge-designer-header-right .export-btn:hover {
  background-color: #f9fafb;
}

.badge-designer-header-right .save-btn {
  padding: 8px 20px;
  background-color: #2463eb;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.badge-designer-header-right .save-btn:hover {
  background-color: #1d4ed8;
}

.badge-designer-header-right .save-btn:disabled {
  background-color: #93c5fd;
  cursor: not-allowed;
}

/* Dashed border utility */

.border-dashed {
  border-style: dashed !important;
}

/* ===== TEXT FORMATTING SIDEBAR STYLES ===== */

.badge-text-formatting-sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  overflow: visible;
}

.badge-text-formatting-sidebar > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  overflow: visible !important;
}

.badge-text-formatting-sidebar .d-flex.gap-1.25 {
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
}

.badge-text-formatting-sidebar .dropdown-btn-container {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.badge-text-formatting-sidebar .dropdown-btn-container .dropdown,
.badge-text-formatting-sidebar .dropdown {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.badge-text-formatting-sidebar .dropdown-btn-container .btn,
.badge-text-formatting-sidebar .dropdown-btn-container .dropdown-toggle {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  color: #212529 !important;
  text-align: left !important;
  min-width: 0 !important;
  box-shadow: none !important;
}

.badge-text-formatting-sidebar .dropdown-btn-container .btn:hover,
.badge-text-formatting-sidebar .dropdown-btn-container .btn:focus,
.badge-text-formatting-sidebar .dropdown-btn-container .dropdown-toggle:hover,
.badge-text-formatting-sidebar .dropdown-btn-container .dropdown-toggle:focus {
  border-color: #86b7fe !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.badge-text-formatting-sidebar .dropdown-toggle span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.badge-text-formatting-sidebar .dropdown-menu {
  width: 100% !important;
  max-height: 200px !important;
  overflow-y: auto !important;
}

.badge-text-formatting-sidebar .d-flex.align-items-center.gap-3,
.badge-text-formatting-sidebar .d-flex.gap-1.25 > .d-flex.align-items-center {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 12px !important;
  background-color: #f8f9fa !important;
  border-radius: 8px !important;
  border: 1px solid #dee2e6 !important;
  margin-left: 0 !important;
  justify-content: flex-start !important;
}

.badge-text-formatting-sidebar .d-flex.align-items-center.gap-3 > div,
.badge-text-formatting-sidebar .d-flex.gap-1.25 > .d-flex.align-items-center > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  background-color: #fff !important;
  border: 1px solid #dee2e6 !important;
  flex-shrink: 0 !important;
}

.badge-text-formatting-sidebar .d-flex.align-items-center.gap-3 > div:hover {
  background-color: #e9ecef !important;
}

.badge-text-formatting-sidebar .d-flex.align-items-center.gap-3 > div.biu-selected {
  background-color: #e7f1ff !important;
  border-color: #0d6efd !important;
}

.badge-text-formatting-sidebar .picker-container {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: var(--z-notification) !important;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.badge-text-formatting-sidebar div[style*="position: relative"] {
  position: static !important;
}

.badge-text-formatting-sidebar .react-multi-select-custom-css {
  width: 100% !important;
}

.badge-text-formatting-sidebar .react-multi-select-custom-css > div {
  min-height: 38px !important;
}

/* Canvas wrapper */

.badge-canvas-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
}

/* Canvas Toolbar Styles */

.badge-canvas-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e2;
}

.badge-canvas-toolbar-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.badge-canvas-toolbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.badge-toolbar-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #52525b;
  border-radius: 6px;
}

.badge-toolbar-toggle:hover {
  background-color: #f3f4f6;
}

.badge-toolbar-toggle.active {
  background-color: #eff6ff;
  color: #2463eb;
}

.badge-toolbar-toggle svg {
  width: 18px;
  height: 18px;
}

/* Zoom controls */

.badge-zoom-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.badge-zoom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  color: #52525b;
}

.badge-zoom-btn:hover {
  background-color: #f3f4f6;
}

.badge-zoom-slider {
  width: 100px;
  height: 4px;
  -webkit-appearance: none;
  background: #e1e1e2;
  border-radius: 2px;
  outline: none;
}

.badge-zoom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  background: #2463eb;
  border-radius: 50%;
  cursor: pointer;
}

.badge-zoom-value {
  font-size: 14px;
  color: #52525b;
  min-width: 45px;
  text-align: center;
}

/* Badge boundary/canvas area */

.badge-boundary {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

/* Layers Panel (Right Sidebar) - w-64 = 256px */

.badge-layers-panel {
  flex: 0 0 256px;
  background-color: #fff;
  border-left: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Header - p-4 = 16px padding */

.badge-layers-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  margin-bottom: 0;
}

.badge-layers-header svg {
  width: 16px;
  height: 16px;
  color: #0f172a;
  flex-shrink: 0;
}

.badge-layers-title {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  margin: 0;
}

/* Layer list - space-y-2 = 8px gap between items */

.badge-layers-list {
  flex: 1;
  overflow-y: auto;
  padding: 0 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Layer item - flex items-center gap-2 p-2 rounded */

.badge-layer-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  cursor: pointer;
  transition: background-color 0.15s;
  border-radius: 6px;
}

.badge-layer-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.badge-layer-item.selected {
  background-color: rgba(59, 130, 246, 0.1);
}

/* Drag handle - cursor-grab */

.badge-layer-drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  color: #9ca3af;
}

.badge-layer-drag-handle:active {
  cursor: grabbing;
}

/* Visibility button - p-1 h-6 w-6 = 4px padding, 24x24 */

.badge-layer-visibility {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  color: #0f172a;
  transition: background-color 0.15s;
}

.badge-layer-visibility:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.badge-layer-visibility.hidden {
  color: #9ca3af;
}

/* Layer name - flex-1 text-sm truncate */

.badge-layer-name {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Delete button - p-1 h-6 w-6 text-destructive */

.badge-layer-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  color: #ef4444;
  transition: background-color 0.15s, color 0.15s;
}

.badge-layer-delete:hover {
  background-color: rgba(239, 68, 68, 0.1);
}

/* Dragging helper for sortable layers */

.badge-layer-dragging {
  z-index: var(--z-notification) !important;
  background-color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px !important;
  opacity: 1 !important;
  cursor: grabbing !important;
  list-style: none !important;
}

.badge-layer-dragging .badge-layer-item {
  background-color: #eff6ff;
}

/* Override for existing badge-modal-element-section */

.badge-designer-layout .badge-modal-element-section {
  height: auto;
  padding: 0;
}

/* Update badge-element-list for layers panel */

.badge-layers-list .badge-element-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.badge-layers-list .badge-element-list-group {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ===== CANVAS SELECTION HANDLES (TRANSFORMER) ===== */

.badge-box {
  box-sizing: border-box;
}

/* Selected element border */

.badge-box[style*="border: 1px solid"] {
  border: 2px solid #3b82f6 !important;
}

/* Resize handle common styles */

.resizePointers {
  width: 12px !important;
  height: 12px !important;
  background-color: #fff !important;
  border: 2px solid #3b82f6 !important;
  border-radius: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  z-index: var(--z-notification) !important;
}

/* Side handles */

.resize-handle-side {
  width: 10px !important;
  height: 10px !important;
  background-color: #fff !important;
  border: 2px solid #3b82f6 !important;
  border-radius: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  z-index: var(--z-notification) !important;
}
.icon-picker {
  display: inline-block;
  text-align: left;
}

form .nosubmit {
  border: none;
  padding: 0;
}

input.nosubmit {
  border: 1px solid #555;
  width: 50%;
  padding: 9px 4px 9px 40px;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat 13px center;
}

.icon-picker .pick-box-container {
  display: flex;
}

.pick-box {
  position: absolute;
  top: 100%;
  padding: 8px;
  left: 0;
  width: 400px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  z-index: var(--z-raised);
}

.icon-list .icon-item {
  display: inline-block;
  cursor: pointer;
  margin: 4px;
  background-color: rgb(241, 241, 241);
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 4px;
}

.icon-list .icon-item:hover {
  color: #e69e41;
  background-color: #0e0d0d;
}

.icon-item .icon {
  line-height: 32px;
  display: inline-block;
}
/* Remove default SVG grab icon from all handles */
.react-resizable-handle {
  background-image: none;
}
/* Remove the original triangle/border corner styling */
.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  border: none;
}
/* Single horizontal line for north/south */
.react-grid-item > .react-resizable-handle.react-resizable-handle-n::after,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s::after {
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 4px;
  background: rgba(208, 208, 208, 0.4);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n::after {
  top: 0;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s::after {
  bottom: 0;
}
/* Single vertical line for east/west */
.react-grid-item > .react-resizable-handle.react-resizable-handle-e::after,
.react-grid-item > .react-resizable-handle.react-resizable-handle-w::after {
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 30px;
  background: rgba(208, 208, 208, 0.4);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w::after {
  left: 0;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e::after {
  right: 0;
}
/* Remove all transforms from handles */
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e,
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  transform: none;
}
.custom-map-modal .modal-title {
  color: #344054;
  font-size: 15px;
}
.custom-map-modal .modal-header {
  background: #ffffff;
  border-bottom: 1px solid #eaecf0;
  padding: 0 20px !important;
  height: 54px;
  min-height: 54px;
  max-height: 54px;
  display: flex;
  align-items: center;
}
.custom-map-modal .modal-header .close {
  display: none !important;
}
.custom-map-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.custom-map-modal .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  box-shadow: none;
  background: #f8f9fa;
}
.custom-map-modal .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 52px;
  background: #ffffff;
  border-top: 1px solid #eaecf0;
  padding: 0 20px !important;
  margin: 0px;
  box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.03);
}
.map-menuitem:hover {
  color: var(--theme-color);
  cursor: pointer;
}
.custom-imap-modal .modal-body {
  padding: 0px;
  max-height: calc(100vh - 54px);
  height: 100vh;
  overflow-y: auto;
}
/* ========== Map Editor Header ========== */
.mapeditor-header-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 54px;
  gap: 12px;
}
.mapeditor-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.mapeditor-map-name {
  font-weight: 600;
  font-size: 15px;
  color: #101828;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.mapeditor-edit-btn {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.15s ease;
  padding: 0;
}
.mapeditor-edit-btn:hover {
  background-color: #f2f4f7;
}
.mapeditor-edit-btn img {
  width: 15px;
  height: 15px;
  opacity: 0.5;
}
.mapeditor-header-right {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.mapeditor-icon-btn {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.mapeditor-icon-btn img {
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.mapeditor-icon-btn:hover {
  background-color: #f9fafb;
  border-color: #d0d5dd;
}
.mapeditor-icon-btn:active {
  background-color: #f2f4f7;
}
.mapeditor-icon-btn--close:hover {
  background-color: #fef3f2;
  border-color: #fecdca;
}
.mapeditor-icon-btn--close:hover svg path {
  stroke: #d92d20;
}
.mapeditor-icon-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.mapeditor-icon-btn:disabled:hover {
  background: #ffffff;
  border-color: #e4e7ec;
}
.mapeditor-divider {
  width: 1px;
  height: 22px;
  background-color: #e4e7ec;
  margin: 0 2px;
  flex-shrink: 0;
}
.mapeditor-save-btn {
  height: 34px;
  border-radius: 8px;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 0 20px !important;
  min-width: 76px;
  letter-spacing: 0.01em;
}
.gblcbk {
  border: none !important;
}
.gblcbk .square {
  border: 1px solid lightgrey !important;
  min-width: 7px !important;
  padding-left: 5px !important;
  padding-top: 5px !important;
  padding-right: 0px !important;
}
.gblcbk .resizable-handler {
  width: 20px !important;
  height: 20px !important;
}/* Web Editor Css entries*/

.agenda-radio-group-container {
  padding: 10px;
}

.agenda-radio-group-container .agenda-group-title {
  font-family: Poppins;
  font-weight: 500;
  padding: 10px 0px;
}

.agenda-radio-group-container .agenda-radio-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.agenda-radio-group-container .agenda-radio-group label {
  display: flex;
  align-items: center;
  font-family: Poppins;
  font-size: 13px;
  cursor: pointer;
  gap: 8px;
  font-weight: normal !important;
  margin-bottom: 0px !important;
}

.agenda-radio-group-container .agenda-radio-group .agenda-radio-div {
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  border: 2px solid rgb(228, 233, 238);
  border-radius: 5px;
  transition: border 0.2s;
  height: 120px;
}

.agenda-radio-group-container .agenda-radio-group .agenda-radio-div.selected {
  border-color: #0b5ed7;
}

.agenda-radio-group-container .agenda-radio-group input[type="radio"] {
  accent-color: #0b5ed7;
  transform: scale(1.2);
}

.agenda-radio-img {
  width: 100%;
  height: 100%;
}

/* General styles */

.dash-bg-color {
  background-color: #f4f4f4;
  /* Default background color from layoutConfig */
}

/* Left Sidebar Button styles */

.left-sidebar-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  /* Adjust as needed */
  height: 40px;
  /* Adjust as needed */
  border-radius: 4px;
  /* Adjust as needed */
  cursor: pointer;
}

/* Topbar Panel Styles */

.topbar-panel {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 12px;
  /* px-3 converted */
  gap: 8px;
  /* gap-2 converted */
  color: #034ee2;
  background-color: transparent;
}

.topbar-panel .topbar-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 5px;
}

.topbar-panel .topbar-separator {
  border-right: 1px solid;
  align-self: stretch;
  margin: 5px 0;
  opacity: 0.5;
}

.topbar-panel .topbar-button.ml-auto {
  margin-left: auto;
}

.topbar-panel .topbar-button.border {
  border: 1px solid;
  border-radius: 4px;
  /* rounded converted */
  padding: 4px 8px;
  /* px-2 converted */
}

.topbar-panel .topbar-title {
  font-size: 14px;
  color: #034ee2;
}

.topbar-panel .editor-page-title {
  font-size: 14px;
  font-weight: bold;
  color: #034ee2;
}

.topbar-panel .topbar-panel-center {
  justify-content: center;
  gap: 10px;
}

.topbar-panel .topbar-panel-end {
  justify-content: flex-end;
  gap: 10px;
}

.topbar-panel .topbar-panel-start {
  justify-content: flex-start;
  gap: 10px;
}

.topbar-panel .topbar-panel-items {
  align-items: center;
}

.topbar-full-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 4px 8px;
  /* px-2 converted */
  background-color: #034ee2;
  /* Example active state */
  border-radius: 10px;
  color: white;
}

.topbar-close-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 4px 8px;
  /* px-2 converted */
  background-color: #ea5858;
  /* Example active state */
  border-radius: 10px;
  color: white;
}

.gs-top-active {
  /* Add styles for active state if needed */
  background-color: #034ee2;
  /* Example active state */
  border-radius: 5px;
  color: white;
}

/* Bottom Panel Styles */

.bottom-panel {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 12px;
  /* px-3 converted */
  gap: 8px;
  /* gap-2 converted */
  background-color: transparent;
}

.bottom-panel .bottom-select-field {
  margin-left: auto;
  max-width: 96px;
  /* max-w-24 converted */
}

.bottom-panel .bottom-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* Assets Panel Styles */

.assets-panel {
  padding: 8px;
  /* p-2 converted */
}

/* Layout Styles */

.layout-column {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
}

.layout-row {
  display: flex;
  flex-direction: row;
}

.layout-row.flex-grow {
  flex-grow: 1;
  overflow: hidden;
}

.layout-sidebar-top {
  display: flex;
  align-items: center;
  height: var(--top-sidebar-size);
}

.layout-sidebar-left {
  width: var(--left-sidebar-size);
  border-right-width: 1px;
  resize: none;
}

.layout-sidebar-left .left-sidebar-content {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  /* py-4 converted */
  gap: 20px;
  /* gap-5 converted */
  align-items: center;
  height: 100%;
}

.layout-canvas {
  flex-grow: 1;
}

.layout-sidebar-bottom {
  display: flex;
  align-items: center;
  height: var(--bottom-sidebar-size);
  border: none;
}

.layout-sidebar-right {
  width: var(--right-sidebar-size);
  border-left-width: 1px;
  resize: none;
}

.layout-sidebar-right .right-sidebar-content {
  display: flex;
  flex-direction: column;
  /* padding: 16px 0; py-4 converted */
  height: 100%;
}

/* Dynamic styles from createLeftSidebarButton onClick */

.rounded.border {
  border: 1px solid;
  border-radius: 4px;
}

.layout-absolute-left {
  position: absolute;
  left: var(--left-sidebar-size);
  top: var(--top-sidebar-size);
  margin-left: var(--gap-from-sidebars);
  margin-top: var(--gap-from-sidebars);
  height: calc(100% - var(--top-sidebar-size) - (var(--gap-from-sidebars) * 2) - var(--bottom-sidebar-size));
  background-color: white;
}

/* Custom styles from topbar publish onClick */

.publish-panel {
  padding: 8px;
  /* p-2 converted */
}

/* Custom styles from bottom panel ask onClick */

.ask-panel {
  padding: 8px;
  /* p-2 converted */
}

/* Global Styles Configuration */

/* body { */

/* background-color: white;  */

/* color: #484c51; */

/* font-family: Verdana, Geneva, Tahoma, sans-serif; */

/* } */

h1 {
  color: inherit;
  /* default h1Color */
  font-size: 2rem;
  /* default h1Size */
}

/* Custom Theme Colors */

:root {
  --global-text-color: rgba(13, 18, 22, 0.7);
  --gjs-main-font: Verdana, Geneva, Tahoma, sans-serif;
}

.gs-panel-properties {
  padding: 10px;
}

.right-sidebar-content {
  width: 300px;
}

.gs-studio-root {
  font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

.custom-blocks-layout .gs-block-manager__blocks {
  font-size: 11px;
}

.custom-blocks-layout .gs-utl-block-media {
  width: 26px;
  margin-bottom: 4px;
}

.gs-cmp-accordion-content .gs-cmp-svg-icon {
  width: 10px;
}

.gs-cmp-accordion-content .gs-cmp-svg-icon {
  width: 12px;
}

.gs-cmp-accordion-content .gs-cmp-layer-item {
  font-size: 12px;
}

.gs-cmp-color-field label {
  font-size: 12px;
}

.gs-input-field label {
  font-size: 12px;
}

.gs-cmp-accordion-handler__content-label {
  padding: 5px 0px;
  font-size: 13px;
}

.gs-studio-root input {
  font-size: 12px;
}

.gs-utl-list-disc li {
  font-size: 13px;
}

#saveTemplateProjectButton {
  transition: background-color 0.5s ease;
}

.custom-backdrop {
  z-index: var(--z-website-backdrop) !important;
}

.custom-modal {
  z-index: var(--z-website-modal) !important;
}

.custom-modal-header .btn-close {
  font-size: 10px !important;
  padding: 10px 12px !important;
}

.custom-modal-body {
  background-color: white;
}

.gs-utl-topbar-button #undo:disabled,
.gs-utl-topbar-button #redo:disabled {
  opacity: 0.4;
}

.asset-title-container {
  position: relative;
  width: 95%;
}

.max-upload {
  font-size: 12px;
  color: #034ee2;
}

.upload-error {
  position: absolute;
  bottom: -50px;
  font-size: 12px;
  color: #ea5858;
}

.menu-link-options {
  padding: 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
  font-family: Arial, sans-serif;
}

.menu-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #333;
}

.menu-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.menu-item {
  display: flex;
  gap: 8px;
  align-items: center;
}

.menu-input {
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
}

.menu-name-input {
  flex: 1;
}

.menu-link-input {
  flex: 2;
}

.gs-utl-text-sm {
  font-size: 0.7rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
}

.gs-cmp-svg-icon>svg {
  width: 14px;
}

#headlessui-portal-root [role="dialog"] {
  z-index: var(--z-page-overlay);
  /* should be higher then the one of the editor wrapper */
}/* ─── ProFinder Module Styles ─── */

/* Gradient avatar backgrounds */

.pf-g1 { background: linear-gradient(135deg, #667eea, #764ba2); }

.pf-g2 { background: linear-gradient(135deg, #f093fb, #f5576c); }

.pf-g3 { background: linear-gradient(135deg, #4facfe, #00f2fe); }

.pf-g4 { background: linear-gradient(135deg, #43e97b, #38f9d7); }

.pf-g5 { background: linear-gradient(135deg, #fa709a, #fee140); }

.pf-g6 { background: linear-gradient(135deg, #a18cd1, #fbc2eb); }

.pf-g7 { background: linear-gradient(135deg, #f7971e, #ffd200); }

.pf-g8 { background: linear-gradient(135deg, #56ab2f, #a8e063); }

/* Card hover */

.pf-vcard { transition: box-shadow 0.18s, border-color 0.18s, transform 0.18s; }

.pf-vcard:hover {
  border-color: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.3) !important;
  box-shadow: 0 4px 16px rgba(var(--bs-primary-rgb, 37, 99, 235), 0.09) !important;
  transform: translateY(-1px);
}

.pf-lcard { transition: box-shadow 0.18s, border-color 0.18s; }

.pf-lcard:hover {
  border-color: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.3) !important;
  box-shadow: 0 4px 16px rgba(var(--bs-primary-rgb, 37, 99, 235), 0.09) !important;
}

/* Category tabs scrollable row */

.pf-cat-tabs { overflow-x: auto; scrollbar-width: none; }

.pf-cat-tabs::-webkit-scrollbar { display: none; }

/* Tab button */

.pf-ctab {
  border: none; border-bottom: 2px solid transparent;
  background: none; cursor: pointer; transition: all 0.15s;
}

.pf-ctab:hover { color: #111827 !important; }

.pf-ctab.pf-ctab-active {
  color: var(--bs-primary) !important;
  border-bottom-color: var(--bs-primary) !important;
  font-weight: 600 !important;
}

.pf-ctab .pf-ctab-n {
  font-size: 10.5px; background: #F9FAFB; border: 1px solid #E5E7EB;
  border-radius: 10px; padding: 1px 5px; color: #6B7280;
}

.pf-ctab.pf-ctab-active .pf-ctab-n {
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.08);
  border-color: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.25);
  color: var(--bs-primary);
}

/* Dropdown animation */

@keyframes pf-dd-pop {
  from { opacity: 0; transform: translateY(-4px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.pf-dd-open { animation: pf-dd-pop 0.15s ease; }

/* Shortlist button */

.pf-sl-btn-off { transition: background 0.15s; }

.pf-sl-btn-off:hover { background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.18) !important; }

.pf-sl-btn-on { transition: filter 0.15s; }

.pf-sl-btn-on:hover { filter: brightness(0.9); }

/* View More button */

.pf-view-more {
  display: flex; align-items: center; gap: 4px;
  padding: 4px 10px; border-radius: 6px; font-size: 11.5px; font-weight: 500;
  cursor: pointer; border: 1px solid #E5E7EB; background: #fff; color: #6B7280;
  transition: all 0.15s;
}

.pf-view-more:hover {
  border-color: var(--bs-primary) !important;
  color: var(--bs-primary) !important;
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.06) !important;
}

/* Contact pills */

.pf-pill-li:hover { background: #DBEAFE !important; }

.pf-pill-ph:hover { background: #D1FAE5 !important; }

/* Location dropdown option */

.pf-loc-opt { cursor: pointer; transition: background 0.12s; }

.pf-loc-opt:hover {
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.06) !important;
  color: var(--bs-primary) !important;
}

/* Shortlist dropdown item */

.pf-sl-dd-item { cursor: pointer; transition: background 0.1s; }

.pf-sl-dd-item:hover {
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.06) !important;
  color: var(--bs-primary) !important;
}

/* "Create new list" dashed buttons */

.pf-new-list-btn { transition: all 0.15s; }

.pf-new-list-btn:hover {
  background: #DBEAFE !important;
  border-color: var(--bs-primary) !important;
}

/* List selector dropdown item */

.pf-lsd-item { cursor: pointer; transition: background 0.1s; }

.pf-lsd-item:hover { background: #F9FAFB !important; }

.pf-lsd-item-active {
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.06) !important;
  color: var(--bs-primary) !important;
  font-weight: 600;
}

.pf-lsd-item-active .pf-lsd-icon {
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.08) !important;
  border-color: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.25) !important;
  color: var(--bs-primary) !important;
}

.pf-lsd-item-active .pf-lsd-badge {
  background: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}

/* List selector button */

.pf-ls-btn { transition: all 0.15s; }

.pf-ls-btn:hover,
.pf-ls-btn-open {
  border-color: var(--bs-primary) !important;
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.06) !important;
  color: var(--bs-primary) !important;
}

.pf-ls-btn-open {
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 37, 99, 235), 0.08) !important;
}

.pf-ls-btn-open .pf-lsb-count {
  background: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}

.pf-ls-btn-open .pf-lsb-chevron { transform: rotate(180deg); }

.pf-lsb-chevron { transition: transform 0.15s; display: inline-block; }

/* Remove button */

.pf-rm-btn { transition: color 0.15s; }

.pf-rm-btn:hover { color: #EF4444 !important; }

/* Export button */

.pf-export-btn { transition: all 0.15s; }

.pf-export-btn:hover {
  border-color: var(--bs-primary) !important;
  color: var(--bs-primary) !important;
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.06) !important;
}

/* Pagination button */

.pf-pgb { transition: all 0.15s; }

.pf-pgb:hover { border-color: var(--bs-primary) !important; color: var(--bs-primary) !important; }

/* Contact row in modal */

.pf-ct-row { transition: all 0.15s; }

.pf-ct-row:hover {
  border-color: var(--bs-primary) !important;
  background: rgba(var(--bs-primary-rgb, 37, 99, 235), 0.06) !important;
}

.pf-ct-nolink:hover {
  border-color: #E5E7EB !important;
  background: #F9FAFB !important;
}

/* Modal slide-up */

@keyframes pf-slide-up {
  from { transform: translateY(10px); opacity: 0.85; }
  to   { transform: translateY(0); opacity: 1; }
}

.pf-modal-box { animation: pf-slide-up 0.22s ease; }

/* Create list modal scale-in */

@keyframes pf-scale-in {
  from { transform: scale(0.96); opacity: 0.8; }
  to   { transform: scale(1); opacity: 1; }
}

.pf-newlist-box { animation: pf-scale-in 0.18s ease; }

/* Toast */

.pf-toast {
  position: fixed; bottom: 24px; left: 50%;
  transform: translateX(-50%) translateY(12px);
  background: #111827; color: #fff;
  padding: 10px 18px; border-radius: 8px;
  font-size: 13px; font-weight: 500;
  z-index: var(--z-notification); pointer-events: none; white-space: nowrap;
  transition: opacity 0.25s, transform 0.25s; opacity: 0;
}

.pf-toast-show {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* Loc input focus */

.pf-loc-input:focus {
  border-color: var(--bs-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 37, 99, 235), 0.1) !important;
  outline: none;
}

/* New list input focus */

.pf-newlist-input:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 37, 99, 235), 0.08) !important;
  outline: none;
}

/* Panel vendor row separator */

.pf-sv-row { border-bottom: 1px solid #E5E7EB; }

.pf-sv-row:last-child { border-bottom: none; }

/* Scrollable panel vendors */

.pf-panel-vendors { max-height: 480px; overflow-y: auto; }

/* Loading spinner */

@keyframes spin { to { transform: rotate(360deg); } }
/* =========================
   FLOATING BUTTON — hover:scale done in Tailwind; keep only keyframe
========================= */

/* =========================
   INITIAL SCREEN ANIMATIONS
========================= */

.ring {
  transform: scale(0.6);
  opacity: 0;
  animation: ringZoom 0.45s ease forwards;
}

@keyframes ringZoom {
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.animate-title {
  position: relative;
  display: inline-block;
  opacity: 0;
  transform: translateY(22px);
  animation: titleUp 0.45s ease forwards;
  animation-delay: 0.12s;
}

.animate-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: #eaecf0e8;
  transform: translateX(-50%);
  animation: titleBorder 0.4s ease forwards;
  animation-delay: 0.35s;
}

@keyframes titleUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes titleBorder {
  to {
    width: 100%;
  }
}

.animate-subtitle {
  opacity: 0;
  transform: translateY(20px);
  animation: subtitleUp 0.4s ease forwards;
  animation-delay: 0.5s;
}

@keyframes subtitleUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   DOT LOADER ANIMATION
========================= */

.typing .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  animation: blink 1.4s infinite both;
}

.typing .dot:nth-child(2) {
  animation-delay: 0.2s;
}

.typing .dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes blink {
  0%   { opacity: 0.2; }
  20%  { opacity: 1; }
  100% { opacity: 0.2; }
}

/* =========================
   RESOURCE GROUP SCROLLBAR
========================= */

.resource-group {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

.resource-group::-webkit-scrollbar {
  width: 6px;
}

.resource-group::-webkit-scrollbar-track {
  background: transparent;
}

.resource-group::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  transition: background-color 0.3s ease;
}

.resource-group:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.35);
}

/* =========================
   BOT BUBBLE — prose styles for dangerouslySetInnerHTML content
========================= */

.bubble-text a {
  color: #105efb;
  text-decoration: underline;
  word-break: break-word;
}

.bubble-text a:hover {
  color: #0e4fd1;
}

.bubble-text ul {
  padding-left: 18px;
  margin: 6px 0;
}

.bubble-text li {
  margin-bottom: 4px;
}

.bubble-text strong {
  font-weight: 600;
}