/* [project]/packages/shared/theme/tokens.css [app-client] (css) */
:root {
  --tg-gap: 2px;
  --tg-thumb: 20px;
  --tg-off: var(--tg-gap);
  --tg-on: calc(100% - var(--tg-thumb) - var(--tg-gap));
}

[dir="rtl"] {
  --tg-off: calc(100% - var(--tg-thumb) - var(--tg-gap));
  --tg-on: var(--tg-gap);
}

:root {
  --bg-00: 244 239 230;
  --bg-01: 251 247 240;
  --surf-01: 251 247 240;
  --surf-02: 251 247 240;
  --surf-03: 251 247 240;
  --border-subtle: 229 221 208;
  --border-strong: 214 197 192;
  --text-primary: 28 24 18;
  --text-secondary: 74 63 48;
  --text-muted: 117 106 88;
  --button: 216 148 60;
  --button-foreground: 28 24 18;
  --tab: 216 148 60;
  --tab-foreground: 28 24 18;
  --brand: 216 148 60;
  --brand-light: 229 184 112;
  --brand-glow: 255 200 87;
  --chart-1: 74 50 27;
  --chart-2: 115 62 1;
  --chart-3: 120 102 72;
  --chart-4: 173 132 79;
  --chart-5: 199 128 33;
  --shadow-1: 0 6px 18px 0 rgba(28, 24, 18, calc(0 * var(--elevation-active)));
  --shadow-1-hover: 0 6px 18px 0 rgba(28, 24, 18, calc(0 * var(--elevation-active)));
  --shadow-1-x: 0;
  --shadow-1-y: 0;
  --shadow-2: 0 6px 18px 0 rgba(28, 24, 18, calc(.06 * var(--elevation-active)));
  --shadow-3: 0 12px 32px 0 rgba(28, 24, 18, calc(.1 * var(--elevation-active)));
  --text-display: clamp(2rem, 4vw + 1rem, 3.5rem);
  --text-headline: clamp(1.5rem, 3vw + .9rem, 2.25rem);
  --text-title: clamp(1.25rem, 1.5vw + .7rem, 1.5rem);
  --text-body: 1rem;
  --text-caption: .875rem;
  --lh-display: 1.05;
  --lh-headline: 1.15;
  --lh-title: 1.3;
  --lh-body: 1.5;
  --lh-body-arabic: 1.6;
  --lh-caption: 1.4;
  --fw-display: 500;
  --fw-headline: 500;
  --fw-title: 500;
  --fw-body: 400;
  --fw-caption: 400;
  --fw-mono: 400;
  --touch-target-min: 48px;
  --touch-gap-min: 8px;
  --icon-size-sm: 20px;
  --icon-size-md: 24px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --header-content-height: 3.5rem;
  --header-height: calc(var(--header-content-height) + var(--safe-top));
  --header-logo-height: 3rem;
  --sidebar-width: 16rem;
  --sidebar-collapsed-width: 3.5rem;
  --bottom-nav-content-height: 3.5rem;
  --bottom-nav-height: calc(var(--bottom-nav-content-height) + var(--safe-bottom));
  --shell-bottom-inset: 0px;
  --shell-start-inset: 0px;
  --sidebar-radius: calc(var(--radius) * 2);
  --dialog-radius: var(--radius);
  --sheet-radius: 1.25rem;
  --density-scale: 1;
  --elevation-active: 1;
  --background: 244 239 230;
  --foreground: 28 24 18;
  --card: 251 247 240;
  --card-foreground: 28 24 18;
  --popover: 251 247 240;
  --popover-foreground: 28 24 18;
  --primary: 216 148 60;
  --primary-foreground: 28 24 18;
  --secondary: 235 227 210;
  --secondary-foreground: 28 24 18;
  --muted: 235 227 210;
  --muted-foreground: 117 106 88;
  --accent: 235 227 210;
  --accent-foreground: 28 24 18;
  --hover: 216 148 60;
  --destructive: 156 68 59;
  --destructive-foreground: 251 247 240;
  --success: 61 106 63;
  --success-foreground: 244 239 230;
  --warning: 130 87 0;
  --warning-foreground: 244 239 230;
  --info: 65 99 127;
  --info-foreground: 244 239 230;
  --border: 229 221 208;
  --input: 229 221 208;
  --ring: 216 148 60;
}

.dark {
  --bg-00: 28 24 18;
  --bg-01: 31 26 20;
  --surf-01: 37 32 26;
  --surf-02: 42 36 28;
  --surf-03: 47 40 32;
  --border-subtle: 58 50 37;
  --border-strong: 69 56 42;
  --text-primary: 232 226 218;
  --text-secondary: 181 171 153;
  --text-muted: 163 154 140;
  --button: 216 148 60;
  --button-foreground: 28 24 18;
  --tab: 216 148 60;
  --tab-foreground: 28 24 18;
  --brand: 216 148 60;
  --brand-light: 229 184 112;
  --brand-glow: 255 200 87;
  --chart-1: 240 219 185;
  --chart-2: 190 159 111;
  --chart-3: 219 147 58;
  --chart-4: 126 108 77;
  --chart-5: 153 96 25;
  --shadow-1: 0 6px 18px 0 rgba(0, 0, 0, calc(0 * var(--elevation-active)));
  --shadow-1-hover: 0 6px 18px 0 rgba(0, 0, 0, calc(0 * var(--elevation-active)));
  --shadow-1-x: 0;
  --shadow-1-y: 0;
  --shadow-2: 0 6px 18px 0 rgba(0, 0, 0, calc(.45 * var(--elevation-active)));
  --shadow-3: 0 12px 32px 0 rgba(0, 0, 0, calc(.65 * var(--elevation-active)));
  --background: 28 24 18;
  --foreground: 232 226 218;
  --card: 37 32 26;
  --card-foreground: 232 226 218;
  --popover: 37 32 26;
  --popover-foreground: 232 226 218;
  --primary: 216 148 60;
  --primary-foreground: 28 24 18;
  --secondary: 42 36 28;
  --secondary-foreground: 232 226 218;
  --muted: 42 36 28;
  --muted-foreground: 163 154 140;
  --accent: 42 36 28;
  --accent-foreground: 232 226 218;
  --hover: 216 148 60;
  --destructive: 223 128 116;
  --destructive-foreground: 28 24 18;
  --success: 131 179 132;
  --success-foreground: 28 24 18;
  --warning: 216 178 96;
  --warning-foreground: 28 24 18;
  --info: 125 163 197;
  --info-foreground: 28 24 18;
  --border: 58 50 37;
  --input: 58 50 37;
  --ring: 216 148 60;
}

html[data-chart-palette="contrast"] {
  --chart-1: 73 51 26;
  --chart-2: 99 53 4;
  --chart-3: 135 87 44;
  --chart-4: 126 99 75;
  --chart-5: 167 96 23;
}

html.dark[data-chart-palette="contrast"] {
  --chart-1: 245 217 187;
  --chart-2: 247 170 105;
  --chart-3: 202 170 146;
  --chart-4: 221 124 7;
  --chart-5: 173 130 93;
}

html[data-chart-palette="cvd"] {
  --chart-1: 39 39 168;
  --chart-2: 142 0 77;
  --chart-3: 123 76 0;
  --chart-4: 18 100 143;
  --chart-5: 29 159 91;
}

html.dark[data-chart-palette="cvd"] {
  --chart-1: 48 252 178;
  --chart-2: 119 193 240;
  --chart-3: 252 148 16;
  --chart-4: 96 119 250;
  --chart-5: 185 54 152;
}

html, body {
  background-color: rgb(var(--bg-00));
  color: rgb(var(--text-primary));
  line-height: var(--lh-body);
}

:root {
  --ground-flip: 1;
}

body, .ambient {
  background-image: radial-gradient(ellipse 80% 80% at calc(50% - 30% * var(--ground-flip, 1)) 80%,
      rgb(var(--ground-1, var(--brand)) / calc(var(--ground-1-strength, .55) * var(--ambient, 0)))
        0%,
      transparent 55%),
    radial-gradient(ellipse 60% 60% at calc(50% + 30% * var(--ground-flip, 1)) 20%,
      rgb(var(--ground-2, var(--brand-light)) / calc(var(--ground-2-strength, .45) * var(--ambient, 0)))
        0%,
      transparent 55%),
    radial-gradient(ellipse 55% 55% at 50% 50%,
      rgb(var(--ground-3, var(--brand-glow)) / calc(var(--ground-3-strength, .3) * var(--ambient, 0)))
        0%,
      transparent 60%);
}

[dir="rtl"] {
  --ground-flip: -1;
}

.app-ground {
  background-color: var(--app-ground, rgb(var(--card)));
}

@media (pointer: coarse) {
  body {
    background-attachment: scroll;
  }
}

body {
  --font-sans: var(--font-inter), system-ui, sans-serif;
  --font-arabic: var(--font-tajawal), system-ui, sans-serif;
  font-family: var(--font-sans);
}

[dir="rtl"] body {
  font-family: var(--font-arabic);
  line-height: var(--lh-body-arabic);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--border-strong)) transparent;
}

:hover {
  scrollbar-color: rgb(var(--brand) / .55) transparent;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background-color: rgb(var(--border-strong));
  background-clip: padding-box;
  border: 3px solid #0000;
  border-radius: 9999px;
  transition: background-color .15s ease-out;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--brand) / .7);
}

::-webkit-scrollbar-thumb:active {
  background-color: rgb(var(--brand));
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar-corner {
  background: none;
}

@media (prefers-reduced-motion: reduce) {
  ::-webkit-scrollbar-thumb {
    transition: none;
  }
}

.scrollbar-hover-only {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.scrollbar-hover-only:hover {
  scrollbar-color: rgb(var(--border-strong)) transparent;
}

.scrollbar-hover-only::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar-hover-only::-webkit-scrollbar-thumb {
  background-color: #0000;
  border-width: 2px;
}

.scrollbar-hover-only:hover::-webkit-scrollbar-thumb {
  background-color: rgb(var(--border-strong));
}

.scrollbar-hover-only:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--brand) / .7);
}

@media (pointer: coarse) {
  .pointer-fine-only {
    display: none !important;
  }

  .touch-target {
    min-block-size: var(--touch-target-min);
    min-inline-size: var(--touch-target-min);
  }

  .touch-hit {
    position: relative;
  }

  .touch-hit:after {
    content: "";
    min-block-size: var(--touch-target-min);
    min-inline-size: var(--touch-target-min);
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.press-sink:active:not(:disabled) {
  transform: translate(var(--shadow-1-x), var(--shadow-1-y));
  box-shadow: none;
}

.surface {
  background-color: rgb(var(--surface-tint, var(--surface-fill, var(--card))) / var(--surface-alpha, 1));
  border-color: rgb(var(--border) / var(--surface-border-alpha, 1));
  -webkit-backdrop-filter: var(--surface-filter, none);
  transition: background-color .2s cubic-bezier(.16, 1, .3, 1), border-color .2s cubic-bezier(.16, 1, .3, 1);
}

.surface-interactive:hover {
  background-color: rgb(var(--surface-tint, var(--surface-fill, var(--card))) / var(--surface-alpha-hover, 1));
  border-color: rgb(var(--border) / var(--surface-border-alpha-hover, 1));
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .surface, .surface-interactive:hover {
    background-color: rgb(var(--surface-fill, var(--card)));
  }
}

@media (prefers-reduced-transparency: reduce) {
  .surface, .surface-interactive:hover {
    background-color: rgb(var(--surface-fill, var(--card)));
    -webkit-backdrop-filter: none;
  }
}

.scrim {
  background-color: rgb(var(--scrim, 0 0 0) / var(--scrim-alpha, .8));
  -webkit-backdrop-filter: var(--scrim-filter, none);
}

.surface-popover {
  --surface-fill: var(--popover);
}

.surface-field {
  --surface-fill: var(--background);
}

.surface-raised {
  --surface-fill: var(--surf-02);
}

.surface-muted {
  --surface-fill: var(--muted);
}

.surface-control {
  --surface-alpha: var(--control-alpha, 1);
  --surface-alpha-hover: var(--control-alpha-hover, 1);
}

.surface .surface {
  --surface-tint: initial;
  -webkit-backdrop-filter: none;
}

:root {
  --motion-flip: 1;
}

[dir="rtl"] {
  --motion-flip: -1;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    transition-delay: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: .01ms !important;
  }

  .animate-spin {
    animation: 1s linear infinite spin !important;
  }

  .animate-pulse {
    animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse !important;
  }

  .animate-ping {
    animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping !important;
  }

  ::view-transition-group(*) {
    animation-duration: .01ms !important;
    animation-delay: .01ms !important;
  }

  ::view-transition-old(*) {
    animation-duration: .01ms !important;
    animation-delay: .01ms !important;
  }

  ::view-transition-new(*) {
    animation-duration: .01ms !important;
    animation-delay: .01ms !important;
  }
}

html[data-motion="off"] *, html[data-motion="off"] :before, html[data-motion="off"] :after {
  scroll-behavior: auto !important;
  transition-duration: .01ms !important;
  transition-delay: .01ms !important;
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  animation-delay: .01ms !important;
}

html[data-motion="off"] .animate-spin {
  animation: 1s linear infinite spin !important;
}

html[data-motion="off"] .animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse !important;
}

html[data-motion="off"] .animate-ping {
  animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping !important;
}

html[data-motion="off"]::view-transition-group(*) {
  animation-duration: .01ms !important;
  animation-delay: .01ms !important;
}

html[data-motion="off"]::view-transition-old(*) {
  animation-duration: .01ms !important;
  animation-delay: .01ms !important;
}

html[data-motion="off"]::view-transition-new(*) {
  animation-duration: .01ms !important;
  animation-delay: .01ms !important;
}

html[data-nav-transition="forward"] {
  --nav-direction: 1;
}

html[data-nav-transition="back"] {
  --nav-direction: -1;
}

html[data-nav-transition] {
  --nav-page-duration: max(.01ms,
    calc(var(--motion-page-duration, var(--motion-slide-swap-duration, .26s)) *
        var(--motion-scale, 1)));
  --nav-page-fade-duration: max(.01ms,
    calc(var(--nav-page-duration) * var(--motion-page-fade-ratio, .5)));
  --nav-page-curve: var(--motion-page-curve, var(--motion-slide-swap-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1))));
}

@keyframes motion-page-enter-travel {
  from {
    transform: translateX(calc(var(--nav-direction, 1) * var(--motion-flip, 1) * var(--motion-slide-swap-travel, 3) *
          var(--motion-page-travel, 1) * 8%));
  }

  to {
    transform: translateX(0);
  }
}

@keyframes motion-page-enter-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes motion-page-exit-travel {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(var(--nav-direction, 1) * var(--motion-flip, 1) * var(--motion-slide-swap-travel, 3) *
          var(--motion-page-travel, 1) * -8%));
  }
}

@keyframes motion-page-exit-fade {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

html[data-nav-transition]::view-transition-group(page-content) {
  overflow: hidden;
}

html[data-nav-transition]::view-transition-old(page-content) {
  animation: motion-page-exit-travel var(--nav-page-duration) var(--nav-page-curve) both,
    motion-page-exit-fade var(--nav-page-fade-duration) var(--nav-page-curve) both;
}

html[data-nav-transition]::view-transition-new(page-content) {
  animation: motion-page-enter-travel var(--nav-page-duration) var(--nav-page-curve) both,
    motion-page-enter-fade var(--nav-page-fade-duration) var(--nav-page-curve) both;
}

html[data-nav-transition]::view-transition-old(root) {
  opacity: 0;
  animation: none;
}

html[data-nav-transition]::view-transition-new(root) {
  opacity: 1;
  animation: none;
}

.safe-inline {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}

/* [project]/apps/web/app/globals.css [app-client] (css) */
*, :before, :after, ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

*, :before, :after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  border-color: rgb(var(--border) / 1);
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--font-sans);
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

body {
  line-height: inherit;
  margin: 0;
}

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;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  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;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root:has([data-shell-bottom-bar]) {
  --shell-bottom-inset: var(--bottom-nav-height);
}

@media (min-width: 1280px) {
  :root:has([data-shell-bottom-bar]) {
    --shell-bottom-inset: 0px;
  }

  :root:has([data-shell-rail="expanded"]) {
    --shell-start-inset: var(--sidebar-width);
  }

  :root:has([data-shell-rail="collapsed"]) {
    --shell-start-inset: var(--sidebar-collapsed-width);
  }
}

@supports not selector(:has(*)) {
  :root {
    --shell-bottom-inset: var(--bottom-nav-height);
  }

  @media (min-width: 1280px) {
    :root {
      --shell-bottom-inset: 0px;
      --shell-start-inset: var(--sidebar-width);
    }
  }
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.\!relative {
  position: relative !important;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.-inset-1 {
  inset: -.25rem;
}

.-inset-8 {
  inset: -2rem;
}

.-inset-full {
  inset: -100%;
}

.-inset-px {
  inset: -1px;
}

.inset-0 {
  inset: 0;
}

.inset-2 {
  inset: .5rem;
}

.inset-4 {
  inset: 1rem;
}

.inset-6 {
  inset: 1.5rem;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-x-1 {
  left: .25rem;
  right: .25rem;
}

.inset-x-2 {
  left: .5rem;
  right: .5rem;
}

.inset-x-2\.5 {
  left: .625rem;
  right: .625rem;
}

.inset-x-3 {
  left: .75rem;
  right: .75rem;
}

.inset-x-4 {
  left: 1rem;
  right: 1rem;
}

.inset-x-\[1\.125rem\] {
  left: 1.125rem;
  right: 1.125rem;
}

.inset-x-auto {
  left: auto;
  right: auto;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-y-1 {
  top: .25rem;
  bottom: .25rem;
}

.inset-y-\[1\.125rem\] {
  top: 1.125rem;
  bottom: 1.125rem;
}

.inset-y-\[calc\(var\(--rail-mark\)\/2\)\] {
  top: calc(var(--rail-mark) / 2);
  bottom: calc(var(--rail-mark) / 2);
}

.-bottom-0\.5 {
  bottom: -.125rem;
}

.-bottom-1 {
  bottom: -.25rem;
}

.-bottom-1\.5 {
  bottom: -.375rem;
}

.-bottom-12 {
  bottom: -3rem;
}

.-bottom-4 {
  bottom: -1rem;
}

.-bottom-5 {
  bottom: -1.25rem;
}

.-end-0\.5 {
  inset-inline-end: -.125rem;
}

.-end-1 {
  inset-inline-end: -.25rem;
}

.-end-1\.5 {
  inset-inline-end: -.375rem;
}

.-end-12 {
  inset-inline-end: -3rem;
}

.-end-2 {
  inset-inline-end: -.5rem;
}

.-end-2\.5 {
  inset-inline-end: -.625rem;
}

.-left-4 {
  left: -1rem;
}

.-left-\[9px\] {
  left: -9px;
}

.-right-4 {
  right: -1rem;
}

.-start-12 {
  inset-inline-start: -3rem;
}

.-start-2 {
  inset-inline-start: -.5rem;
}

.-start-2\.5 {
  inset-inline-start: -.625rem;
}

.-start-8 {
  inset-inline-start: -2rem;
}

.-top-0\.5 {
  top: -.125rem;
}

.-top-1 {
  top: -.25rem;
}

.-top-1\.5 {
  top: -.375rem;
}

.-top-12 {
  top: -3rem;
}

.-top-2 {
  top: -.5rem;
}

.-top-2\.5 {
  top: -.625rem;
}

.-top-3 {
  top: -.75rem;
}

.-top-4 {
  top: -1rem;
}

.bottom-0 {
  bottom: 0;
}

.bottom-1 {
  bottom: .25rem;
}

.bottom-1\/3 {
  bottom: 33.3333%;
}

.bottom-2 {
  bottom: .5rem;
}

.bottom-3 {
  bottom: .75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-\[calc\(var\(--bottom-nav-height\)\+0\.5rem\)\] {
  bottom: calc(var(--bottom-nav-height) + .5rem);
}

.bottom-full {
  bottom: 100%;
}

.end-0 {
  inset-inline-end: 0;
}

.end-1 {
  inset-inline-end: .25rem;
}

.end-1\.5 {
  inset-inline-end: .375rem;
}

.end-1\/4 {
  inset-inline-end: 25%;
}

.end-11 {
  inset-inline-end: 2.75rem;
}

.end-2 {
  inset-inline-end: .5rem;
}

.end-3 {
  inset-inline-end: .75rem;
}

.end-4 {
  inset-inline-end: 1rem;
}

.end-6 {
  inset-inline-end: 1.5rem;
}

.end-8 {
  inset-inline-end: 2rem;
}

.end-\[max\(0\.75rem\,3cqw\)\] {
  inset-inline-end: max(.75rem, 3cqw);
}

.end-full {
  inset-inline-end: 100%;
}

.left-0 {
  left: 0;
}

.left-1\/2 {
  left: 50%;
}

.left-1\/3 {
  left: 33.3333%;
}

.left-\[50\%\] {
  left: 50%;
}

.right-0 {
  right: 0;
}

.right-1\/3 {
  right: 33.3333%;
}

.start-0 {
  inset-inline-start: 0;
}

.start-1 {
  inset-inline-start: .25rem;
}

.start-1\.5 {
  inset-inline-start: .375rem;
}

.start-1\/2 {
  inset-inline-start: 50%;
}

.start-1\/4 {
  inset-inline-start: 25%;
}

.start-2 {
  inset-inline-start: .5rem;
}

.start-2\.5 {
  inset-inline-start: .625rem;
}

.start-3 {
  inset-inline-start: .75rem;
}

.start-4 {
  inset-inline-start: 1rem;
}

.start-6 {
  inset-inline-start: 1.5rem;
}

.start-8 {
  inset-inline-start: 2rem;
}

.start-\[1\.09375rem\] {
  inset-inline-start: 1.09375rem;
}

.start-\[5px\] {
  inset-inline-start: 5px;
}

.start-\[calc\(1rem-0\.5px\)\] {
  inset-inline-start: calc(1rem - .5px);
}

.start-\[max\(0\.75rem\,3cqw\)\] {
  inset-inline-start: max(.75rem, 3cqw);
}

.start-auto {
  inset-inline-start: auto;
}

.start-full {
  inset-inline-start: 100%;
}

.top-0 {
  top: 0;
}

.top-1\.5 {
  top: .375rem;
}

.top-1\/2 {
  top: 50%;
}

.top-1\/3 {
  top: 33.3333%;
}

.top-2 {
  top: .5rem;
}

.top-2\.5 {
  top: .625rem;
}

.top-3 {
  top: .75rem;
}

.top-4 {
  top: 1rem;
}

.top-8 {
  top: 2rem;
}

.top-\[1px\] {
  top: 1px;
}

.top-\[2\.3rem\] {
  top: 2.3rem;
}

.top-\[2\.625rem\] {
  top: 2.625rem;
}

.top-\[50\%\] {
  top: 50%;
}

.top-\[60\%\] {
  top: 60%;
}

.top-\[72px\] {
  top: 72px;
}

.top-\[var\(--header-height\)\] {
  top: var(--header-height);
}

.top-\[var\(--header-height\,0px\)\] {
  top: var(--header-height, 0px);
}

.top-full {
  top: 100%;
}

.top-px {
  top: 1px;
}

.isolate {
  isolation: isolate;
}

.-z-10 {
  z-index: -10;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[200\] {
  z-index: 200;
}

.z-picker {
  z-index: 60;
}

.order-last {
  order: 9999;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-full {
  grid-column: 1 / -1;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-start-1 {
  grid-row-start: 1;
}

.float-start {
  float: inline-start;
}

.float-end {
  float: inline-end;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: .25rem;
}

.m-2 {
  margin: .5rem;
}

.m-3 {
  margin: .75rem;
}

.m-auto {
  margin: auto;
}

.-mx-1 {
  margin-left: -.25rem;
  margin-right: -.25rem;
}

.-mx-2 {
  margin-left: -.5rem;
  margin-right: -.5rem;
}

.-mx-3 {
  margin-left: -.75rem;
  margin-right: -.75rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-my-1\.5 {
  margin-top: -.375rem;
  margin-bottom: -.375rem;
}

.-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.mx-0\.5 {
  margin-left: .125rem;
  margin-right: .125rem;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.mx-1\.5 {
  margin-left: .375rem;
  margin-right: .375rem;
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0\.5 {
  margin-top: .125rem;
  margin-bottom: .125rem;
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.my-1\.5 {
  margin-top: .375rem;
  margin-bottom: .375rem;
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.-mb-1 {
  margin-bottom: -.25rem;
}

.-mb-5 {
  margin-bottom: -1.25rem;
}

.-me-1 {
  margin-inline-end: -.25rem;
}

.-me-2 {
  margin-inline-end: -.5rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.-ms-1 {
  margin-inline-start: -.25rem;
}

.-ms-1\.5 {
  margin-inline-start: -.375rem;
}

.-ms-2 {
  margin-inline-start: -.5rem;
}

.-ms-4 {
  margin-inline-start: -1rem;
}

.-ms-6 {
  margin-inline-start: -1.5rem;
}

.-mt-1 {
  margin-top: -.25rem;
}

.-mt-12 {
  margin-top: -3rem;
}

.-mt-2 {
  margin-top: -.5rem;
}

.-mt-3 {
  margin-top: -.75rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-0\.5 {
  margin-bottom: .125rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-auto {
  margin-bottom: auto;
}

.me-1 {
  margin-inline-end: .25rem;
}

.me-1\.5 {
  margin-inline-end: .375rem;
}

.me-2 {
  margin-inline-end: .5rem;
}

.me-3 {
  margin-inline-end: .75rem;
}

.me-auto {
  margin-inline-end: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: .25rem;
}

.ms-0\.5 {
  margin-inline-start: .125rem;
}

.ms-1 {
  margin-inline-start: .25rem;
}

.ms-1\.5 {
  margin-inline-start: .375rem;
}

.ms-2 {
  margin-inline-start: .5rem;
}

.ms-2\.5 {
  margin-inline-start: .625rem;
}

.ms-3 {
  margin-inline-start: .75rem;
}

.ms-3\.5 {
  margin-inline-start: .875rem;
}

.ms-4 {
  margin-inline-start: 1rem;
}

.ms-6 {
  margin-inline-start: 1.5rem;
}

.ms-auto {
  margin-inline-start: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-2\.5 {
  margin-top: .625rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-px {
  margin-top: 1px;
}

.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-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.flow-root {
  display: flow-root;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[1\.91\/1\] {
  aspect-ratio: 1.91;
}

.aspect-\[3\/1\] {
  aspect-ratio: 3;
}

.aspect-\[3\/4\] {
  aspect-ratio: 3 / 4;
}

.aspect-\[4\/3\] {
  aspect-ratio: 4 / 3;
}

.aspect-\[4\/5\] {
  aspect-ratio: 4 / 5;
}

.aspect-\[5\/4\] {
  aspect-ratio: 5 / 4;
}

.aspect-\[9\/16\] {
  aspect-ratio: 9 / 16;
}

.aspect-auto {
  aspect-ratio: auto;
}

.aspect-square {
  aspect-ratio: 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.size-1\.5 {
  width: .375rem;
  height: .375rem;
}

.size-1\/3 {
  width: 33.3333%;
  height: 33.3333%;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}

.size-16 {
  width: 4rem;
  height: 4rem;
}

.size-2 {
  width: .5rem;
  height: .5rem;
}

.size-2\.5 {
  width: .625rem;
  height: .625rem;
}

.size-20 {
  width: 5rem;
  height: 5rem;
}

.size-24 {
  width: 6rem;
  height: 6rem;
}

.size-3 {
  width: .75rem;
  height: .75rem;
}

.size-3\.5 {
  width: .875rem;
  height: .875rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}

.size-\[--cell-size\] {
  width: var(--cell-size);
  height: var(--cell-size);
}

.size-\[calc\(var\(--rail-mark\,3rem\)\*0\.75\)\] {
  width: calc(var(--rail-mark, 3rem) * .75);
  height: calc(var(--rail-mark, 3rem) * .75);
}

.size-\[var\(--rail-mark\,3rem\)\] {
  width: var(--rail-mark, 3rem);
  height: var(--rail-mark, 3rem);
}

.size-full {
  width: 100%;
  height: 100%;
}

.h-0 {
  height: 0;
}

.h-0\.5 {
  height: .125rem;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-1\/2 {
  height: 50%;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

.h-\[--cell-size\] {
  height: var(--cell-size);
}

.h-\[1\.2rem\] {
  height: 1.2rem;
}

.h-\[1em\] {
  height: 1em;
}

.h-\[1px\] {
  height: 1px;
}

.h-\[28\%\] {
  height: 28%;
}

.h-\[30\%\] {
  height: 30%;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[59\%\] {
  height: 59%;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[63\%\] {
  height: 63%;
}

.h-\[85dvh\] {
  height: 85dvh;
}

.h-\[85vh\] {
  height: 85vh;
}

.h-\[calc\(100dvh-var\(--header-height\)\)\] {
  height: calc(100dvh - var(--header-height));
}

.h-\[calc\(100dvh-var\(--header-height\)-2rem\)\] {
  height: calc(100dvh - var(--header-height) - 2rem);
}

.h-\[calc\(100dvh-var\(--header-height\)-var\(--shell-bottom-inset\)-2rem\)\] {
  height: calc(100dvh - var(--header-height) - var(--shell-bottom-inset) - 2rem);
}

.h-\[calc\(100dvh-var\(--header-height\,0px\)\)\] {
  height: calc(100dvh - var(--header-height, 0px));
}

.h-\[var\(--bottom-nav-height\)\] {
  height: var(--bottom-nav-height);
}

.h-\[var\(--header-content-height\)\] {
  height: var(--header-content-height);
}

.h-\[var\(--header-height\)\] {
  height: var(--header-height);
}

.h-\[var\(--header-logo-height\)\] {
  height: var(--header-logo-height);
}

.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height);
}

.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}

.h-\[var\(--safe-top\)\] {
  height: var(--safe-top);
}

.h-\[var\(--touch-target-min\)\] {
  height: var(--touch-target-min);
}

.h-auto {
  height: auto;
}

.h-dvh {
  height: 100dvh;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[18rem\] {
  max-height: 18rem;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[28rem\] {
  max-height: 28rem;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-\[46vh\] {
  max-height: 46vh;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[75vh\] {
  max-height: 75vh;
}

.max-h-\[80vh\] {
  max-height: 80vh;
}

.max-h-\[85dvh\] {
  max-height: 85dvh;
}

.max-h-\[85vh\] {
  max-height: 85vh;
}

.max-h-\[88dvh\] {
  max-height: 88dvh;
}

.max-h-\[90svh\] {
  max-height: 90svh;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[calc\(100dvh-2rem\)\] {
  max-height: calc(100dvh - 2rem);
}

.max-h-\[calc\(100dvh-96px\)\] {
  max-height: calc(100dvh - 96px);
}

.max-h-\[calc\(100vh-6rem\)\] {
  max-height: calc(100vh - 6rem);
}

.max-h-\[calc\(90vh-80px\)\] {
  max-height: calc(90vh - 80px);
}

.max-h-\[min\(24rem\,60vh\)\] {
  max-height: min(24rem, 60vh);
}

.max-h-\[min\(28rem\,60dvh\)\] {
  max-height: min(28rem, 60dvh);
}

.max-h-\[var\(--gallery-max-height\)\] {
  max-height: var(--gallery-max-height);
}

.max-h-\[var\(--radix-popover-content-available-height\)\] {
  max-height: var(--radix-popover-content-available-height);
}

.max-h-dvh {
  max-height: 100dvh;
}

.max-h-full {
  max-height: 100%;
}

.min-h-0 {
  min-height: 0;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-11 {
  min-height: 2.75rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-20 {
  min-height: 5rem;
}

.min-h-24 {
  min-height: 6rem;
}

.min-h-32 {
  min-height: 8rem;
}

.min-h-4 {
  min-height: 1rem;
}

.min-h-40 {
  min-height: 10rem;
}

.min-h-48 {
  min-height: 12rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.min-h-56 {
  min-height: 14rem;
}

.min-h-64 {
  min-height: 16rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

.min-h-96 {
  min-height: 24rem;
}

.min-h-\[120px\] {
  min-height: 120px;
}

.min-h-\[16rem\] {
  min-height: 16rem;
}

.min-h-\[20rem\] {
  min-height: 20rem;
}

.min-h-\[24rem\] {
  min-height: 24rem;
}

.min-h-\[28rem\] {
  min-height: 28rem;
}

.min-h-\[30rem\] {
  min-height: 30rem;
}

.min-h-\[32rem\] {
  min-height: 32rem;
}

.min-h-\[4\.5rem\] {
  min-height: 4.5rem;
}

.min-h-\[400px\] {
  min-height: 400px;
}

.min-h-\[60vh\] {
  min-height: 60vh;
}

.min-h-\[80px\] {
  min-height: 80px;
}

.min-h-\[80vh\] {
  min-height: 80vh;
}

.min-h-\[calc\(100dvh-var\(--header-height\)-2rem\)\] {
  min-height: calc(100dvh - var(--header-height) - 2rem);
}

.min-h-\[var\(--header-height\)\] {
  min-height: var(--header-height);
}

.min-h-\[var\(--panel-open-height\)\] {
  min-height: var(--panel-open-height);
}

.min-h-\[var\(--touch-target-min\)\] {
  min-height: var(--touch-target-min);
}

.min-h-dvh {
  min-height: 100dvh;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-0 {
  width: 0;
}

.w-0\.5 {
  width: .125rem;
}

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.3333%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-11\/12 {
  width: 91.6667%;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-2\/3 {
  width: 66.6667%;
}

.w-2\/5 {
  width: 40%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-3\/4 {
  width: 75%;
}

.w-3\/5 {
  width: 60%;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/5 {
  width: 80%;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-5\/6 {
  width: 83.3333%;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-\[--cell-size\] {
  width: var(--cell-size);
}

.w-\[--radix-popover-trigger-width\] {
  width: var(--radix-popover-trigger-width);
}

.w-\[1\.2rem\] {
  width: 1.2rem;
}

.w-\[140px\] {
  width: 140px;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[1px\] {
  width: 1px;
}

.w-\[28\%\] {
  width: 28%;
}

.w-\[280px\] {
  width: 280px;
}

.w-\[30\%\] {
  width: 30%;
}

.w-\[4\.5rem\] {
  width: 4.5rem;
}

.w-\[40cqi\] {
  width: 40cqi;
}

.w-\[42\%\] {
  width: 42%;
}

.w-\[80cqi\] {
  width: 80cqi;
}

.w-\[85vw\] {
  width: 85vw;
}

.w-\[min\(100\%\,28rem\)\] {
  width: min(100%, 28rem);
}

.w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
  width: min(20rem, 100vw - 2rem);
}

.w-\[min\(22rem\,80vw\)\] {
  width: min(22rem, 80vw);
}

.w-\[min\(26rem\,90vw\)\] {
  width: min(26rem, 90vw);
}

.w-\[min\(26rem\,calc\(100vw-2rem\)\)\] {
  width: min(26rem, 100vw - 2rem);
}

.w-\[var\(--panel-open-width\)\] {
  width: var(--panel-open-width);
}

.w-\[var\(--radix-popover-trigger-width\)\] {
  width: var(--radix-popover-trigger-width);
}

.w-\[var\(--sidebar-collapsed-width\)\] {
  width: var(--sidebar-collapsed-width);
}

.w-\[var\(--sidebar-width\)\] {
  width: var(--sidebar-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;
}

.min-w-0 {
  min-width: 0;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-11 {
  min-width: 2.75rem;
}

.min-w-12 {
  min-width: 3rem;
}

.min-w-32 {
  min-width: 8rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-48 {
  min-width: 12rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-9 {
  min-width: 2.25rem;
}

.min-w-\[--cell-size\] {
  min-width: var(--cell-size);
}

.min-w-\[--radix-popper-anchor-width\] {
  min-width: var(--radix-popper-anchor-width);
}

.min-w-\[10ch\] {
  min-width: 10ch;
}

.min-w-\[10rem\] {
  min-width: 10rem;
}

.min-w-\[12rem\] {
  min-width: 12rem;
}

.min-w-\[14rem\] {
  min-width: 14rem;
}

.min-w-\[16px\] {
  min-width: 16px;
}

.min-w-\[16rem\] {
  min-width: 16rem;
}

.min-w-\[180px\] {
  min-width: 180px;
}

.min-w-\[4ch\] {
  min-width: 4ch;
}

.min-w-\[8rem\] {
  min-width: 8rem;
}

.min-w-\[9rem\] {
  min-width: 9rem;
}

.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}

.min-w-full {
  min-width: 100%;
}

.\!max-w-none {
  max-width: none !important;
}

.max-w-10 {
  max-width: 2.5rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-40 {
  max-width: 10rem;
}

.max-w-44 {
  max-width: 11rem;
}

.max-w-48 {
  max-width: 12rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-56 {
  max-width: 14rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-60 {
  max-width: 15rem;
}

.max-w-64 {
  max-width: 16rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-72 {
  max-width: 18rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-80 {
  max-width: 20rem;
}

.max-w-\[10rem\] {
  max-width: 10rem;
}

.max-w-\[12rem\] {
  max-width: 12rem;
}

.max-w-\[14rem\] {
  max-width: 14rem;
}

.max-w-\[16rem\] {
  max-width: 16rem;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[3px\] {
  max-width: 3px;
}

.max-w-\[40ch\] {
  max-width: 40ch;
}

.max-w-\[42ch\] {
  max-width: 42ch;
}

.max-w-\[7rem\] {
  max-width: 7rem;
}

.max-w-\[85\%\] {
  max-width: 85%;
}

.max-w-\[9rem\] {
  max-width: 9rem;
}

.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}

.max-w-\[min\(36rem\,85\%\)\] {
  max-width: min(36rem, 85%);
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-max {
  max-width: max-content;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-prose {
  max-width: 65ch;
}

.max-w-screen-2xl {
  max-width: 1536px;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1;
}

.flex-none {
  flex: none;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow, .grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.basis-24 {
  flex-basis: 6rem;
}

.basis-40 {
  flex-basis: 10rem;
}

.basis-full {
  flex-basis: 100%;
}

.table-fixed {
  table-layout: fixed;
}

.caption-bottom {
  caption-side: bottom;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-\[50\%_120\%\] {
  transform-origin: 50% 120%;
}

.origin-\[var\(--radix-popover-content-transform-origin\)\] {
  transform-origin: var(--radix-popover-content-transform-origin);
}

.origin-left {
  transform-origin: 0;
}

.origin-top {
  transform-origin: top;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1 {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\.5 {
  --tw-translate-y: -.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0\.5 {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-px {
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1 {
  --tw-translate-y: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: .5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-3 {
  --tw-translate-y: .75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[0\.15em\] {
  --tw-translate-y: .15em;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.25\] {
  --tw-scale-x: .25;
  --tw-scale-y: .25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.97\] {
  --tw-scale-x: .97;
  --tw-scale-y: .97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.07\] {
  --tw-scale-x: 1.07;
  --tw-scale-y: 1.07;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-scale-x-100 {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-0 {
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-\[var\(--steps-progress\,0\)\] {
  --tw-scale-y: var(--steps-progress, 0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

.animate-bounce {
  animation: 1s infinite bounce;
}

@keyframes motion-chime {
  0%, 100% {
    transform-origin: top;
    transform: rotate(0);
  }

  15% {
    transform-origin: top;
    transform: rotate(-11deg);
  }

  35% {
    transform-origin: top;
    transform: rotate(9deg);
  }

  55% {
    transform-origin: top;
    transform: rotate(-5deg);
  }

  75% {
    transform-origin: top;
    transform: rotate(2deg);
  }
}

.animate-motion-chime {
  animation: motion-chime max(.01ms, calc(var(--motion-chime-duration, .6s) * var(--motion-scale, 1))) var(--motion-chime-curve, cubic-bezier(.25, 1, .5, 1)) both;
}

@keyframes motion-chime-clapper {
  0%, 100% {
    transform-box: fill-box;
    transform-origin: top;
    transform: rotate(0);
  }

  25% {
    transform-box: fill-box;
    transform-origin: top;
    transform: rotate(10deg);
  }

  50% {
    transform-box: fill-box;
    transform-origin: top;
    transform: rotate(-8deg);
  }

  75% {
    transform-box: fill-box;
    transform-origin: top;
    transform: rotate(4deg);
  }
}

.animate-motion-chime-clapper {
  animation: motion-chime-clapper max(.01ms, calc(var(--motion-chime-duration, .6s) * var(--motion-scale, 1))) var(--motion-chime-curve, cubic-bezier(.25, 1, .5, 1)) both;
}

@keyframes motion-fade-through {
  from {
    opacity: 0;
    transform: scale(.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-motion-fade-through {
  animation: motion-fade-through max(.01ms, calc(var(--motion-fade-through-duration, .22s) * var(--motion-scale, 1))) var(--motion-fade-through-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1))) both;
}

@keyframes motion-origin-pop {
  from {
    opacity: 0;
    transform: scale(.96) translateY(calc(var(--motion-distance, 8px) * var(--motion-origin-pop-travel, .5)));
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.animate-motion-origin-pop {
  animation: motion-origin-pop max(.01ms, calc(var(--motion-origin-pop-duration, .18s) * var(--motion-scale, 1))) var(--motion-origin-pop-curve, cubic-bezier(.05, .7, .1, 1)) both;
}

@keyframes motion-reveal {
  from {
    opacity: 0;
    filter: blur(6px);
  }

  to {
    opacity: 1;
    filter: blur();
  }
}

.animate-motion-reveal {
  animation: motion-reveal max(.01ms, calc(var(--motion-reveal-duration, .4s) * var(--motion-scale, 1))) var(--motion-reveal-curve, cubic-bezier(.25, 1, .5, 1)) both;
}

@keyframes motion-rise {
  from {
    opacity: 0;
    transform: translateY(calc(var(--motion-distance, 8px) * var(--motion-rise-travel, 2)));
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-motion-rise {
  animation: motion-rise max(.01ms, calc(var(--motion-rise-duration, .28s) * var(--motion-scale, 1))) var(--motion-rise-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1))) both;
}

@keyframes motion-roll {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-motion-roll {
  animation: motion-roll max(.01ms, calc(var(--motion-roll-duration, .8s) * var(--motion-scale, 1))) var(--motion-roll-curve, cubic-bezier(.25, 1, .5, 1)) both;
}

@keyframes motion-settle {
  from {
    opacity: 0;
    transform: translateY(calc(var(--motion-distance, 8px) * var(--motion-settle-travel, 1) * -1));
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-motion-settle {
  animation: motion-settle max(.01ms, calc(var(--motion-settle-duration, .32s) * var(--motion-scale, 1))) var(--motion-settle-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1))) both;
}

@keyframes motion-slide-swap {
  from {
    opacity: 0;
    transform: translateX(calc(var(--motion-distance, 8px) * var(--motion-slide-swap-travel, 3) * var(--motion-flip, 1)));
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-motion-slide-swap {
  animation: motion-slide-swap max(.01ms, calc(var(--motion-slide-swap-duration, .26s) * var(--motion-scale, 1))) var(--motion-slide-swap-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1))) both;
}

@keyframes motion-stroke-draw {
  from {
    stroke-dasharray: 100;
    stroke-dashoffset: 100px;
  }

  to {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
  }
}

.animate-motion-stroke-draw {
  animation: motion-stroke-draw max(.01ms, calc(var(--motion-role-duration, .15s) * var(--motion-scale, 1))) var(--motion-role-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1))) both;
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

.animate-ping {
  animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.touch-none {
  touch-action: none;
}

.touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.select-all {
  -webkit-user-select: all;
  user-select: all;
}

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-start {
  scroll-snap-align: start;
}

.scroll-mt-\[var\(--header-height\)\] {
  scroll-margin-top: var(--header-height);
}

.scroll-px-1 {
  scroll-padding-left: .25rem;
  scroll-padding-right: .25rem;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  appearance: none;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.grid-flow-col {
  grid-auto-flow: column;
}

.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-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-\[1fr_6rem\] {
  grid-template-columns: 1fr 6rem;
}

.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}

.grid-cols-\[2fr_1fr\] {
  grid-template-columns: 2fr 1fr;
}

.grid-cols-\[auto_minmax\(0\,1fr\)\] {
  grid-template-columns: auto minmax(0, 1fr);
}

.grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.grid-cols-\[minmax\(0\,1fr\)_auto\] {
  grid-template-columns: minmax(0, 1fr) auto;
}

.grid-cols-\[minmax\(18rem\,24rem\)_1fr\] {
  grid-template-columns: minmax(18rem, 24rem) 1fr;
}

.grid-cols-\[repeat\(auto-fill\,minmax\(3rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(3rem, 1fr));
}

.grid-cols-\[repeat\(auto-fill\,minmax\(min\(16rem\,100\%\)\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}

.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}

.grid-rows-\[auto_minmax\(0\,1fr\)\] {
  grid-template-rows: auto minmax(0, 1fr);
}

.grid-rows-subgrid {
  grid-template-rows: subgrid;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.place-content-center {
  place-content: center;
}

.place-items-center {
  place-items: center;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.\!gap-1 {
  gap: .25rem !important;
}

.gap-0 {
  gap: 0;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-1 {
  -moz-column-gap: .25rem;
  column-gap: .25rem;
}

.gap-x-1\.5 {
  -moz-column-gap: .375rem;
  column-gap: .375rem;
}

.gap-x-12 {
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}

.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}

.gap-x-2\.5 {
  -moz-column-gap: .625rem;
  column-gap: .625rem;
}

.gap-x-3 {
  -moz-column-gap: .75rem;
  column-gap: .75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-y-0\.5 {
  row-gap: .125rem;
}

.gap-y-1 {
  row-gap: .25rem;
}

.gap-y-1\.5 {
  row-gap: .375rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-y-2 {
  row-gap: .5rem;
}

.gap-y-2\.5 {
  row-gap: .625rem;
}

.gap-y-3 {
  row-gap: .75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.25rem * var(--tw-space-x-reverse));
  margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.5rem * var(--tw-space-x-reverse));
  margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.space-y-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(var(--border-width) * var(--tw-divide-x-reverse));
  border-left-width: calc(var(--border-width) * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(var(--border-width) * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(var(--border-width) * var(--tw-divide-y-reverse));
}

.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}

.divide-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--border) / var(--tw-divide-opacity, 1));
}

.divide-border-strong > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--border-strong) / var(--tw-divide-opacity, 1));
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.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-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}

.rounded-\[1\.75rem\] {
  border-radius: 1.75rem;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-\[inherit\] {
  border-radius: inherit;
}

.rounded-\[max\(0px\,calc\(var\(--radius\)_-_0\.75rem\)\)\] {
  border-radius: max(0px,calc(var(--radius) - .75rem));
}

.rounded-dialog {
  border-radius: var(--dialog-radius);
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: var(--radius);
}

.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}

.rounded-none {
  border-radius: 0;
}

.rounded-sheet {
  border-radius: var(--sheet-radius);
}

.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}

.rounded-xl {
  border-radius: calc(var(--radius) + 4px);
}

.rounded-b-\[inherit\] {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.rounded-b-xl {
  border-bottom-right-radius: calc(var(--radius) + 4px);
  border-bottom-left-radius: calc(var(--radius) + 4px);
}

.rounded-e-2xl {
  border-start-end-radius: 1rem;
  border-end-end-radius: 1rem;
}

.rounded-e-md {
  border-start-end-radius: calc(var(--radius) - 2px);
  border-end-end-radius: calc(var(--radius) - 2px);
}

.rounded-e-sidebar {
  border-start-end-radius: var(--sidebar-radius);
  border-end-end-radius: var(--sidebar-radius);
}

.rounded-e-xl {
  border-start-end-radius: calc(var(--radius) + 4px);
  border-end-end-radius: calc(var(--radius) + 4px);
}

.rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.rounded-r-md {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.rounded-s-md {
  border-start-start-radius: calc(var(--radius) - 2px);
  border-end-start-radius: calc(var(--radius) - 2px);
}

.rounded-s-xl {
  border-start-start-radius: calc(var(--radius) + 4px);
  border-end-start-radius: calc(var(--radius) + 4px);
}

.rounded-t-\[inherit\] {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.rounded-t-lg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.rounded-t-sheet {
  border-top-left-radius: var(--sheet-radius);
  border-top-right-radius: var(--sheet-radius);
}

.rounded-t-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
  border-top-right-radius: calc(var(--radius) - 4px);
}

.rounded-ee-2xl {
  border-end-end-radius: 1rem;
}

.rounded-ee-none {
  border-end-end-radius: 0;
}

.rounded-se-md {
  border-start-end-radius: calc(var(--radius) - 2px);
}

.rounded-ss-2xl {
  border-start-start-radius: 1rem;
}

.rounded-ss-md {
  border-start-start-radius: calc(var(--radius) - 2px);
}

.rounded-tl-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
}

.border {
  border-width: var(--border-width);
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-\[1\.5px\] {
  border-width: 1.5px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-x-0 {
  border-left-width: 0;
  border-right-width: 0;
}

.border-y {
  border-top-width: var(--border-width);
  border-bottom-width: var(--border-width);
}

.border-b {
  border-bottom-width: var(--border-width);
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-e {
  border-inline-end-width: var(--border-width);
}

.border-e-0 {
  border-inline-end-width: 0;
}

.border-l {
  border-left-width: var(--border-width);
}

.border-l-2 {
  border-left-width: 2px;
}

.border-r {
  border-right-width: var(--border-width);
}

.border-s {
  border-inline-start-width: var(--border-width);
}

.border-t {
  border-top-width: var(--border-width);
}

.border-t-0 {
  border-top-width: 0;
}

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.border-\[--color-border\] {
  border-color: var(--color-border);
}

.border-amber-500\/20 {
  border-color: #f59e0b33;
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-border {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
}

.border-border-strong {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-strong) / var(--tw-border-opacity, 1));
}

.border-border\/40 {
  border-color: rgb(var(--border) / .4);
}

.border-border\/50 {
  border-color: rgb(var(--border) / .5);
}

.border-border\/60 {
  border-color: rgb(var(--border) / .6);
}

.border-brand {
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand) / var(--tw-border-opacity, 1));
}

.border-brand-light\/30 {
  border-color: rgb(var(--brand-light) / .3);
}

.border-brand-light\/40 {
  border-color: rgb(var(--brand-light) / .4);
}

.border-brand-light\/60 {
  border-color: rgb(var(--brand-light) / .6);
}

.border-brand-light\/90 {
  border-color: rgb(var(--brand-light) / .9);
}

.border-brand\/20 {
  border-color: rgb(var(--brand) / .2);
}

.border-brand\/30 {
  border-color: rgb(var(--brand) / .3);
}

.border-card {
  --tw-border-opacity: 1;
  border-color: rgb(var(--card) / var(--tw-border-opacity, 1));
}

.border-destructive {
  --tw-border-opacity: 1;
  border-color: rgb(var(--destructive) / var(--tw-border-opacity, 1));
}

.border-destructive\/30 {
  border-color: rgb(var(--destructive) / .3);
}

.border-destructive\/40 {
  border-color: rgb(var(--destructive) / .4);
}

.border-destructive\/50 {
  border-color: rgb(var(--destructive) / .5);
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.border-green-500\/20 {
  border-color: #22c55e33;
}

.border-info\/30 {
  border-color: rgb(var(--info) / .3);
}

.border-input {
  --tw-border-opacity: 1;
  border-color: rgb(var(--input) / var(--tw-border-opacity, 1));
}

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.border-primary-foreground {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-foreground) / var(--tw-border-opacity, 1));
}

.border-primary\/25 {
  border-color: rgb(var(--primary) / .25);
}

.border-primary\/30 {
  border-color: rgb(var(--primary) / .3);
}

.border-primary\/40 {
  border-color: rgb(var(--primary) / .4);
}

.border-primary\/50 {
  border-color: rgb(var(--primary) / .5);
}

.border-primary\/70 {
  border-color: rgb(var(--primary) / .7);
}

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

.border-success\/30 {
  border-color: rgb(var(--success) / .3);
}

.border-transparent {
  border-color: #0000;
}

.border-warning\/30 {
  border-color: rgb(var(--warning) / .3);
}

.border-warning\/40 {
  border-color: rgb(var(--warning) / .4);
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}

.border-l-transparent {
  border-left-color: #0000;
}

.border-t-primary {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.border-t-transparent {
  border-top-color: #0000;
}

.\!bg-transparent {
  background-color: #0000 !important;
}

.bg-\[--color-bg\] {
  background-color: var(--color-bg);
}

.bg-\[rgb\(var\(--scrim\,0_0_0\)\/0\.3\)\] {
  background-color: rgb(var(--scrim, 0 0 0)/.3);
}

.bg-\[var\(--app-ground\,rgb\(var\(--card\)\)\)\] {
  background-color: var(--app-ground, rgb(var(--card)));
}

.bg-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1));
}

.bg-accent\/60 {
  background-color: rgb(var(--accent) / .6);
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-500\/10 {
  background-color: #f59e0b1a;
}

.bg-background {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background) / var(--tw-bg-opacity, 1));
}

.bg-background-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-01) / var(--tw-bg-opacity, 1));
}

.bg-background\/10 {
  background-color: rgb(var(--background) / .1);
}

.bg-background\/15 {
  background-color: rgb(var(--background) / .15);
}

.bg-background\/50 {
  background-color: rgb(var(--background) / .5);
}

.bg-background\/60 {
  background-color: rgb(var(--background) / .6);
}

.bg-background\/70 {
  background-color: rgb(var(--background) / .7);
}

.bg-background\/80 {
  background-color: rgb(var(--background) / .8);
}

.bg-background\/90 {
  background-color: rgb(var(--background) / .9);
}

.bg-black\/50 {
  background-color: #00000080;
}

.bg-black\/80 {
  background-color: #000c;
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-500\/10 {
  background-color: #3b82f61a;
}

.bg-border {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--border) / var(--tw-bg-opacity, 1));
}

.bg-border-strong {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--border-strong) / var(--tw-bg-opacity, 1));
}

.bg-brand {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand) / var(--tw-bg-opacity, 1));
}

.bg-brand-light {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-light) / var(--tw-bg-opacity, 1));
}

.bg-brand-light\/80 {
  background-color: rgb(var(--brand-light) / .8);
}

.bg-brand\/10 {
  background-color: rgb(var(--brand) / .1);
}

.bg-brand\/15 {
  background-color: rgb(var(--brand) / .15);
}

.bg-brand\/20 {
  background-color: rgb(var(--brand) / .2);
}

.bg-button {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--button) / var(--tw-bg-opacity, 1));
}

.bg-card {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--card) / var(--tw-bg-opacity, 1));
}

.bg-card\/70 {
  background-color: rgb(var(--card) / .7);
}

.bg-card\/85 {
  background-color: rgb(var(--card) / .85);
}

.bg-current {
  background-color: currentColor;
}

.bg-destructive {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--destructive) / var(--tw-bg-opacity, 1));
}

.bg-destructive\/10 {
  background-color: rgb(var(--destructive) / .1);
}

.bg-destructive\/5 {
  background-color: rgb(var(--destructive) / .05);
}

.bg-foreground {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--foreground) / var(--tw-bg-opacity, 1));
}

.bg-foreground\/10 {
  background-color: rgb(var(--foreground) / .1);
}

.bg-foreground\/15 {
  background-color: rgb(var(--foreground) / .15);
}

.bg-foreground\/40 {
  background-color: rgb(var(--foreground) / .4);
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-400\/20 {
  background-color: #4ade8033;
}

.bg-green-400\/30 {
  background-color: #4ade804d;
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-500\/10 {
  background-color: #22c55e1a;
}

.bg-green-500\/20 {
  background-color: #22c55e33;
}

.bg-hover\/10 {
  background-color: rgb(var(--hover) / .1);
}

.bg-info\/10 {
  background-color: rgb(var(--info) / .1);
}

.bg-input {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--input) / var(--tw-bg-opacity, 1));
}

.bg-muted {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity, 1));
}

.bg-muted-foreground\/50 {
  background-color: rgb(var(--muted-foreground) / .5);
}

.bg-muted\/30 {
  background-color: rgb(var(--muted) / .3);
}

.bg-muted\/40 {
  background-color: rgb(var(--muted) / .4);
}

.bg-muted\/50 {
  background-color: rgb(var(--muted) / .5);
}

.bg-muted\/60 {
  background-color: rgb(var(--muted) / .6);
}

.bg-muted\/70 {
  background-color: rgb(var(--muted) / .7);
}

.bg-muted\/80 {
  background-color: rgb(var(--muted) / .8);
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.bg-primary-foreground {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-foreground) / var(--tw-bg-opacity, 1));
}

.bg-primary-foreground\/15 {
  background-color: rgb(var(--primary-foreground) / .15);
}

.bg-primary\/10 {
  background-color: rgb(var(--primary) / .1);
}

.bg-primary\/15 {
  background-color: rgb(var(--primary) / .15);
}

.bg-primary\/20 {
  background-color: rgb(var(--primary) / .2);
}

.bg-primary\/25 {
  background-color: rgb(var(--primary) / .25);
}

.bg-primary\/5 {
  background-color: rgb(var(--primary) / .05);
}

.bg-primary\/50 {
  background-color: rgb(var(--primary) / .5);
}

.bg-primary\/60 {
  background-color: rgb(var(--primary) / .6);
}

.bg-primary\/80 {
  background-color: rgb(var(--primary) / .8);
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary) / var(--tw-bg-opacity, 1));
}

.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--success) / var(--tw-bg-opacity, 1));
}

.bg-success\/10 {
  background-color: rgb(var(--success) / .1);
}

.bg-success\/5 {
  background-color: rgb(var(--success) / .05);
}

.bg-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surf-02) / var(--tw-bg-opacity, 1));
}

.bg-surface-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surf-01) / var(--tw-bg-opacity, 1));
}

.bg-surface-1\/30 {
  background-color: rgb(var(--surf-01) / .3);
}

.bg-surface-1\/40 {
  background-color: rgb(var(--surf-01) / .4);
}

.bg-surface-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surf-03) / var(--tw-bg-opacity, 1));
}

.bg-surface\/40 {
  background-color: rgb(var(--surf-02) / .4);
}

.bg-surface\/50 {
  background-color: rgb(var(--surf-02) / .5);
}

.bg-surface\/60 {
  background-color: rgb(var(--surf-02) / .6);
}

.bg-tab {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--tab) / var(--tw-bg-opacity, 1));
}

.bg-text {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-primary) / var(--tw-bg-opacity, 1));
}

.bg-text-muted {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-muted) / var(--tw-bg-opacity, 1));
}

.bg-text\/10 {
  background-color: rgb(var(--text-primary) / .1);
}

.bg-text\/70 {
  background-color: rgb(var(--text-primary) / .7);
}

.bg-text\/\[0\.06\] {
  background-color: rgb(var(--text-primary) / .06);
}

.bg-transparent {
  background-color: #0000;
}

.bg-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--warning) / var(--tw-bg-opacity, 1));
}

.bg-warning-foreground {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--warning-foreground) / var(--tw-bg-opacity, 1));
}

.bg-warning\/10 {
  background-color: rgb(var(--warning) / .1);
}

.bg-warning\/15 {
  background-color: rgb(var(--warning) / .15);
}

.bg-warning\/5 {
  background-color: rgb(var(--warning) / .05);
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

.bg-\[conic-gradient\(transparent_0_55\%\,rgb\(var\(--primary\)\)_75\%\,transparent_100\%\)\] {
  background-image: conic-gradient(transparent 0 55%,rgb(var(--primary)) 75%,transparent 100%);
}

.bg-\[linear-gradient\(180deg\,rgb\(var\(--scrim\,0_0_0\)\/0\)_0\%\,rgb\(var\(--scrim\,0_0_0\)\/0\.33\)_40\%\,rgb\(var\(--scrim\,0_0_0\)\/0\.78\)_100\%\)\] {
  background-image: linear-gradient(180deg,rgb(var(--scrim, 0 0 0)/0) 0%,rgb(var(--scrim, 0 0 0)/.33) 40%,rgb(var(--scrim, 0 0 0)/.78) 100%);
}

.bg-\[url\(a\:b\)\] {
  background-image: url("a:b");
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.from-amber-500\/10 {
  --tw-gradient-from: #f59e0b1a var(--tw-gradient-from-position);
  --tw-gradient-to: #f59e0b00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-background {
  --tw-gradient-from: rgb(var(--background) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/80 {
  --tw-gradient-from: #000c var(--tw-gradient-from-position);
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: #eff6ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-light {
  --tw-gradient-from: rgb(var(--brand-light) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--brand-light) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-light\/20 {
  --tw-gradient-from: rgb(var(--brand-light) / .2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--brand-light) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-light\/25 {
  --tw-gradient-from: rgb(var(--brand-light) / .25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--brand-light) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-light\/35 {
  --tw-gradient-from: rgb(var(--brand-light) / .35) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--brand-light) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-light\/5 {
  --tw-gradient-from: rgb(var(--brand-light) / .05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--brand-light) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-light\/50 {
  --tw-gradient-from: rgb(var(--brand-light) / .5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--brand-light) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: #f0fdf400 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-muted\/30 {
  --tw-gradient-from: rgb(var(--muted) / .3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary {
  --tw-gradient-from: rgb(var(--primary) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/15 {
  --tw-gradient-from: rgb(var(--primary) / .15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/20 {
  --tw-gradient-from: rgb(var(--primary) / .2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/30 {
  --tw-gradient-from: rgb(var(--primary) / .3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/5 {
  --tw-gradient-from: rgb(var(--primary) / .05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/50 {
  --tw-gradient-from: rgb(var(--primary) / .5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-surface-1 {
  --tw-gradient-from: rgb(var(--surf-01) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--surf-01) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-background {
  --tw-gradient-to: rgb(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--background) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black\/40 {
  --tw-gradient-to: #0000  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0006 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-brand-light {
  --tw-gradient-to: rgb(var(--brand-light) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-light) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-brand-light\/25 {
  --tw-gradient-to: rgb(var(--brand-light) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-light) / .25) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-brand-light\/30 {
  --tw-gradient-to: rgb(var(--brand-light) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-light) / .3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-brand-light\/35 {
  --tw-gradient-to: rgb(var(--brand-light) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-light) / .35) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-brand-light\/40 {
  --tw-gradient-to: rgb(var(--brand-light) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-light) / .4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-brand-light\/45 {
  --tw-gradient-to: rgb(var(--brand-light) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-light) / .45) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-surface-1 {
  --tw-gradient-to: rgb(var(--surf-01) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--surf-01) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: #0000  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-background {
  --tw-gradient-to: rgb(var(--background) / 1) var(--tw-gradient-to-position);
}

.to-brand-light {
  --tw-gradient-to: rgb(var(--brand-light) / 1) var(--tw-gradient-to-position);
}

.to-brand-light\/20 {
  --tw-gradient-to: rgb(var(--brand-light) / .2) var(--tw-gradient-to-position);
}

.to-brand-light\/25 {
  --tw-gradient-to: rgb(var(--brand-light) / .25) var(--tw-gradient-to-position);
}

.to-brand-light\/35 {
  --tw-gradient-to: rgb(var(--brand-light) / .35) var(--tw-gradient-to-position);
}

.to-brand-light\/5 {
  --tw-gradient-to: rgb(var(--brand-light) / .05) var(--tw-gradient-to-position);
}

.to-muted\/50 {
  --tw-gradient-to: rgb(var(--muted) / .5) var(--tw-gradient-to-position);
}

.to-orange-500\/10 {
  --tw-gradient-to: #f973161a var(--tw-gradient-to-position);
}

.to-primary\/10 {
  --tw-gradient-to: rgb(var(--primary) / .1) var(--tw-gradient-to-position);
}

.to-primary\/15 {
  --tw-gradient-to: rgb(var(--primary) / .15) var(--tw-gradient-to-position);
}

.to-primary\/30 {
  --tw-gradient-to: rgb(var(--primary) / .3) var(--tw-gradient-to-position);
}

.to-primary\/5 {
  --tw-gradient-to: rgb(var(--primary) / .05) var(--tw-gradient-to-position);
}

.to-primary\/80 {
  --tw-gradient-to: rgb(var(--primary) / .8) var(--tw-gradient-to-position);
}

.to-secondary {
  --tw-gradient-to: rgb(var(--secondary) / 1) var(--tw-gradient-to-position);
}

.to-surface {
  --tw-gradient-to: rgb(var(--surf-02) / 1) var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

.fill-\[rgb\(var\(--surface-tint\,var\(--surface-fill\,var\(--card\)\)\)\/var\(--surface-alpha\,1\)\)\] {
  fill: rgb(var(--surface-tint, var(--surface-fill, var(--card)))/var(--surface-alpha, 1));
}

.fill-border {
  fill: rgb(var(--border) / 1);
}

.fill-border-strong {
  fill: rgb(var(--border-strong) / 1);
}

.fill-card {
  fill: rgb(var(--card) / 1);
}

.fill-current {
  fill: currentColor;
}

.fill-muted {
  fill: rgb(var(--muted) / 1);
}

.fill-none {
  fill: none;
}

.fill-primary {
  fill: rgb(var(--primary) / 1);
}

.fill-primary\/15 {
  fill: rgb(var(--primary) / .15);
}

.fill-text {
  fill: rgb(var(--text-primary) / 1);
}

.fill-text-muted {
  fill: rgb(var(--text-muted) / 1);
}

.stroke-\[rgb\(var\(--border\)\/var\(--surface-border-alpha\,1\)\)\] {
  stroke: rgb(var(--border)/var(--surface-border-alpha, 1));
}

.stroke-border {
  stroke: rgb(var(--border) / 1);
}

.stroke-border-strong {
  stroke: rgb(var(--border-strong) / 1);
}

.stroke-current {
  stroke: currentColor;
}

.stroke-none {
  stroke: none;
}

.stroke-primary {
  stroke: rgb(var(--primary) / 1);
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-top {
  -o-object-position: top;
  object-position: top;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-3 {
  padding: .75rem;
}

.p-3\.5 {
  padding: .875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.p-\[1px\] {
  padding: 1px;
}

.p-\[calc\(var\(--rail-mark\)\*0\.08\)\] {
  padding: calc(var(--rail-mark) * .08);
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[--cell-size\] {
  padding-left: var(--cell-size);
  padding-right: var(--cell-size);
}

.px-\[0\.06em\] {
  padding-left: .06em;
  padding-right: .06em;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-0\.5 {
  padding-bottom: .125rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-1\.5 {
  padding-bottom: .375rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(.5rem,env(safe-area-inset-bottom));
}

.pb-\[max\(0\.625rem\,env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(.625rem,env(safe-area-inset-bottom));
}

.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(.75rem,env(safe-area-inset-bottom));
}

.pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(1rem,env(safe-area-inset-bottom));
}

.pb-\[max\(…\)\] {
  padding-bottom: max(…);
}

.pb-\[var\(--bottom-nav-height\)\] {
  padding-bottom: var(--bottom-nav-height);
}

.pb-\[var\(--safe-bottom\)\] {
  padding-bottom: var(--safe-bottom);
}

.pe-1 {
  padding-inline-end: .25rem;
}

.pe-1\.5 {
  padding-inline-end: .375rem;
}

.pe-10 {
  padding-inline-end: 2.5rem;
}

.pe-14 {
  padding-inline-end: 3.5rem;
}

.pe-16 {
  padding-inline-end: 4rem;
}

.pe-2 {
  padding-inline-end: .5rem;
}

.pe-2\.5 {
  padding-inline-end: .625rem;
}

.pe-3 {
  padding-inline-end: .75rem;
}

.pe-4 {
  padding-inline-end: 1rem;
}

.pe-5 {
  padding-inline-end: 1.25rem;
}

.pe-8 {
  padding-inline-end: 2rem;
}

.pe-9 {
  padding-inline-end: 2.25rem;
}

.pl-4 {
  padding-left: 1rem;
}

.ps-0 {
  padding-inline-start: 0;
}

.ps-1 {
  padding-inline-start: .25rem;
}

.ps-1\.5 {
  padding-inline-start: .375rem;
}

.ps-10 {
  padding-inline-start: 2.5rem;
}

.ps-11 {
  padding-inline-start: 2.75rem;
}

.ps-14 {
  padding-inline-start: 3.5rem;
}

.ps-2 {
  padding-inline-start: .5rem;
}

.ps-2\.5 {
  padding-inline-start: .625rem;
}

.ps-3 {
  padding-inline-start: .75rem;
}

.ps-4 {
  padding-inline-start: 1rem;
}

.ps-5 {
  padding-inline-start: 1.25rem;
}

.ps-6 {
  padding-inline-start: 1.5rem;
}

.ps-7 {
  padding-inline-start: 1.75rem;
}

.ps-8 {
  padding-inline-start: 2rem;
}

.ps-9 {
  padding-inline-start: 2.25rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-0\.5 {
  padding-top: .125rem;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-1\.5 {
  padding-top: .375rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-2\.5 {
  padding-top: .625rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pt-3\.5 {
  padding-top: .875rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[var\(--header-height\)\] {
  padding-top: var(--header-height);
}

.pt-\[var\(--safe-top\)\] {
  padding-top: var(--safe-top);
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.align-\[-0\.2em\] {
  vertical-align: -.2em;
}

.font-arabic {
  font-family: var(--font-arabic);
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.font-sans {
  font-family: var(--font-sans);
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-\[0\.5rem\] {
  font-size: .5rem;
}

.text-\[0\.625rem\] {
  font-size: .625rem;
}

.text-\[0\.65rem\] {
  font-size: .65rem;
}

.text-\[0\.8rem\] {
  font-size: .8rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-body {
  font-size: var(--text-body);
  line-height: var(--lh-body);
  font-weight: var(--fw-body);
}

.text-caption {
  font-size: var(--text-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-caption);
}

.text-display {
  font-size: var(--text-display);
  line-height: var(--lh-display);
  font-weight: var(--fw-display);
}

.text-headline {
  font-size: var(--text-headline);
  line-height: var(--lh-headline);
  font-weight: var(--fw-headline);
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-mono {
  font-size: var(--text-caption);
  line-height: var(--lh-caption);
  font-weight: var(--fw-mono);
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-title {
  font-size: var(--text-title);
  line-height: var(--lh-title);
  font-weight: var(--fw-title);
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.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);
}

.leading-4 {
  line-height: 1rem;
}

.leading-\[1\.15\] {
  line-height: 1.15;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[0\.3em\] {
  letter-spacing: .3em;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-wider {
  letter-spacing: .05em;
}

.tracking-widest {
  letter-spacing: .1em;
}

.text-accent-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-foreground) / var(--tw-text-opacity, 1));
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-background {
  --tw-text-opacity: 1;
  color: rgb(var(--background) / var(--tw-text-opacity, 1));
}

.text-background\/65 {
  color: rgb(var(--background) / .65);
}

.text-background\/70 {
  color: rgb(var(--background) / .7);
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-border {
  --tw-text-opacity: 1;
  color: rgb(var(--border) / var(--tw-text-opacity, 1));
}

.text-brand {
  --tw-text-opacity: 1;
  color: rgb(var(--brand) / var(--tw-text-opacity, 1));
}

.text-brand-light {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-light) / var(--tw-text-opacity, 1));
}

.text-brand-light\/80 {
  color: rgb(var(--brand-light) / .8);
}

.text-button-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--button-foreground) / var(--tw-text-opacity, 1));
}

.text-card {
  --tw-text-opacity: 1;
  color: rgb(var(--card) / var(--tw-text-opacity, 1));
}

.text-current {
  color: currentColor;
}

.text-destructive {
  --tw-text-opacity: 1;
  color: rgb(var(--destructive) / var(--tw-text-opacity, 1));
}

.text-destructive-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--destructive-foreground) / var(--tw-text-opacity, 1));
}

.text-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity, 1));
}

.text-foreground\/70 {
  color: rgb(var(--foreground) / .7);
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-600\/80 {
  color: #16a34acc;
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-info {
  --tw-text-opacity: 1;
  color: rgb(var(--info) / var(--tw-text-opacity, 1));
}

.text-muted {
  --tw-text-opacity: 1;
  color: rgb(var(--muted) / var(--tw-text-opacity, 1));
}

.text-muted-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.text-muted-foreground\/40 {
  color: rgb(var(--muted-foreground) / .4);
}

.text-muted-foreground\/60 {
  color: rgb(var(--muted-foreground) / .6);
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-popover-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--popover-foreground) / var(--tw-text-opacity, 1));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}

.text-primary-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity, 1));
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--secondary) / var(--tw-text-opacity, 1));
}

.text-secondary-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}

.text-success {
  --tw-text-opacity: 1;
  color: rgb(var(--success) / var(--tw-text-opacity, 1));
}

.text-success-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--success-foreground) / var(--tw-text-opacity, 1));
}

.text-tab-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--tab-foreground) / var(--tw-text-opacity, 1));
}

.text-text {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity, 1));
}

.text-text-muted {
  --tw-text-opacity: 1;
  color: rgb(var(--text-muted) / var(--tw-text-opacity, 1));
}

.text-text-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity, 1));
}

.text-transparent {
  color: #0000;
}

.text-warning {
  --tw-text-opacity: 1;
  color: rgb(var(--warning) / var(--tw-text-opacity, 1));
}

.text-warning-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--warning-foreground) / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.decoration-text-muted {
  -webkit-text-decoration-color: rgb(var(--text-muted) / 1);
  text-decoration-color: rgb(var(--text-muted) / 1);
}

.decoration-transparent {
  text-decoration-color: #0000;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.placeholder-text-muted::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--text-muted) / var(--tw-placeholder-opacity, 1));
}

.placeholder-text-secondary::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-placeholder-opacity, 1));
}

.accent-primary {
  accent-color: rgb(var(--primary) / 1);
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-40 {
  opacity: .4;
}

.opacity-5 {
  opacity: .05;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.opacity-\[0\.04\] {
  opacity: .04;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-rest {
  --tw-shadow: var(--shadow-1);
  --tw-shadow-colored: var(--shadow-1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-rest-hover {
  --tw-shadow: var(--shadow-1-hover);
  --tw-shadow-colored: var(--shadow-1-hover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-soft {
  --tw-shadow: var(--shadow-2);
  --tw-shadow-colored: var(--shadow-2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-soft-lg {
  --tw-shadow: var(--shadow-3);
  --tw-shadow-colored: var(--shadow-3);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[var\(--shadow-2\)\] {
  --tw-shadow-color: var(--shadow-2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[var\(--shadow-3\)\] {
  --tw-shadow-color: var(--shadow-3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-brand-light\/60 {
  --tw-shadow-color: rgb(var(--brand-light) / .6);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary\/20 {
  --tw-shadow-color: rgb(var(--primary) / .2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary\/40 {
  --tw-shadow-color: rgb(var(--primary) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

.outline-1 {
  outline-width: 1px;
}

.-outline-offset-1 {
  outline-offset: -1px;
}

.outline-foreground\/10 {
  outline-color: rgb(var(--foreground) / .1);
}

.outline-text\/10 {
  outline-color: rgb(var(--text-primary) / .1);
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset {
  --tw-ring-inset: inset;
}

.ring-background {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--background) / var(--tw-ring-opacity, 1));
}

.ring-background\/25 {
  --tw-ring-color: rgb(var(--background) / .25);
}

.ring-border {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--border) / var(--tw-ring-opacity, 1));
}

.ring-border-strong {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--border-strong) / var(--tw-ring-opacity, 1));
}

.ring-brand\/20 {
  --tw-ring-color: rgb(var(--brand) / .2);
}

.ring-card {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--card) / var(--tw-ring-opacity, 1));
}

.ring-destructive\/60 {
  --tw-ring-color: rgb(var(--destructive) / .6);
}

.ring-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--primary) / var(--tw-ring-opacity, 1));
}

.ring-primary\/15 {
  --tw-ring-color: rgb(var(--primary) / .15);
}

.ring-primary\/20 {
  --tw-ring-color: rgb(var(--primary) / .2);
}

.ring-primary\/40 {
  --tw-ring-color: rgb(var(--primary) / .4);
}

.ring-primary\/50 {
  --tw-ring-color: rgb(var(--primary) / .5);
}

.ring-ring {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ring) / var(--tw-ring-opacity, 1));
}

.ring-text {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--text-primary) / var(--tw-ring-opacity, 1));
}

.ring-text\/25 {
  --tw-ring-color: rgb(var(--text-primary) / .25);
}

.ring-text\/30 {
  --tw-ring-color: rgb(var(--text-primary) / .3);
}

.ring-transparent {
  --tw-ring-color: transparent;
}

.ring-white\/20 {
  --tw-ring-color: #fff3;
}

.ring-offset-1 {
  --tw-ring-offset-width: 1px;
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.ring-offset-background {
  --tw-ring-offset-color: rgb(var(--background) / 1);
}

.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-0 {
  --tw-blur: blur(0);
  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-2xl {
  --tw-blur: blur(40px);
  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-3xl {
  --tw-blur: blur(64px);
  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-\[4px\], .blur-sm {
  --tw-blur: blur(4px);
  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) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -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(4px);
  -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-filter {
  -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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[background\,border-color\,box-shadow\] {
  transition-property: background, border-color, box-shadow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[background-color\,border-color\,color\] {
  transition-property: background-color, border-color, color;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[background-color\,box-shadow\] {
  transition-property: background-color, box-shadow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[background-color\,color\] {
  transition-property: background-color, color;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[background-color\,opacity\] {
  transition-property: background-color, opacity;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[background-image\] {
  transition-property: background-image;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[box-shadow\] {
  transition-property: box-shadow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[clip-path\] {
  transition-property: clip-path;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[color\,background-color\,border-color\,box-shadow\] {
  transition-property: color, background-color, border-color, box-shadow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[color\,background-color\,transform\] {
  transition-property: color, background-color, transform;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[color\,text-decoration-color\] {
  transition-property: color, text-decoration-color;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[flex-grow\] {
  transition-property: flex-grow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[grid-template-rows\,visibility\] {
  transition-property: grid-template-rows, visibility;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[height\] {
  transition-property: height;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[inline-size\] {
  transition-property: inline-size;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[opacity\,box-shadow\,border-color\] {
  transition-property: opacity, box-shadow, border-color;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[opacity\,color\,background-color\,box-shadow\] {
  transition-property: opacity, color, background-color, box-shadow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[opacity\,filter\,transform\] {
  transition-property: opacity, filter, transform;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[opacity\,transform\,filter\] {
  transition-property: opacity, transform, filter;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[opacity\,transform\] {
  transition-property: opacity, transform;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[transform\,background-color\,box-shadow\] {
  transition-property: transform, background-color, box-shadow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[transform\,background-color\,color\] {
  transition-property: transform, background-color, color;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[transform\,border-color\] {
  transition-property: transform, border-color;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[transform\,opacity\,box-shadow\] {
  transition-property: transform, opacity, box-shadow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[transform\,opacity\] {
  transition-property: transform, opacity;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[width\,background-color\] {
  transition-property: width, background-color;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-all {
  transition-property: all;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.duration-200 {
  transition-duration: .2s;
}

.ease-motion {
  transition-timing-function: var(--motion-role-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1)));
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

@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));
  }
}

@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));
  }
}

.animate-in {
  animation-name: enter;
  animation-duration: max(.01ms, calc(var(--motion-role-duration, .15s) * var(--motion-scale, 1)));
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.fade-in, .fade-in-0 {
  --tw-enter-opacity: 0;
}

.fade-in-100 {
  --tw-enter-opacity: 1;
}

.zoom-in-100 {
  --tw-enter-scale: 1;
}

.zoom-in-95 {
  --tw-enter-scale: .95;
}

.spin-in-\[…\] {
  --tw-enter-rotate: …;
}

.slide-in-from-bottom-1 {
  --tw-enter-translate-y: .25rem;
}

.slide-in-from-bottom-2 {
  --tw-enter-translate-y: .5rem;
}

.slide-in-from-bottom-4 {
  --tw-enter-translate-y: 1rem;
}

.slide-in-from-top-1 {
  --tw-enter-translate-y: -.25rem;
}

.slide-in-from-top-2 {
  --tw-enter-translate-y: -.5rem;
}

.duration-200 {
  animation-duration: .2s;
}

.ease-motion {
  animation-timing-function: var(--motion-role-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1)));
}

.ease-out {
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
}

.\!running {
  animation-play-state: running !important;
}

.running {
  animation-play-state: running;
}

.paused {
  animation-play-state: paused;
}

.fill-mode-backwards {
  animation-fill-mode: backwards;
}

.fill-mode-both {
  animation-fill-mode: both;
}

.repeat-\[3\] {
  animation-iteration-count: 3;
}

.gap-density-2 {
  gap: calc(.5rem * var(--density-scale));
}

.gap-density-3 {
  gap: calc(.75rem * var(--density-scale));
}

.gap-density-4 {
  gap: calc(1rem * var(--density-scale));
}

.gap-density-8 {
  gap: calc(2rem * var(--density-scale));
}

.p-density-12 {
  padding: calc(3rem * var(--density-scale));
}

.p-density-2 {
  padding: calc(.5rem * var(--density-scale));
}

.p-density-3 {
  padding: calc(.75rem * var(--density-scale));
}

.p-density-4 {
  padding: calc(1rem * var(--density-scale));
}

.p-density-6 {
  padding: calc(1.5rem * var(--density-scale));
}

.p-density-8 {
  padding: calc(2rem * var(--density-scale));
}

.px-density-2 {
  padding-inline: calc(.5rem * var(--density-scale));
}

.px-density-3 {
  padding-inline: calc(.75rem * var(--density-scale));
}

.px-density-4 {
  padding-inline: calc(1rem * var(--density-scale));
}

.px-density-6 {
  padding-inline: calc(1.5rem * var(--density-scale));
}

.py-density-16 {
  padding-block: calc(4rem * var(--density-scale));
}

.py-density-4 {
  padding-block: calc(1rem * var(--density-scale));
}

.py-density-6 {
  padding-block: calc(1.5rem * var(--density-scale));
}

.py-density-8 {
  padding-block: calc(2rem * var(--density-scale));
}

.duration-motion-1000 {
  transition-duration: max(.01ms, calc(1s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(1s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .duration-motion-1000 {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.duration-motion-150 {
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .duration-motion-150 {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.duration-motion-200 {
  transition-duration: max(.01ms, calc(.2s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.2s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .duration-motion-200 {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.duration-motion-300 {
  transition-duration: max(.01ms, calc(.3s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.3s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .duration-motion-300 {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.duration-motion-500 {
  transition-duration: max(.01ms, calc(.5s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.5s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .duration-motion-500 {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.duration-motion-700 {
  transition-duration: max(.01ms, calc(.7s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.7s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .duration-motion-700 {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.duration-motion-\[var\(--motion-role-duration\,320ms\)\] {
  transition-duration: max(.01ms, calc(var(--motion-role-duration, .32s) * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(var(--motion-role-duration, .32s) * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .duration-motion-\[var\(--motion-role-duration\,320ms\)\] {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.motion-stagger {
  transition-delay: calc(var(--motion-stagger, .12s) * var(--motion-stagger-index, 0) * var(--motion-scale, 1));
  animation-delay: calc(var(--motion-stagger, .12s) * var(--motion-stagger-index, 0) * var(--motion-scale, 1));
}

@media (prefers-reduced-motion: reduce) {
  .motion-stagger {
    transition-delay: .01ms;
    animation-delay: .01ms;
  }
}

.\[--cell-size\:theme\(spacing\.8\)\] {
  --cell-size: 2rem;
}

.\[--gallery-max-height\:min\(34rem\,60svh\)\] {
  --gallery-max-height: min(34rem,60svh);
}

.\[--gallery-max-height\:min\(80svh\,48rem\)\] {
  --gallery-max-height: min(80svh,48rem);
}

.\[--gallery-max-height\:min\(calc\(100svh_-_var\(--header-height\)_-_4rem\)\,44rem\)\] {
  --gallery-max-height: min(calc(100svh - var(--header-height) - 4rem),44rem);
}

.\[--rail-mark\:min\(3rem\,13cqh\)\] {
  --rail-mark: min(3rem,13cqh);
}

.\[--surface-fill\:var\(--card\)\] {
  --surface-fill: var(--card);
}

.\[--toast-clear-bottom\:max\(2rem\,calc\(var\(--shell-bottom-inset\)\+1rem\)\)\] {
  --toast-clear-bottom: max(2rem,calc(var(--shell-bottom-inset) + 1rem));
}

.\[--toast-clear-start\:max\(2rem\,calc\(var\(--shell-start-inset\)\+1rem\)\)\] {
  --toast-clear-start: max(2rem,calc(var(--shell-start-inset) + 1rem));
}

.\[animation-iteration-count\:3\] {
  animation-iteration-count: 3;
}

.\[container-type\:inline-size\] {
  container-type: inline-size;
}

.\[container-type\:size\] {
  container-type: size;
}

.\[grid-area\:1\/1\] {
  grid-area: 1 / 1;
}

.\[mask-image\:linear-gradient\(180deg\,transparent_0\%\,rgb\(0_0_0\/0\.08\)_25\%\,rgb\(0_0_0\/0\.3\)_50\%\,rgb\(0_0_0\/0\.7\)_75\%\,black_100\%\)\] {
  -webkit-mask-image: linear-gradient(#0000 0%, #00000014 25%, #0000004d 50%, #000000b3 75%, #000 100%);
  mask-image: linear-gradient(#0000 0%, #00000014 25%, #0000004d 50%, #000000b3 75%, #000 100%);
}

.\[mask-image\:linear-gradient\(to_right\,transparent\,black_24px\,black_calc\(100\%_-_24px\)\,transparent\)\] {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 24px calc(100% - 24px), #0000);
  mask-image: linear-gradient(to right, #0000, #000 24px calc(100% - 24px), #0000);
}

.\[mask-image\:radial-gradient\(farthest-side_at_0_0\,black\,transparent\)\] {
  -webkit-mask-image: radial-gradient(farthest-side at 0 0, #000, #0000);
  mask-image: radial-gradient(farthest-side at 0 0, #000, #0000);
}

.\[mask-image\:radial-gradient\(farthest-side_at_100\%_100\%\,black\,transparent\)\] {
  -webkit-mask-image: radial-gradient(farthest-side at 100% 100%, #000, #0000);
  mask-image: radial-gradient(farthest-side at 100% 100%, #000, #0000);
}

.\[mask\:linear-gradient\(black_0_0\)_content-box_exclude\,linear-gradient\(black_0_0\)\] {
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor, source-over;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}

.\[object-position\:50\%_var\(--showcase-focus\)\] {
  -o-object-position: 50% var(--showcase-focus);
  object-position: 50% var(--showcase-focus);
}

.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}

.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

.\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}

.\[text-align\:inherit\] {
  text-align: inherit;
}

.\[writing-mode\:vertical-rl\] {
  writing-mode: vertical-rl;
}

.hover-brand:hover {
  background-color: rgb(var(--brand) / .1);
}

.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.hover\:scrollbar-thin:hover {
  scrollbar-width: thin;
}

.hover\:scrollbar-thin:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.hover\:scrollbar-thumb-gray-400:hover::-webkit-scrollbar-thumb {
  background-color: #9ca3af;
  border-radius: 3px;
}

.hover\:scrollbar-track-transparent:hover::-webkit-scrollbar-track {
  background: none;
}

@media (hover: none) and (pointer: coarse) {
  .scrollbar-none {
    scrollbar-width: thin;
  }

  .scrollbar-none::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: block;
  }

  .scrollbar-none::-webkit-scrollbar-thumb {
    background-color: #9ca3af80;
    border-radius: 2px;
  }

  .scrollbar-none::-webkit-scrollbar-track {
    background: none;
  }
}

@keyframes goldenWave1 {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  20% {
    opacity: .9;
  }

  100% {
    opacity: .3;
    transform: scale(4);
  }
}

@keyframes goldenWave2 {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  25% {
    opacity: .8;
  }

  100% {
    opacity: .2;
    transform: scale(5);
  }
}

@keyframes goldenWave3 {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  30% {
    opacity: .7;
  }

  100% {
    opacity: .1;
    transform: scale(6);
  }
}

@keyframes reverseWave1 {
  0% {
    opacity: .3;
    transform: scale(4);
  }

  80% {
    opacity: .9;
  }

  100% {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes reverseWave2 {
  0% {
    opacity: .2;
    transform: scale(5);
  }

  75% {
    opacity: .8;
  }

  100% {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes enhancedParticles {
  0% {
    opacity: 0;
    transform: scale(0) translateX(0) translateY(0);
  }

  20% {
    opacity: 1;
    transform: scale(1) translateX(calc(var(--end-x) * .2)) translateY(calc(var(--end-y) * .2));
  }

  80% {
    opacity: .8;
    transform: scale(1.2) translateX(calc(var(--end-x) * .8)) translateY(calc(var(--end-y) * .8));
  }

  100% {
    opacity: 0;
    transform: scale(.5) translateX(var(--end-x)) translateY(var(--end-y));
  }
}

@keyframes convergingParticles {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  20% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.5) translateX(calc(var(--target-x) - 50vw)) translateY(calc(var(--target-y) - 50vh));
  }
}

@keyframes energyRipple1 {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(8);
  }
}

@keyframes energyRipple2 {
  0% {
    opacity: .8;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(6);
  }
}

@keyframes energyRipple3 {
  0% {
    opacity: .6;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(4);
  }
}

@keyframes transitionText {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(.8);
  }

  20% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  80% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(-30px) scale(1.1);
  }
}

@keyframes returnText {
  0% {
    opacity: 0;
    transform: translateY(-30px) scale(1.1);
  }

  20% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  80% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(30px) scale(.8);
  }
}

@keyframes fadeInDelayed {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes glowOrb1 {
  0%, 100% {
    opacity: .3;
    transform: scale(1);
  }

  33% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes glowOrb2 {
  0%, 100% {
    opacity: .3;
    transform: scale(1);
  }

  66% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes glowOrb3 {
  0%, 100% {
    opacity: .3;
    transform: scale(1);
  }

  100% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@keyframes finalFlash {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .8;
  }

  100% {
    opacity: 0;
  }
}

@keyframes luxury-float {
  0%, 100% {
    transform: translateY(0) rotate(0);
  }

  33% {
    transform: translateY(-4px) rotate(.3deg);
  }

  66% {
    transform: translateY(-2px) rotate(-.3deg);
  }
}

@keyframes luxury-twinkle {
  0%, 100% {
    opacity: .2;
    transform: scale(.8);
  }

  50% {
    opacity: .8;
    transform: scale(1.3);
  }
}

@keyframes luxury-portal-energy {
  0%, 100% {
    opacity: .3;
    transform: scale(1);
  }

  50% {
    opacity: .7;
    transform: scale(1.03);
  }
}

@keyframes luxury-portal-depth {
  0%, 100% {
    background: linear-gradient(#000000e6 0%, #111827b3 50%, #000000e6 100%);
  }

  50% {
    background: linear-gradient(#000000f2 0%, #11182780 50%, #000000f2 100%);
  }
}

@keyframes luxury-portal-particles {
  0% {
    opacity: 0;
    transform: translateY(15px) scale(0);
  }

  50% {
    opacity: .8;
    transform: translateY(-8px) scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(-30px) scale(0);
  }
}

@keyframes luxury-energy-rise {
  0%, 100% {
    opacity: .5;
    transform: translateY(0) scaleY(1);
  }

  50% {
    opacity: .8;
    transform: translateY(-8px) scaleY(1.1);
  }
}

@keyframes flow-1 {
  0%, 100% {
    opacity: .3;
    stroke-dasharray: 0 1000;
  }

  50% {
    opacity: .6;
    stroke-dasharray: 500 500;
  }
}

@keyframes flow-2 {
  0%, 100% {
    opacity: .2;
    stroke-dasharray: 0 800;
  }

  50% {
    opacity: .5;
    stroke-dasharray: 400 400;
  }
}

@keyframes flow-3 {
  0%, 100% {
    opacity: .15;
    stroke-dasharray: 0 600;
  }

  50% {
    opacity: .4;
    stroke-dasharray: 300 300;
  }
}

.animate-enhanced-particles {
  animation: enhancedParticles
    max(.01ms, calc(var(--landing-motion-duration, 2s) * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1))
    calc(var(--landing-motion-delay, 0s) * var(--motion-scale, 1)) forwards;
}

.animate-converging-particles {
  animation: convergingParticles
    max(.01ms, calc(var(--landing-motion-duration, 2s) * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1))
    calc(var(--landing-motion-delay, 0s) * var(--motion-scale, 1)) forwards;
}

.animate-energy-ripple-1 {
  animation: energyRipple1 max(.01ms, calc(1.5s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) forwards;
}

.animate-energy-ripple-2 {
  animation: energyRipple2 max(.01ms, calc(1.8s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) calc(.2s * var(--motion-scale, 1)) forwards;
}

.animate-energy-ripple-3 {
  animation: energyRipple3 max(.01ms, calc(2.1s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) calc(.4s * var(--motion-scale, 1)) forwards;
}

.animate-transition-text {
  animation: transitionText max(.01ms, calc(2.5s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) forwards;
}

.animate-return-text {
  animation: returnText max(.01ms, calc(2.5s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) forwards;
}

.animate-fade-in-delayed {
  animation: fadeInDelayed max(.01ms, calc(2s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) forwards;
}

.animate-final-flash {
  animation: finalFlash max(.01ms, calc(.3s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) calc(2.2s * var(--motion-scale, 1)) forwards;
}

.animate-golden-wave-1 {
  animation: goldenWave1 max(.01ms, calc(2.5s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) forwards;
}

.animate-golden-wave-2 {
  animation: goldenWave2 max(.01ms, calc(2.5s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) calc(.2s * var(--motion-scale, 1)) forwards;
}

.animate-golden-wave-3 {
  animation: goldenWave3 max(.01ms, calc(2.5s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) calc(.4s * var(--motion-scale, 1)) forwards;
}

.animate-reverse-wave-1 {
  animation: reverseWave1 max(.01ms, calc(2.5s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) forwards;
}

.animate-reverse-wave-2 {
  animation: reverseWave2 max(.01ms, calc(2.5s * var(--motion-scale, 1)))
    var(--motion-curve, cubic-bezier(.16, 1, .3, 1)) calc(.2s * var(--motion-scale, 1)) forwards;
}

.animate-glow-orb-1 {
  animation: glowOrb1 max(.01ms, calc(1.5s * var(--motion-scale, 1))) ease-in-out infinite;
}

.animate-glow-orb-2 {
  animation: glowOrb2 max(.01ms, calc(1.5s * var(--motion-scale, 1))) ease-in-out
    calc(.2s * var(--motion-scale, 1)) infinite;
}

.animate-glow-orb-3 {
  animation: glowOrb3 max(.01ms, calc(1.5s * var(--motion-scale, 1))) ease-in-out
    calc(.4s * var(--motion-scale, 1)) infinite;
}

.animate-luxury-float {
  animation: luxury-float
    max(.01ms, calc(var(--landing-motion-duration, 5s) * var(--motion-scale, 1))) ease-in-out
    infinite;
}

.animate-luxury-twinkle {
  animation: luxury-twinkle
    max(.01ms, calc(var(--landing-motion-duration, 4s) * var(--motion-scale, 1))) ease-in-out
    calc(var(--landing-motion-delay, 0s) * var(--motion-scale, 1)) infinite;
}

.animate-luxury-portal-energy {
  animation: luxury-portal-energy max(.01ms, calc(4s * var(--motion-scale, 1))) ease-in-out
    infinite;
}

.animate-luxury-portal-depth {
  animation: luxury-portal-depth max(.01ms, calc(5s * var(--motion-scale, 1))) ease-in-out infinite;
}

.animate-luxury-portal-particles {
  animation: luxury-portal-particles max(.01ms, calc(2.5s * var(--motion-scale, 1))) ease-in-out
    calc(var(--landing-motion-delay, 0s) * var(--motion-scale, 1)) infinite;
}

.animate-luxury-energy-rise {
  animation: luxury-energy-rise max(.01ms, calc(3s * var(--motion-scale, 1))) ease-in-out infinite;
}

.animate-flow-1 {
  animation: flow-1 max(.01ms, calc(8s * var(--motion-scale, 1))) ease-in-out infinite;
}

.animate-flow-2 {
  animation: flow-2 max(.01ms, calc(10s * var(--motion-scale, 1))) ease-in-out
    calc(2s * var(--motion-scale, 1)) infinite;
}

.animate-flow-3 {
  animation: flow-3 max(.01ms, calc(12s * var(--motion-scale, 1))) ease-in-out
    calc(4s * var(--motion-scale, 1)) infinite;
}

@media (max-width: 640px) {
  .animate-luxury-float {
    --landing-motion-duration: 3s;
  }

  .animate-luxury-twinkle {
    --landing-motion-duration: 2s;
  }
}

@media (min-width: 1280px) {
  .xl\:container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .xl\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .xl\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .xl\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .xl\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .xl\:container {
      max-width: 1536px;
    }
  }
}

.marker\:text-muted-foreground ::marker {
  color: rgb(var(--muted-foreground));
}

.marker\:text-text-muted ::marker {
  color: rgb(var(--text-muted));
}

.marker\:text-muted-foreground::marker {
  color: rgb(var(--muted-foreground));
}

.marker\:text-text-muted::marker {
  color: rgb(var(--text-muted));
}

.file\:border-0::file-selector-button {
  border-width: 0;
}

.file\:bg-transparent::file-selector-button {
  background-color: #0000;
}

.file\:text-sm::file-selector-button {
  font-size: .875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.file\:text-foreground::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity, 1));
}

.placeholder\:font-normal::placeholder {
  font-weight: 400;
}

.placeholder\:normal-case::placeholder {
  text-transform: none;
}

.placeholder\:tracking-normal::placeholder {
  letter-spacing: 0;
}

.placeholder\:text-muted-foreground::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.placeholder\:text-text-muted::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--text-muted) / var(--tw-text-opacity, 1));
}

.placeholder\:text-text-secondary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity, 1));
}

.before\:pointer-events-none:before {
  content: var(--tw-content);
  pointer-events: none;
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}

.before\:inset-x-0:before {
  content: var(--tw-content);
  left: 0;
  right: 0;
}

.before\:-end-2:before {
  content: var(--tw-content);
  inset-inline-end: -.5rem;
}

.before\:-top-1\.5:before {
  content: var(--tw-content);
  top: -.375rem;
}

.before\:bottom-0:before {
  content: var(--tw-content);
  bottom: 0;
}

.before\:bottom-\[0\.02em\]:before {
  content: var(--tw-content);
  bottom: .02em;
}

.before\:top-\[0\.12em\]:before {
  content: var(--tw-content);
  top: .12em;
}

.before\:-z-10:before {
  content: var(--tw-content);
  z-index: -10;
}

.before\:h-4:before {
  content: var(--tw-content);
  height: 1rem;
}

.before\:w-2:before {
  content: var(--tw-content);
  width: .5rem;
}

.before\:rounded-\[0\.14em\]:before {
  content: var(--tw-content);
  border-radius: .14em;
}

.before\:rounded-lg:before {
  content: var(--tw-content);
  border-radius: var(--radius);
}

.before\:rounded-ee-\[0\.375rem\]:before {
  content: var(--tw-content);
  border-end-end-radius: .375rem;
}

.before\:rounded-se-\[0\.75rem\]:before {
  content: var(--tw-content);
  border-start-end-radius: .75rem;
}

.before\:bg-\[inherit\]:before {
  content: var(--tw-content);
  background-color: inherit;
}

.before\:bg-muted:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity, 1));
}

.before\:bg-primary\/35:before {
  content: var(--tw-content);
  background-color: rgb(var(--primary) / .35);
}

.before\:bg-\[radial-gradient\(rgb\(var\(--text-primary\)\/0\.14\)_1px\,transparent_1\.5px\)\]:before {
  content: var(--tw-content);
  background-image: radial-gradient(rgb(var(--text-primary)/.14) 1px,transparent 1.5px);
}

.before\:bg-\[length\:18px_18px\]:before {
  content: var(--tw-content);
  background-size: 18px 18px;
}

.before\:transition-colors:before {
  content: var(--tw-content);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.before\:content-\[\"\"\]:before, .before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}

.before\:duration-motion-150:before {
  content: var(--tw-content);
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .before\:duration-motion-150:before {
    content: var(--tw-content);
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.before\:\[mask-image\:linear-gradient\(to_bottom\,black\,transparent_85\%\)\]:before {
  content: var(--tw-content);
  -webkit-mask-image: linear-gradient(#000, #0000 85%);
  mask-image: linear-gradient(#000, #0000 85%);
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:-inset-2\.5:after {
  content: var(--tw-content);
  inset: -.625rem;
}

.after\:inset-0:after {
  content: var(--tw-content);
  inset: 0;
}

.after\:inset-x-0:after {
  content: var(--tw-content);
  left: 0;
  right: 0;
}

.after\:inset-y-0:after {
  content: var(--tw-content);
  top: 0;
  bottom: 0;
}

.after\:-end-\[1\.125rem\]:after {
  content: var(--tw-content);
  inset-inline-end: -1.125rem;
}

.after\:bottom-0:after {
  content: var(--tw-content);
  bottom: 0;
}

.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}

.after\:size-1\.5:after {
  content: var(--tw-content);
  width: .375rem;
  height: .375rem;
}

.after\:h-0\.5:after {
  content: var(--tw-content);
  height: .125rem;
}

.after\:w-1:after {
  content: var(--tw-content);
  width: .25rem;
}

.after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:rounded-xl:after {
  content: var(--tw-content);
  border-radius: calc(var(--radius) + 4px);
}

.after\:bg-\[inherit\]:after {
  content: var(--tw-content);
  background-color: inherit;
}

.after\:bg-tab:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--tab) / var(--tw-bg-opacity, 1));
}

.after\:opacity-0:after {
  content: var(--tw-content);
  opacity: 0;
}

.after\:content-\[\"\"\]:after, .after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}

.first\:mt-0:first-child {
  margin-top: 0;
}

.first\:border-s-0:first-child {
  border-inline-start-width: 0;
}

.first\:border-t-0:first-child {
  border-top-width: 0;
}

.first\:pt-0:first-child {
  padding-top: 0;
}

.first\:pt-2:first-child {
  padding-top: .5rem;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0;
}

.last\:border-e-0:last-child {
  border-inline-end-width: 0;
}

.last\:pb-0:last-child {
  padding-bottom: 0;
}

.empty\:hidden:empty {
  display: none;
}

.focus-within\:border-border-strong:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-strong) / var(--tw-border-opacity, 1));
}

.focus-within\:border-brand:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand) / var(--tw-border-opacity, 1));
}

.focus-within\:border-ring\/40:focus-within {
  border-color: rgb(var(--ring) / .4);
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

.focus-within\:shadow-rest-hover:focus-within {
  --tw-shadow: var(--shadow-1-hover);
  --tw-shadow-colored: var(--shadow-1-hover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-brand\/20:focus-within {
  --tw-ring-color: rgb(var(--brand) / .2);
}

.focus-within\:ring-ring:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ring) / var(--tw-ring-opacity, 1));
}

.focus-within\:ring-offset-1:focus-within {
  --tw-ring-offset-width: 1px;
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-amber-500\/40:hover {
  border-color: #f59e0b66;
}

.hover\:border-border:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
}

.hover\:border-border-strong:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-strong) / var(--tw-border-opacity, 1));
}

.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.hover\:border-primary\/40:hover {
  border-color: rgb(var(--primary) / .4);
}

.hover\:border-primary\/50:hover {
  border-color: rgb(var(--primary) / .5);
}

.hover\:\!bg-muted:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-accent:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1));
}

.hover\:bg-accent\/50:hover {
  background-color: rgb(var(--accent) / .5);
}

.hover\:bg-background:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background) / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand\/10:hover {
  background-color: rgb(var(--brand) / .1);
}

.hover\:bg-brand\/20:hover {
  background-color: rgb(var(--brand) / .2);
}

.hover\:bg-brand\/90:hover {
  background-color: rgb(var(--brand) / .9);
}

.hover\:bg-button\/90:hover {
  background-color: rgb(var(--button) / .9);
}

.hover\:bg-card\/90:hover {
  background-color: rgb(var(--card) / .9);
}

.hover\:bg-destructive\/10:hover {
  background-color: rgb(var(--destructive) / .1);
}

.hover\:bg-destructive\/20:hover {
  background-color: rgb(var(--destructive) / .2);
}

.hover\:bg-destructive\/80:hover {
  background-color: rgb(var(--destructive) / .8);
}

.hover\:bg-destructive\/90:hover {
  background-color: rgb(var(--destructive) / .9);
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-500\/20:hover {
  background-color: #22c55e33;
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.hover\:bg-hover\/10:hover {
  background-color: rgb(var(--hover) / .1);
}

.hover\:bg-hover\/5:hover {
  background-color: rgb(var(--hover) / .05);
}

.hover\:bg-muted:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity, 1));
}

.hover\:bg-muted\/40:hover {
  background-color: rgb(var(--muted) / .4);
}

.hover\:bg-muted\/50:hover {
  background-color: rgb(var(--muted) / .5);
}

.hover\:bg-muted\/60:hover {
  background-color: rgb(var(--muted) / .6);
}

.hover\:bg-primary\/10:hover {
  background-color: rgb(var(--primary) / .1);
}

.hover\:bg-primary\/80:hover {
  background-color: rgb(var(--primary) / .8);
}

.hover\:bg-primary\/90:hover {
  background-color: rgb(var(--primary) / .9);
}

.hover\:bg-secondary\/80:hover {
  background-color: rgb(var(--secondary) / .8);
}

.hover\:bg-surface:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surf-02) / var(--tw-bg-opacity, 1));
}

.hover\:bg-surface-3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surf-03) / var(--tw-bg-opacity, 1));
}

.hover\:bg-surface\/60:hover {
  background-color: rgb(var(--surf-02) / .6);
}

.hover\:bg-surface\/80:hover {
  background-color: rgb(var(--surf-02) / .8);
}

.hover\:bg-text\/10:hover {
  background-color: rgb(var(--text-primary) / .1);
}

.hover\:bg-text\/\[0\.04\]:hover {
  background-color: rgb(var(--text-primary) / .04);
}

.hover\:bg-transparent:hover {
  background-color: #0000;
}

.hover\:from-amber-500\/20:hover {
  --tw-gradient-from: #f59e0b33 var(--tw-gradient-from-position);
  --tw-gradient-to: #f59e0b00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-orange-500\/20:hover {
  --tw-gradient-to: #f9731633 var(--tw-gradient-to-position);
}

.hover\:text-accent-foreground:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-foreground) / var(--tw-text-opacity, 1));
}

.hover\:text-brand:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--brand) / var(--tw-text-opacity, 1));
}

.hover\:text-brand\/80:hover {
  color: rgb(var(--brand) / .8);
}

.hover\:text-destructive:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--destructive) / var(--tw-text-opacity, 1));
}

.hover\:text-destructive\/80:hover {
  color: rgb(var(--destructive) / .8);
}

.hover\:text-foreground:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity, 1));
}

.hover\:text-muted-foreground:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}

.hover\:text-primary\/80:hover {
  color: rgb(var(--primary) / .8);
}

.hover\:text-text:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-90:hover {
  opacity: .9;
}

.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-rest-hover:hover {
  --tw-shadow: var(--shadow-1-hover);
  --tw-shadow-colored: var(--shadow-1-hover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-soft:hover {
  --tw-shadow: var(--shadow-2);
  --tw-shadow-colored: var(--shadow-2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[var\(--shadow-3\)\]:hover {
  --tw-shadow-color: var(--shadow-3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:before\:bg-muted\/60:hover:before {
  content: var(--tw-content);
  background-color: rgb(var(--muted) / .6);
}

.focus\:not-sr-only:focus {
  clip: auto;
  white-space: normal;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  position: static;
  overflow: visible;
}

.focus\:border-brand:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand) / var(--tw-border-opacity, 1));
}

.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.focus\:bg-hover\/10:focus {
  background-color: rgb(var(--hover) / .1);
}

.focus\:text-destructive:focus {
  --tw-text-opacity: 1;
  color: rgb(var(--destructive) / var(--tw-text-opacity, 1));
}

.focus\:text-text:focus {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity, 1));
}

.focus\:shadow-rest-hover:focus {
  --tw-shadow: var(--shadow-1-hover);
  --tw-shadow-colored: var(--shadow-1-hover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-amber-500\/50:focus {
  --tw-ring-color: #f59e0b80;
}

.focus\:ring-brand\/20:focus {
  --tw-ring-color: rgb(var(--brand) / .2);
}

.focus\:ring-destructive\/50:focus {
  --tw-ring-color: rgb(var(--destructive) / .5);
}

.focus\:ring-primary\/20:focus {
  --tw-ring-color: rgb(var(--primary) / .2);
}

.focus\:ring-primary\/50:focus {
  --tw-ring-color: rgb(var(--primary) / .5);
}

.focus\:ring-ring:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ring) / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:border-input:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(var(--input) / var(--tw-border-opacity, 1));
}

.focus-visible\:border-primary:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.focus-visible\:bg-accent:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1));
}

.focus-visible\:bg-hover\/10:focus-visible {
  background-color: rgb(var(--hover) / .1);
}

.focus-visible\:bg-muted\/50:focus-visible {
  background-color: rgb(var(--muted) / .5);
}

.focus-visible\:underline:focus-visible {
  text-decoration-line: underline;
}

.focus-visible\:opacity-100:focus-visible {
  opacity: 1;
}

.focus-visible\:shadow-rest-hover:focus-visible {
  --tw-shadow: var(--shadow-1-hover);
  --tw-shadow-colored: var(--shadow-1-hover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:outline-none:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ring) / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-offset-4:focus-visible {
  --tw-ring-offset-width: 4px;
}

.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: rgb(var(--background) / 1);
}

.focus-visible\:before\:ring-2:focus-visible:before {
  content: var(--tw-content);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:before\:ring-ring:focus-visible:before {
  content: var(--tw-content);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ring) / var(--tw-ring-opacity, 1));
}

.focus-visible\:after\:ring-2:focus-visible:after {
  content: var(--tw-content);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:after\:ring-ring:focus-visible:after {
  content: var(--tw-content);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ring) / var(--tw-ring-opacity, 1));
}

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.97\]:active {
  --tw-scale-x: .97;
  --tw-scale-y: .97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.98\]:active {
  --tw-scale-x: .98;
  --tw-scale-y: .98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.99\]:active {
  --tw-scale-x: .99;
  --tw-scale-y: .99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:cursor-progress:disabled {
  cursor: progress;
}

.disabled\:text-muted-foreground:disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.disabled\:no-underline:disabled {
  text-decoration-line: none;
}

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.group:focus-within .group-focus-within\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.group\/turn:focus-within .group-focus-within\/turn\:opacity-100, .group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:-translate-x-0\.5 {
  --tw-translate-x: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/panel:hover .group-hover\/panel\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-brand\/50 {
  border-color: rgb(var(--brand) / .5);
}

.group\/handle:hover .group-hover\/handle\:bg-primary\/50 {
  background-color: rgb(var(--primary) / .5);
}

.group\/item:hover .group-hover\/item\:bg-text\/90 {
  background-color: rgb(var(--text-primary) / .9);
}

.group\/link:hover .group-hover\/link\:bg-muted {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.group\/link:hover .group-hover\/link\:text-text {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-brand {
  --tw-text-opacity: 1;
  color: rgb(var(--brand) / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-brand-light {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-light) / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-text {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-text-muted {
  --tw-text-opacity: 1;
  color: rgb(var(--text-muted) / var(--tw-text-opacity, 1));
}

.group\/avatar:hover .group-hover\/avatar\:opacity-100, .group\/bubble:hover .group-hover\/bubble\:opacity-100, .group\/mark:hover .group-hover\/mark\:opacity-100, .group\/row:hover .group-hover\/row\:opacity-100, .group\/stage:hover .group-hover\/stage\:opacity-100, .group\/toast:hover .group-hover\/toast\:opacity-100, .group\/turn:hover .group-hover\/turn\:opacity-100, .group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-40 {
  opacity: .4;
}

.group\/question:hover .group-hover\/question\:ring-text {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--text-primary) / var(--tw-ring-opacity, 1));
}

.group:focus-visible .group-focus-visible\:text-brand {
  --tw-text-opacity: 1;
  color: rgb(var(--brand) / var(--tw-text-opacity, 1));
}

.group\/avatar:focus-visible .group-focus-visible\/avatar\:opacity-100 {
  opacity: 1;
}

.group\/handle:active .group-active\/handle\:bg-primary, .group:active .group-active\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.group:active .group-active\:opacity-100 {
  opacity: 1;
}

.peer:focus ~ .peer-focus\:hidden {
  display: none;
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: .7;
}

.has-\[\:checked\]\:border-primary:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.has-\[\[data-state\=checked\]\]\:border-primary:has([data-state="checked"]) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.has-\[input\:focus\]\:border-primary:has(input:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.has-\[\:checked\]\:bg-primary\/5:has(:checked) {
  background-color: rgb(var(--primary) / .05);
}

.has-\[\[data-state\=checked\]\]\:bg-primary\/5:has([data-state="checked"]) {
  background-color: rgb(var(--primary) / .05);
}

.has-\[\:disabled\]\:opacity-50:has(:disabled) {
  opacity: .5;
}

.has-\[\[data-state\=open\]\]\:opacity-100:has([data-state="open"]) {
  opacity: 1;
}

.has-\[input\:focus\]\:shadow-rest-hover:has(input:focus) {
  --tw-shadow: var(--shadow-1-hover);
  --tw-shadow-colored: var(--shadow-1-hover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.has-\[\:focus-visible\]\:ring-2:has(:focus-visible) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.has-\[\:focus-visible\]\:ring-ring:has(:focus-visible) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ring) / var(--tw-ring-opacity, 1));
}

.group\/row:has([data-state="open"]) .group-has-\[\[data-state\=open\]\]\/row\:opacity-0 {
  opacity: 0;
}

.aria-busy\:cursor-progress[aria-busy="true"] {
  cursor: progress;
}

.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: .5;
}

.aria-selected\:text-muted-foreground[aria-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.aria-\[invalid\=true\]\:border-destructive[aria-invalid="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(var(--destructive) / var(--tw-border-opacity, 1));
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"], .data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}

.data-\[state\=inactive\]\:hidden[data-state="inactive"] {
  display: none;
}

.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-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=hidden\]\:scale-\[0\.25\][data-state="hidden"] {
  --tw-scale-x: .25;
  --tw-scale-y: .25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=shown\]\:scale-100[data-state="shown"] {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up max(.01ms, calc(var(--motion-role-duration, .2s) * var(--motion-scale, 1))) var(--motion-role-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1)));
}

.data-\[state\=closed\]\:animate-none[data-state="closed"] {
  animation: none;
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}

.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down max(.01ms, calc(var(--motion-role-duration, .2s) * var(--motion-scale, 1))) var(--motion-role-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1)));
}

.data-\[state\=open\]\:animate-none[data-state="open"] {
  animation: none;
}

.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}

.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
  border-radius: calc(var(--radius) - 2px);
}

.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
  border-radius: 0;
}

.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
  border-radius: calc(var(--radius) - 2px);
}

.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
  border-radius: 0;
}

.data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.data-\[state\=on\]\:border-foreground[data-state="on"] {
  --tw-border-opacity: 1;
  border-color: rgb(var(--foreground) / var(--tw-border-opacity, 1));
}

.data-\[state\=on\]\:border-primary[data-state="on"] {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary) / var(--tw-border-opacity, 1));
}

.data-\[type\=error\]\:border-destructive[data-type="error"] {
  --tw-border-opacity: 1;
  border-color: rgb(var(--destructive) / var(--tw-border-opacity, 1));
}

.data-\[active\]\:bg-hover\/10[data-active] {
  background-color: rgb(var(--hover) / .1);
}

.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1));
}

.data-\[range-start\=true\]\:bg-primary[data-range-start="true"], .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=\'true\'\]\:bg-hover\/10[data-selected="true"] {
  background-color: rgb(var(--hover) / .1);
}

.data-\[state\=active\]\:bg-tab[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--tab) / var(--tw-bg-opacity, 1));
}

.data-\[state\=active\]\:bg-tab\/10[data-state="active"] {
  background-color: rgb(var(--tab) / .1);
}

.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.data-\[state\=on\]\:bg-accent[data-state="on"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1));
}

.data-\[state\=on\]\:bg-foreground[data-state="on"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--foreground) / var(--tw-bg-opacity, 1));
}

.data-\[state\=on\]\:bg-primary\/10[data-state="on"] {
  background-color: rgb(var(--primary) / .1);
}

.data-\[state\=on\]\:bg-tab[data-state="on"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--tab) / var(--tw-bg-opacity, 1));
}

.data-\[state\=on\]\:bg-transparent[data-state="on"] {
  background-color: #0000;
}

.data-\[state\=open\]\:bg-accent[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1));
}

.data-\[state\=open\]\:bg-hover\/10[data-state="open"] {
  background-color: rgb(var(--hover) / .1);
}

.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary) / var(--tw-bg-opacity, 1));
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity, 1));
}

.data-\[type\=error\]\:bg-destructive[data-type="error"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--destructive) / var(--tw-bg-opacity, 1));
}

.data-\[styled\=true\]\:pe-10[data-styled="true"] {
  padding-inline-end: 2.5rem;
}

.data-\[state\=on\]\:font-medium[data-state="on"] {
  font-weight: 500;
}

.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-foreground) / var(--tw-text-opacity, 1));
}

.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"], .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=active\]\:text-foreground[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=active\]\:text-tab-foreground[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(var(--tab-foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=on\]\:text-background[data-state="on"] {
  --tw-text-opacity: 1;
  color: rgb(var(--background) / var(--tw-text-opacity, 1));
}

.data-\[state\=on\]\:text-foreground[data-state="on"] {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=on\]\:text-primary[data-state="on"] {
  --tw-text-opacity: 1;
  color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}

.data-\[state\=on\]\:text-tab-foreground[data-state="on"] {
  --tw-text-opacity: 1;
  color: rgb(var(--tab-foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=open\]\:text-foreground[data-state="open"] {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.data-\[state\=open\]\:text-primary[data-state="open"] {
  --tw-text-opacity: 1;
  color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}

.data-\[type\=error\]\:text-destructive-foreground[data-type="error"] {
  --tw-text-opacity: 1;
  color: rgb(var(--destructive-foreground) / var(--tw-text-opacity, 1));
}

.data-\[disabled\=true\]\:opacity-50[data-disabled="true"], .data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: .5;
}

.data-\[state\=hidden\]\:opacity-0[data-state="hidden"] {
  opacity: 0;
}

.data-\[state\=shown\]\:opacity-100[data-state="shown"] {
  opacity: 1;
}

.data-\[focused\]\:shadow-rest-hover[data-focused], .data-\[hovering\]\:shadow-rest-hover[data-hovering] {
  --tw-shadow: var(--shadow-1-hover);
  --tw-shadow-colored: var(--shadow-1-hover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[state\=active\]\:shadow-rest[data-state="active"], .data-\[state\=checked\]\:shadow-rest[data-state="checked"] {
  --tw-shadow: var(--shadow-1);
  --tw-shadow-colored: var(--shadow-1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[removed\=true\]\:ease-motion[data-removed="true"] {
  transition-timing-function: var(--motion-role-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1)));
}

.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"], .data-\[state\=open\]\:animate-in[data-state="open"], .data-\[state\=visible\]\:animate-in[data-state="visible"] {
  animation-name: enter;
  animation-duration: max(.01ms, calc(var(--motion-role-duration, .15s) * var(--motion-scale, 1)));
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"], .data-\[state\=closed\]\:animate-out[data-state="closed"], .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
  animation-name: exit;
  animation-duration: max(.01ms, calc(var(--motion-role-duration, .15s) * var(--motion-scale, 1)));
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
  --tw-enter-opacity: 0;
}

.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"], .data-\[state\=closed\]\:fade-out-0[data-state="closed"], .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"], .data-\[state\=visible\]\:fade-in[data-state="visible"] {
  --tw-enter-opacity: 0;
}

.data-\[closing\=timer\]\:data-\[state\=closed\]\:zoom-out-100[data-state="closed"][data-closing="timer"] {
  --tw-exit-scale: 1;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}

.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-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
  --tw-enter-translate-x: 13rem;
}

.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
  --tw-enter-translate-x: -13rem;
}

.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
  --tw-exit-translate-x: 13rem;
}

.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
  --tw-exit-translate-x: -13rem;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: .5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: .5rem;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-bottom-4[data-state="closed"] {
  --tw-exit-translate-y: 1rem;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-bottom-4[data-state="open"] {
  --tw-enter-translate-y: 1rem;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}

.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-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}

.data-\[removed\=true\]\:ease-motion[data-removed="true"] {
  animation-timing-function: var(--motion-role-curve, var(--motion-curve, cubic-bezier(.16, 1, .3, 1)));
}

.data-\[state\=closed\]\:duration-motion-300[data-state="closed"] {
  transition-duration: max(.01ms, calc(.3s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.3s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .data-\[state\=closed\]\:duration-motion-300[data-state="closed"] {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.data-\[state\=open\]\:duration-motion-500[data-state="open"] {
  transition-duration: max(.01ms, calc(.5s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.5s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .data-\[state\=open\]\:duration-motion-500[data-state="open"] {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.data-\[removed\=true\]\:\[transition-duration\:min\(180ms\,max\(0\.01ms\,calc\(180ms\*var\(--motion-scale\,1\)\)\)\)\][data-removed="true"] {
  transition-duration: min(.18s,max(.01ms,calc(.18s * var(--motion-scale, 1))));
}

.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  left: 0;
}

.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  height: .25rem;
}

.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-y-1\/2[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=active\]\:after\:opacity-100[data-state="active"]:after {
  content: var(--tw-content);
  opacity: 1;
}

.data-\[state\=checked\]\:hover\:shadow-rest-hover:hover[data-state="checked"] {
  --tw-shadow: var(--shadow-1-hover);
  --tw-shadow-colored: var(--shadow-1-hover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group\/answer[data-state="open"] .group-data-\[state\=open\]\/answer\:visible {
  visibility: visible;
}

.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative {
  position: relative;
}

.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 {
  z-index: 10;
}

.group\/menu[data-open] .group-data-\[open\]\/menu\:block, .group[data-state="on"] .group-data-\[state\=on\]\:block {
  display: block;
}

.group\/panel[data-reached] .group-data-\[reached\]\/panel\:translate-y-0, .group\/answer[data-state="open"] .group-data-\[state\=open\]\/answer\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/menu[data-open] .group-data-\[open\]\/menu\:rotate-180, .group\/card[data-points="open"] .group-data-\[points\=open\]\/card\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/question[data-state="open"] .group-data-\[state\=open\]\/question\:rotate-\[135deg\] {
  --tw-rotate: 135deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/panel[data-current] .group-data-\[current\]\/panel\:scale-100, .group\/step[data-reached] .group-data-\[reached\]\/step\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/answer[data-state="open"] .group-data-\[state\=open\]\/answer\:grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}

.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring {
  --tw-border-opacity: 1;
  border-color: rgb(var(--ring) / var(--tw-border-opacity, 1));
}

.group\/question[data-state="open"] .group-data-\[state\=open\]\/question\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.group\/step[data-reached] .group-data-\[reached\]\/step\:text-text {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity, 1));
}

.group\/question[data-state="open"] .group-data-\[state\=open\]\/question\:text-primary-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity, 1));
}

.group[data-type="error"] .group-data-\[type\=error\]\:text-destructive-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--destructive-foreground) / var(--tw-text-opacity, 1));
}

.group\/panel[data-current] .group-data-\[current\]\/panel\:opacity-0 {
  opacity: 0;
}

.group\/panel[data-reached] .group-data-\[reached\]\/panel\:opacity-100, .group\/step[data-reached] .group-data-\[reached\]\/step\:opacity-100, .group\/answer[data-state="open"] .group-data-\[state\=open\]\/answer\:opacity-100 {
  opacity: 1;
}

.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
  --tw-ring-color: rgb(var(--ring) / .5);
}

.group\/step[data-reached] .group-data-\[reached\]\/step\:ring-text\/40 {
  --tw-ring-color: rgb(var(--text-primary) / .4);
}

.group\/question[data-state="open"] .group-data-\[state\=open\]\/question\:ring-transparent {
  --tw-ring-color: transparent;
}

.group\/step[data-reached] .group-data-\[reached\]\/step\:blur-0 {
  --tw-blur: blur(0);
  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\/step[data-reached] .group-data-\[reached\]\/step\:motion-stagger, .group\/answer[data-state="open"] .group-data-\[state\=open\]\/answer\:motion-stagger {
  transition-delay: calc(var(--motion-stagger, .12s) * var(--motion-stagger-index, 0) * var(--motion-scale, 1));
  animation-delay: calc(var(--motion-stagger, .12s) * var(--motion-stagger-index, 0) * var(--motion-scale, 1));
}

@media (prefers-reduced-motion: reduce) {
  .group\/step[data-reached] .group-data-\[reached\]\/step\:motion-stagger, .group\/answer[data-state="open"] .group-data-\[state\=open\]\/answer\:motion-stagger {
    transition-delay: .01ms;
    animation-delay: .01ms;
  }
}

.group\/tabs[data-marker="ready"] .group-data-\[marker\=ready\]\/tabs\:after\:hidden:after {
  content: var(--tw-content);
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  .motion-safe\:animate-spin {
    animation: 1s linear infinite spin;
  }

  .motion-safe\:animate-in {
    animation-name: enter;
    animation-duration: max(.01ms, calc(var(--motion-role-duration, .15s) * var(--motion-scale, 1)));
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
  }

  .motion-safe\:fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .motion-safe\:zoom-in-50 {
    --tw-enter-scale: .5;
  }

  .motion-safe\:slide-in-from-bottom-2 {
    --tw-enter-translate-y: .5rem;
  }

  .group\/question:hover .motion-safe\:group-hover\/question\:translate-x-1 {
    --tw-translate-x: .25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:hidden {
    display: none;
  }

  .motion-reduce\:animate-none {
    animation: none;
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

.dark\:block:is(.dark *) {
  display: block;
}

.dark\:hidden:is(.dark *) {
  display: none;
}

.dark\:-rotate-90:is(.dark *) {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dark\:rotate-0:is(.dark *) {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dark\:scale-0:is(.dark *) {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dark\:scale-100:is(.dark *) {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dark\:border-destructive:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--destructive) / var(--tw-border-opacity, 1));
}

.dark\:border-green-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: #1e3a8a4d;
}

.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-900\/20:is(.dark *) {
  background-color: #14532d33;
}

.dark\:bg-green-900\/30:is(.dark *) {
  background-color: #14532d4d;
}

.dark\:bg-green-900\/50:is(.dark *) {
  background-color: #14532d80;
}

.dark\:bg-orange-900\/30:is(.dark *) {
  background-color: #7c2d124d;
}

.dark\:bg-purple-900\/30:is(.dark *) {
  background-color: #581c874d;
}

.dark\:bg-yellow-900\/20:is(.dark *) {
  background-color: #713f1233;
}

.dark\:from-blue-950\/30:is(.dark *) {
  --tw-gradient-from: #1725544d var(--tw-gradient-from-position);
  --tw-gradient-to: #17255400 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-green-950\/20:is(.dark *) {
  --tw-gradient-from: #052e1633 var(--tw-gradient-from-position);
  --tw-gradient-to: #052e1600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:text-\[color\:oklch\(from_rgb\(var\(--primary\)\)_calc\(l_-_0\.22\)_c_h\)\]:is(.dark *) {
  color: oklch(from rgb(var(--primary)) calc(l - .22) c h);
}

.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.dark\:text-green-400\/80:is(.dark *) {
  color: #4ade80cc;
}

.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-accent-foreground:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-foreground) / var(--tw-text-opacity, 1));
}

@media not all and (min-width: 1024px) {
  .max-lg\:hidden {
    display: none;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:sticky {
    position: sticky;
  }

  .max-md\:bottom-0 {
    bottom: 0;
  }

  .max-md\:mt-4 {
    margin-top: 1rem;
  }

  .max-md\:hidden {
    display: none;
  }

  .max-md\:border-t {
    border-top-width: var(--border-width);
  }

  .max-md\:bg-card {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--card) / var(--tw-bg-opacity, 1));
  }

  .max-md\:pt-3 {
    padding-top: .75rem;
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .max-sm\:hidden {
    display: none;
  }

  .max-sm\:size-8 {
    width: 2rem;
    height: 2rem;
  }

  .max-sm\:h-10 {
    height: 2.5rem;
  }

  .max-sm\:h-11 {
    height: 2.75rem;
  }

  .max-sm\:w-full {
    width: 100%;
  }

  .max-sm\:justify-end {
    justify-content: flex-end;
  }

  .max-sm\:justify-self-end {
    justify-self: end;
  }

  .max-sm\:p-0\.5 {
    padding: .125rem;
  }

  .max-sm\:pe-1 {
    padding-inline-end: .25rem;
  }

  .max-sm\:data-\[film\=upright\]\:aspect-auto[data-film="upright"] {
    aspect-ratio: auto;
  }
}

@media (min-width: 640px) {
  .sm\:static {
    position: static;
  }

  .sm\:absolute {
    position: absolute;
  }

  .sm\:-inset-12 {
    inset: -3rem;
  }

  .sm\:inset-0 {
    inset: 0;
  }

  .sm\:inset-3 {
    inset: .75rem;
  }

  .sm\:inset-6 {
    inset: 1.5rem;
  }

  .sm\:inset-8 {
    inset: 2rem;
  }

  .sm\:-bottom-6 {
    bottom: -1.5rem;
  }

  .sm\:bottom-1\/4 {
    bottom: 25%;
  }

  .sm\:bottom-6 {
    bottom: 1.5rem;
  }

  .sm\:end-1\/4 {
    inset-inline-end: 25%;
  }

  .sm\:end-20 {
    inset-inline-end: 5rem;
  }

  .sm\:end-8 {
    inset-inline-end: 2rem;
  }

  .sm\:end-auto {
    inset-inline-end: auto;
  }

  .sm\:start-1\/4 {
    inset-inline-start: 25%;
  }

  .sm\:start-20 {
    inset-inline-start: 5rem;
  }

  .sm\:start-6 {
    inset-inline-start: 1.5rem;
  }

  .sm\:start-auto {
    inset-inline-start: auto;
  }

  .sm\:top-1\/4 {
    top: 25%;
  }

  .sm\:top-6 {
    top: 1.5rem;
  }

  .sm\:top-auto {
    top: auto;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-start-1 {
    grid-column-start: 1;
  }

  .sm\:col-start-2 {
    grid-column-start: 2;
  }

  .sm\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .sm\:row-start-1 {
    grid-row-start: 1;
  }

  .sm\:row-start-2 {
    grid-row-start: 2;
  }

  .sm\:m-auto {
    margin: auto;
  }

  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:me-auto {
    margin-inline-end: auto;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:aspect-auto {
    aspect-ratio: auto;
  }

  .sm\:aspect-video {
    aspect-ratio: 16 / 9;
  }

  .sm\:size-20 {
    width: 5rem;
    height: 5rem;
  }

  .sm\:size-24 {
    width: 6rem;
    height: 6rem;
  }

  .sm\:size-fit {
    width: fit-content;
    height: fit-content;
  }

  .sm\:h-1\.5 {
    height: .375rem;
  }

  .sm\:h-11 {
    height: 2.75rem;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-20 {
    height: 5rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-56 {
    height: 14rem;
  }

  .sm\:h-7 {
    height: 1.75rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-9 {
    height: 2.25rem;
  }

  .sm\:h-96 {
    height: 24rem;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:max-h-\[270px\] {
    max-height: 270px;
  }

  .sm\:w-1\.5 {
    width: .375rem;
  }

  .sm\:w-11 {
    width: 2.75rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-20 {
    width: 5rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-36 {
    width: 9rem;
  }

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-44 {
    width: 11rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-7 {
    width: 1.75rem;
  }

  .sm\:w-72 {
    width: 18rem;
  }

  .sm\:w-80 {
    width: 20rem;
  }

  .sm\:w-96 {
    width: 24rem;
  }

  .sm\:w-\[150px\] {
    width: 150px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:max-w-48 {
    max-width: 12rem;
  }

  .sm\:max-w-56 {
    max-width: 14rem;
  }

  .sm\:max-w-\[12rem\] {
    max-width: 12rem;
  }

  .sm\:max-w-\[34rem\] {
    max-width: 34rem;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:flex-1 {
    flex: 1;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:shrink-0 {
    flex-shrink: 0;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[10rem_1fr\] {
    grid-template-columns: 10rem 1fr;
  }

  .sm\:grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }

  .sm\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .sm\:grid-cols-\[calc\(100cqh\*9\/16\)_minmax\(0\,1fr\)\] {
    grid-template-columns: 56.25cqh minmax(0, 1fr);
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .sm\:grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-2\.5 {
    gap: .625rem;
  }

  .sm\:gap-3 {
    gap: .75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-8 {
    gap: 2rem;
  }

  .sm\:gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
  }

  .sm\:gap-y-2 {
    row-gap: .5rem;
  }

  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(var(--border-width) * var(--tw-divide-x-reverse));
    border-left-width: calc(var(--border-width) * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:self-end {
    align-self: flex-end;
  }

  .sm\:self-center {
    align-self: center;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .sm\:rounded-dialog {
    border-radius: var(--dialog-radius);
  }

  .sm\:rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .sm\:rounded-none {
    border-radius: 0;
  }

  .sm\:rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }

  .sm\:border {
    border-width: var(--border-width);
  }

  .sm\:border-0 {
    border-width: 0;
  }

  .sm\:border-x {
    border-left-width: var(--border-width);
    border-right-width: var(--border-width);
  }

  .sm\:border-b {
    border-bottom-width: var(--border-width);
  }

  .sm\:border-b-0 {
    border-bottom-width: 0;
  }

  .sm\:border-e-0 {
    border-inline-end-width: 0;
  }

  .sm\:border-t {
    border-top-width: var(--border-width);
  }

  .sm\:border-solid {
    border-style: solid;
  }

  .sm\:border-none {
    border-style: none;
  }

  .sm\:bg-transparent {
    background-color: #0000;
  }

  .sm\:p-0 {
    padding: 0;
  }

  .sm\:p-3 {
    padding: .75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-1\.5 {
    padding-bottom: .375rem;
  }

  .sm\:pe-\[calc\(max\(0\.75rem\,3\%\)\+4rem\)\] {
    padding-inline-end: calc(max(.75rem, 3%) + 4rem);
  }

  .sm\:ps-10 {
    padding-inline-start: 2.5rem;
  }

  .sm\:ps-\[calc\(max\(0\.75rem\,3\%\)\+4rem\)\] {
    padding-inline-start: calc(max(.75rem, 3%) + 4rem);
  }

  .sm\:pt-1 {
    padding-top: .25rem;
  }

  .sm\:pt-2 {
    padding-top: .5rem;
  }

  .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:text-start {
    text-align: start;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-rest {
    --tw-shadow: var(--shadow-1);
    --tw-shadow-colored: var(--shadow-1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:\[container-type\:size\] {
    container-type: size;
  }

  .sm\:\[grid-template-columns\:var\(--showcase-columns\)\] {
    grid-template-columns: var(--showcase-columns);
  }

  .sm\:hover\:rounded-lg:hover {
    border-radius: var(--radius);
  }

  .sm\:hover\:shadow-rest-hover:hover {
    --tw-shadow: var(--shadow-1-hover);
    --tw-shadow-colored: var(--shadow-1-hover);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 768px) {
  .md\:static {
    position: static;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .md\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  .md\:end-4 {
    inset-inline-end: 1rem;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:-m-1 {
    margin: -.25rem;
  }

  .md\:-mt-16 {
    margin-top: -4rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:size-32 {
    width: 8rem;
    height: 8rem;
  }

  .md\:h-20 {
    height: 5rem;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-6 {
    height: 1.5rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-\[calc\(100dvh-2rem\)\] {
    height: calc(100dvh - 2rem);
  }

  .md\:h-\[calc\(100dvh-var\(--header-height\)-var\(--shell-bottom-inset\)\)\] {
    height: calc(100dvh - var(--header-height) - var(--shell-bottom-inset));
  }

  .md\:h-\[min\(85vh\,46rem\)\] {
    height: min(85vh, 46rem);
  }

  .md\:max-h-none {
    max-height: none;
  }

  .md\:min-h-0 {
    min-height: 0;
  }

  .md\:min-h-16 {
    min-height: 4rem;
  }

  .md\:w-20 {
    width: 5rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-\[28rem\] {
    width: 28rem;
  }

  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    width: var(--radix-navigation-menu-viewport-width);
  }

  .md\:w-\[var\(--rail-w\)\] {
    width: var(--rail-w);
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .md\:flex-1 {
    flex: 1;
  }

  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-\[2fr_1fr\] {
    grid-template-columns: 2fr 1fr;
  }

  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:gap-0 {
    gap: 0;
  }

  .md\:gap-3 {
    gap: .75rem;
  }

  .md\:overflow-y-auto {
    overflow-y: auto;
  }

  .md\:rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }

  .md\:border {
    border-width: var(--border-width);
  }

  .md\:border-e {
    border-inline-end-width: var(--border-width);
  }

  .md\:border-border {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
  }

  .md\:p-1 {
    padding: .25rem;
  }

  .md\:pe-2 {
    padding-inline-end: .5rem;
  }

  .md\:pe-3 {
    padding-inline-end: .75rem;
  }

  .md\:ps-2 {
    padding-inline-start: .5rem;
  }

  .md\:pt-3 {
    padding-top: .75rem;
  }

  .md\:text-start {
    text-align: start;
  }

  .md\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-0 {
    top: 0;
  }

  .lg\:top-6 {
    top: 1.5rem;
  }

  .lg\:top-\[calc\(var\(--header-height\)\+1\.5rem\)\] {
    top: calc(var(--header-height) + 1.5rem);
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-start-1 {
    grid-column-start: 1;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:row-start-1 {
    grid-row-start: 1;
  }

  .lg\:row-start-2 {
    grid-row-start: 2;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:-mt-20 {
    margin-top: -5rem;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:size-40 {
    width: 10rem;
    height: 10rem;
  }

  .lg\:min-h-\[min\(42rem\,calc\(100svh-10rem\)\)\] {
    min-height: min(42rem, 100svh - 10rem);
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:max-w-\[calc\(28rem_\+_54rem_\+_theme\(spacing\.6\)\)\] {
    max-width: 83.5rem;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1fr_minmax\(20rem\,24rem\)\] {
    grid-template-columns: 1fr minmax(20rem, 24rem);
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
    grid-template-columns: minmax(0, 1fr) 20rem;
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.35fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,20rem\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
  }

  .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }

  .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\] {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .lg\:grid-cols-\[minmax\(18rem\,1fr\)_minmax\(0\,54rem\)\] {
    grid-template-columns: minmax(18rem, 1fr) minmax(0, 54rem);
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-20 {
    gap: 5rem;
  }

  .lg\:gap-28 {
    gap: 7rem;
  }

  .lg\:gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .lg\:gap-y-20 {
    row-gap: 5rem;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pe-\[calc\(max\(0\.75rem\,3\%\)\+4rem\)\] {
    padding-inline-end: calc(max(.75rem, 3%) + 4rem);
  }

  .lg\:ps-\[calc\(max\(0\.75rem\,3\%\)\+4rem\)\] {
    padding-inline-start: calc(max(.75rem, 3%) + 4rem);
  }

  .lg\:\[--gallery-max-height\:min\(34rem\,calc\(100svh_-_var\(--header-height\)_-_21rem\)\)\] {
    --gallery-max-height: min(34rem,calc(100svh - var(--header-height) - 21rem));
  }
}

@media (min-width: 1280px) {
  .xl\:bottom-4 {
    bottom: 1rem;
  }

  .xl\:end-4 {
    inset-inline-end: 1rem;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-full {
    grid-column: 1 / -1;
  }

  .xl\:col-start-auto {
    grid-column-start: auto;
  }

  .xl\:row-start-auto {
    grid-row-start: auto;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:ms-\[var\(--sidebar-collapsed-width\)\] {
    margin-inline-start: var(--sidebar-collapsed-width);
  }

  .xl\:ms-\[var\(--sidebar-width\)\] {
    margin-inline-start: var(--sidebar-width);
  }

  .xl\:block {
    display: block;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:inline-flex {
    display: inline-flex;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:contents {
    display: contents;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-\[calc\(100dvh-var\(--header-height\)\)\] {
    height: calc(100dvh - var(--header-height));
  }

  .xl\:h-\[calc\(100dvh-var\(--header-height\)-3rem\)\] {
    height: calc(100dvh - var(--header-height) - 3rem);
  }

  .xl\:w-14 {
    width: 3.5rem;
  }

  .xl\:w-24 {
    width: 6rem;
  }

  .xl\:w-\[calc\(var\(--sidebar-width\)-1rem\)\] {
    width: calc(var(--sidebar-width) - 1rem);
  }

  .xl\:max-w-3xl {
    max-width: 48rem;
  }

  .xl\:max-w-screen-2xl {
    max-width: 1536px;
  }

  .xl\:shrink-0 {
    flex-shrink: 0;
  }

  .xl\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_24rem\] {
    grid-template-columns: minmax(0, 1fr) 24rem;
  }

  .xl\:grid-cols-\[minmax\(0\,2\.4fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,1\.7fr\)_auto\] {
    grid-template-columns: minmax(0, 2.4fr) minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, 1.7fr) auto;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:justify-center {
    justify-content: center;
  }

  .xl\:gap-0 {
    gap: 0;
  }

  .xl\:gap-4 {
    gap: 1rem;
  }

  .xl\:gap-x-20 {
    -moz-column-gap: 5rem;
    column-gap: 5rem;
  }

  .xl\:rounded-dialog {
    border-radius: var(--dialog-radius);
  }

  .xl\:border {
    border-width: var(--border-width);
  }

  .xl\:border-border {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border) / var(--tw-border-opacity, 1));
  }

  .xl\:bg-background {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background) / var(--tw-bg-opacity, 1));
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:pb-0 {
    padding-bottom: 0;
  }

  .xl\:shadow-rest {
    --tw-shadow: var(--shadow-1);
    --tw-shadow-colored: var(--shadow-1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:ring-background {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--background) / var(--tw-ring-opacity, 1));
  }

  .xl\:\[--surface-fill\:var\(--surf-02\)\] {
    --surface-fill: var(--surf-02);
  }
}

@media (min-width: 1536px) {
  .\32 xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .\32 xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.ltr\:-translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *) {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:origin-right:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: 100%;
}

.rtl\:-translate-x-0\.5:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:-translate-x-4:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:-rotate-90:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:rotate-90:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:rotate-\[-90deg\]:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *) {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:\[mask-image\:radial-gradient\(farthest-side_at_0_100\%\,black\,transparent\)\]:where([dir="rtl"], [dir="rtl"] *) {
  -webkit-mask-image: radial-gradient(farthest-side at 0 100%, #000, #0000);
  mask-image: radial-gradient(farthest-side at 0 100%, #000, #0000);
}

.rtl\:\[mask-image\:radial-gradient\(farthest-side_at_100\%_0\,black\,transparent\)\]:where([dir="rtl"], [dir="rtl"] *) {
  -webkit-mask-image: radial-gradient(farthest-side at 100% 0, #000, #0000);
  mask-image: radial-gradient(farthest-side at 100% 0, #000, #0000);
}

.rtl\:data-\[state\=checked\]\:-translate-x-5[data-state="checked"]:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: -1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (prefers-reduced-motion: no-preference) {
  .group\/question:hover .motion-safe\:rtl\:group-hover\/question\:-translate-x-1:where([dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 640px) {
  .rtl\:sm\:divide-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
  }
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}

.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
  appearance: none;
}

.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button, .\[\&\:first-child\]\:rounded-l-md:first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.\[\&\:has\(\>section\)\>\[data-poster\]\]\:hidden:has( > section) > [data-poster] {
  display: none;
}

.\[\&\:has\(\[data-state\=open\]\)\]\:opacity-100:has([data-state="open"]) {
  opacity: 1;
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pe-0:has([role="checkbox"]) {
  padding-inline-end: 0;
}

.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.\[\&\>\*\]\:pointer-events-auto > * {
  pointer-events: auto;
}

.\[\&\>\*\]\:min-w-max > * {
  min-width: max-content;
}

.\[\&\>\*\]\:flex-1 > * {
  flex: 1;
}

@media not all and (min-width: 640px) {
  .max-sm\:\[\&\>\[data-name-shown\]\]\:hidden > [data-name-shown] {
    display: none;
  }
}

.\[\&\>button\:last-child\]\:hidden > button:last-child {
  display: none;
}

.\[\&\>button\]\:opacity-0 > button {
  opacity: 0;
}

.\[\&\>button\]\:transition-opacity > button {
  transition-property: opacity;
  transition-timing-function: var(--motion-curve, cubic-bezier(.16, 1, .3, 1));
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

.\[\&\>button\]\:duration-motion-150 > button {
  transition-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
  animation-duration: max(.01ms, calc(.15s * var(--motion-scale, 1)));
}

@media (prefers-reduced-motion: reduce) {
  .\[\&\>button\]\:duration-motion-150 > button {
    transition-duration: .01ms;
    animation-duration: .01ms;
  }
}

.hover\:\[\&\>button\]\:opacity-100 > button:hover {
  opacity: 1;
}

@media not all and (min-width: 640px) {
  .max-sm\:\[\&\>button\]\:size-10 > button {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.\[\&\>div\]\:bg-green-500 > div {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.\[\&\>div\]\:bg-primary > div {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary) / var(--tw-bg-opacity, 1));
}

.\[\&\>div\]\:bg-red-500 > div {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.\[\&\>div\]\:bg-yellow-500 > div {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

.\[\&\>li\:first-child\]\:rounded-t-xl > li:first-child {
  border-top-left-radius: calc(var(--radius) + 4px);
  border-top-right-radius: calc(var(--radius) + 4px);
}

.\[\&\>li\:hover\]\:bg-transparent > li:hover {
  background-color: #0000;
}

.\[\&\>li\:last-child\]\:rounded-b-xl > li:last-child {
  border-bottom-right-radius: calc(var(--radius) + 4px);
  border-bottom-left-radius: calc(var(--radius) + 4px);
}

.\[\&\>li\]\:rounded-xl > li {
  border-radius: calc(var(--radius) + 4px);
}

.\[\&\>li\]\:bg-transparent > li {
  background-color: #0000;
}

.\[\&\>path\:first-of-type\]\:animate-motion-chime-clapper > path:first-of-type {
  animation: motion-chime-clapper max(.01ms, calc(var(--motion-chime-duration, .6s) * var(--motion-scale, 1))) var(--motion-chime-curve, cubic-bezier(.25, 1, .5, 1)) both;
}

.\[\&\>span\]\:line-clamp-1 > span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.\[\&\>span\]\:text-xs > span {
  font-size: .75rem;
  line-height: 1rem;
}

.\[\&\>span\]\:opacity-70 > span {
  opacity: .7;
}

.\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>svg\:last-child\]\:hidden > svg:last-child {
  display: none;
}

@media (min-width: 1024px) {
  .lg\:\[\&\>svg\:last-child\]\:block > svg:last-child {
    display: block;
  }
}

.\[\&\>svg\]\:absolute > svg {
  position: absolute;
}

.\[\&\>svg\]\:start-4 > svg {
  inset-inline-start: 1rem;
}

.\[\&\>svg\]\:top-4 > svg {
  top: 1rem;
}

.\[\&\>svg\]\:size-3\.5 > svg {
  width: .875rem;
  height: .875rem;
}

.\[\&\>svg\]\:size-4 > svg {
  width: 1rem;
  height: 1rem;
}

.\[\&\>svg\]\:size-6 > svg {
  width: 1.5rem;
  height: 1.5rem;
}

.\[\&\>svg\]\:h-2\.5 > svg {
  height: .625rem;
}

.\[\&\>svg\]\:h-3 > svg {
  height: .75rem;
}

.\[\&\>svg\]\:h-3\.5 > svg {
  height: .875rem;
}

.\[\&\>svg\]\:w-2\.5 > svg {
  width: .625rem;
}

.\[\&\>svg\]\:w-3 > svg {
  width: .75rem;
}

.\[\&\>svg\]\:w-3\.5 > svg {
  width: .875rem;
}

.\[\&\>svg\]\:text-destructive > svg {
  --tw-text-opacity: 1;
  color: rgb(var(--destructive) / var(--tw-text-opacity, 1));
}

.\[\&\>svg\]\:text-foreground > svg {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity, 1));
}

.\[\&\>svg\]\:text-muted-foreground > svg {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.\[\&\>svg\]\:text-success > svg {
  --tw-text-opacity: 1;
  color: rgb(var(--success) / var(--tw-text-opacity, 1));
}

.\[\&\>svg\]\:text-warning > svg {
  --tw-text-opacity: 1;
  color: rgb(var(--warning) / var(--tw-text-opacity, 1));
}

.\[\&\>svg\~\*\]\:ps-7 > svg ~ * {
  padding-inline-start: 1.75rem;
}

.\[\&\>tr\]\:last\:border-b-0:last-child > tr {
  border-bottom-width: 0;
}

.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&_\.ProseMirror-selectednode\]\:outline-none .ProseMirror-selectednode {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.\[\&_\.ProseMirror\]\:mx-auto .ProseMirror {
  margin-left: auto;
  margin-right: auto;
}

.\[\&_\.ProseMirror\]\:min-h-32 .ProseMirror {
  min-height: 8rem;
}

.\[\&_\.ProseMirror\]\:min-h-\[60vh\] .ProseMirror {
  min-height: 60vh;
}

.\[\&_\.ProseMirror\]\:max-w-3xl .ProseMirror {
  max-width: 48rem;
}

.\[\&_\.ProseMirror\]\:text-base .ProseMirror {
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&_\.ProseMirror\]\:leading-relaxed .ProseMirror {
  line-height: 1.625;
}

.\[\&_\.ProseMirror\]\:text-text .ProseMirror {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity, 1));
}

.\[\&_\.ProseMirror\]\:outline-none .ProseMirror {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.\[\&_\.ProseMirror_a\]\:text-primary .ProseMirror a {
  --tw-text-opacity: 1;
  color: rgb(var(--primary) / var(--tw-text-opacity, 1));
}

.\[\&_\.ProseMirror_a\]\:underline .ProseMirror a {
  text-decoration-line: underline;
}

.\[\&_\.ProseMirror_a\]\:underline-offset-2 .ProseMirror a {
  text-underline-offset: 2px;
}

.\[\&_\.ProseMirror_blockquote\]\:my-3 .ProseMirror blockquote {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.\[\&_\.ProseMirror_blockquote\]\:border-s .ProseMirror blockquote {
  border-inline-start-width: var(--border-width);
}

.\[\&_\.ProseMirror_blockquote\]\:border-border-strong .ProseMirror blockquote {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-strong) / var(--tw-border-opacity, 1));
}

.\[\&_\.ProseMirror_blockquote\]\:ps-4 .ProseMirror blockquote {
  padding-inline-start: 1rem;
}

.\[\&_\.ProseMirror_blockquote\]\:text-text-secondary .ProseMirror blockquote {
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity, 1));
}

.\[\&_\.ProseMirror_code\]\:rounded .ProseMirror code {
  border-radius: .25rem;
}

.\[\&_\.ProseMirror_code\]\:bg-surface-3 .ProseMirror code {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surf-03) / var(--tw-bg-opacity, 1));
}

.\[\&_\.ProseMirror_code\]\:px-1 .ProseMirror code {
  padding-left: .25rem;
  padding-right: .25rem;
}

.\[\&_\.ProseMirror_code\]\:py-0\.5 .ProseMirror code {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.\[\&_\.ProseMirror_code\]\:text-sm .ProseMirror code {
  font-size: .875rem;
  line-height: 1.25rem;
}

.\[\&_\.ProseMirror_h1\]\:mb-2 .ProseMirror h1 {
  margin-bottom: .5rem;
}

.\[\&_\.ProseMirror_h1\]\:mt-4 .ProseMirror h1 {
  margin-top: 1rem;
}

.\[\&_\.ProseMirror_h1\]\:text-2xl .ProseMirror h1 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.\[\&_\.ProseMirror_h1\]\:font-semibold .ProseMirror h1 {
  font-weight: 600;
}

.\[\&_\.ProseMirror_h2\]\:mb-2 .ProseMirror h2 {
  margin-bottom: .5rem;
}

.\[\&_\.ProseMirror_h2\]\:mt-4 .ProseMirror h2 {
  margin-top: 1rem;
}

.\[\&_\.ProseMirror_h2\]\:text-xl .ProseMirror h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.\[\&_\.ProseMirror_h2\]\:font-semibold .ProseMirror h2 {
  font-weight: 600;
}

.\[\&_\.ProseMirror_h3\]\:mb-1\.5 .ProseMirror h3 {
  margin-bottom: .375rem;
}

.\[\&_\.ProseMirror_h3\]\:mt-3 .ProseMirror h3 {
  margin-top: .75rem;
}

.\[\&_\.ProseMirror_h3\]\:text-lg .ProseMirror h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.\[\&_\.ProseMirror_h3\]\:font-semibold .ProseMirror h3 {
  font-weight: 600;
}

.\[\&_\.ProseMirror_hr\]\:my-4 .ProseMirror hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.\[\&_\.ProseMirror_li\]\:my-1 .ProseMirror li {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.\[\&_\.ProseMirror_ol\]\:my-2 .ProseMirror ol {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.\[\&_\.ProseMirror_ol\]\:list-decimal .ProseMirror ol {
  list-style-type: decimal;
}

.\[\&_\.ProseMirror_ol\]\:ps-6 .ProseMirror ol {
  padding-inline-start: 1.5rem;
}

.\[\&_\.ProseMirror_p\.is-empty\:\:before\]\:pointer-events-none .ProseMirror p.is-empty:before {
  pointer-events: none;
}

.\[\&_\.ProseMirror_p\.is-empty\:\:before\]\:float-start .ProseMirror p.is-empty:before {
  float: inline-start;
}

.\[\&_\.ProseMirror_p\.is-empty\:\:before\]\:h-0 .ProseMirror p.is-empty:before {
  height: 0;
}

.\[\&_\.ProseMirror_p\.is-empty\:\:before\]\:text-text-muted .ProseMirror p.is-empty:before {
  --tw-text-opacity: 1;
  color: rgb(var(--text-muted) / var(--tw-text-opacity, 1));
}

.\[\&_\.ProseMirror_p\.is-empty\:\:before\]\:content-\[attr\(data-placeholder\)\] .ProseMirror p.is-empty:before {
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
}

.\[\&_\.ProseMirror_p\]\:my-2 .ProseMirror p {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.\[\&_\.ProseMirror_pre\]\:my-3 .ProseMirror pre {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.\[\&_\.ProseMirror_pre\]\:overflow-x-auto .ProseMirror pre {
  overflow-x: auto;
}

.\[\&_\.ProseMirror_pre\]\:rounded-md .ProseMirror pre {
  border-radius: calc(var(--radius) - 2px);
}

.\[\&_\.ProseMirror_pre\]\:bg-surface-3 .ProseMirror pre {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surf-03) / var(--tw-bg-opacity, 1));
}

.\[\&_\.ProseMirror_pre\]\:p-3 .ProseMirror pre {
  padding: .75rem;
}

.\[\&_\.ProseMirror_ul\]\:my-2 .ProseMirror ul {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.\[\&_\.ProseMirror_ul\]\:list-disc .ProseMirror ul {
  list-style-type: disc;
}

.\[\&_\.ProseMirror_ul\]\:ps-6 .ProseMirror ul {
  padding-inline-start: 1.5rem;
}

.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
  fill: rgb(var(--muted-foreground) / 1);
}

.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
  stroke: rgb(var(--border) / .5);
}

.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
  stroke: rgb(var(--border) / 1);
}

.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
  stroke: #0000;
}

.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
  stroke: rgb(var(--border) / 1);
}

.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
  fill: rgb(var(--muted) / 1);
}

.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
  stroke: rgb(var(--border) / 1);
}

.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
  stroke: #0000;
}

.\[\&_\.recharts-sector\]\:outline-none .recharts-sector, .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: .75rem;
  line-height: 1rem;
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity, 1));
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
  padding-top: 0;
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}

.\[\&_button\]\:h-9 button {
  height: 2.25rem;
}

.\[\&_button\]\:px-3 button {
  padding-left: .75rem;
  padding-right: .75rem;
}

.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}

.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}

.\[\&_svg\]\:\!size-full svg {
  width: 100% !important;
  height: 100% !important;
}

.\[\&_svg\]\:size-3\.5 svg {
  width: .875rem;
  height: .875rem;
}

.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:size-5 svg {
  width: 1.25rem;
  height: 1.25rem;
}

.\[\&_svg\]\:size-6 svg {
  width: 1.5rem;
  height: 1.5rem;
}

.\[\&_svg\]\:h-4 svg {
  height: 1rem;
}

.\[\&_svg\]\:w-4 svg {
  width: 1rem;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0;
}

.\[\&_tr\]\:border-b tr {
  border-bottom-width: var(--border-width);
}

@container (min-width: 40rem) {
  .\[\@container\(min-width\:40rem\)\]\:col-start-2 {
    grid-column-start: 2;
  }

  .\[\@container\(min-width\:40rem\)\]\:row-start-2 {
    grid-row-start: 2;
  }

  .\[\@container\(min-width\:40rem\)\]\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }

  .\[\@container\(min-width\:40rem\)\]\:gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
}

@container (min-width: 48rem) {
  .\[\@container\(min-width\:48rem\)\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,24rem\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  }

  .\[\@container\(min-width\:48rem\)\]\:items-start {
    align-items: flex-start;
  }

  .\[\@container\(min-width\:48rem\)\]\:gap-10 {
    gap: 2.5rem;
  }

  .\[\@container\(min-width\:48rem\)\]\:p-12 {
    padding: 3rem;
  }
}

@media (hover: hover) {
  .\[\@media\(hover\:hover\)\]\:max-w-\[min\(36rem\,85\%\,calc\(100\%_-_6\.5rem\)\)\] {
    max-width: min(36rem, 85%, 100% - 6.5rem);
  }

  .\[\@media\(hover\:hover\)\]\:opacity-0 {
    opacity: 0;
  }

  .\[\@media\(hover\:hover\)\]\:focus-visible\:opacity-100:focus-visible, .group\/chart:focus-within .\[\@media\(hover\:hover\)\]\:group-focus-within\/chart\:opacity-100 {
    opacity: 1;
  }

  .group\/row:focus-within .\[\@media\(hover\:hover\)\]\:group-focus-within\/row\:opacity-0 {
    opacity: 0;
  }

  .group\/row:focus-within .\[\@media\(hover\:hover\)\]\:group-focus-within\/row\:opacity-100, .group\/chart:hover .\[\@media\(hover\:hover\)\]\:group-hover\/chart\:opacity-100 {
    opacity: 1;
  }

  .group\/row:hover .\[\@media\(hover\:hover\)\]\:group-hover\/row\:opacity-0 {
    opacity: 0;
  }

  .group\/row:hover .\[\@media\(hover\:hover\)\]\:group-hover\/row\:opacity-100 {
    opacity: 1;
  }
}

@media (hover: hover) and (pointer: fine) {
  .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:opacity-0 {
    opacity: 0;
  }

  .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:focus-visible\:opacity-100:focus-visible, .group\/username:hover .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:group-hover\/username\:opacity-100 {
    opacity: 1;
  }
}

@media (hover: none) {
  .\[\@media\(hover\:none\)\]\:sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .\[\@media\(hover\:none\)\]\:hidden {
    display: none;
  }

  .\[\@media\(hover\:none\)\]\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[\@media\(hover\:none\)\]\:opacity-100 {
    opacity: 1;
  }
}

[data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
  background-color: #0000;
}

/* [next]/internal/font/google/inter_5901b7c6.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ba63f6a0e436df8e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_5901b7c6-module__ec5Qua__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_5901b7c6-module__ec5Qua__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/tajawal_4d6f311.module.css [app-client] (css) */
@font-face {
  font-family: Tajawal;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/33937fdcfd95f425-s.p.24y4-vc3jpn8m.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF?, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Tajawal;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/413a98817cfac2ae-s.p.44lktk7jzy0s-.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Tajawal;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/25749dd09fc345e8-s.p.0ji0xjltb6ro5.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF?, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Tajawal;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1dd910b1dd15841f-s.p.2cslzs_83-cos.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Tajawal;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/f24afcaf82da7927-s.p.14yttwb5hb7vt.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF?, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Tajawal;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d4244c886cf74367-s.p.2g2pkky1i4_-n.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Tajawal Fallback;
  src: local(Arial);
  ascent-override: 67.93%;
  descent-override: 37.71%;
  line-gap-override: 21.13%;
  size-adjust: 94.66%;
}

.tajawal_4d6f311-module__6JMzQG__className {
  font-family: Tajawal, Tajawal Fallback;
  font-style: normal;
}

.tajawal_4d6f311-module__6JMzQG__variable {
  --font-tajawal: "Tajawal", "Tajawal Fallback";
}

/* [next]/internal/font/google/roboto_f993fdce.module.css [app-client] (css) */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a3ad4672c526c1cc-s.1rlxnzisjz_e1.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/d6011c29c416d5c4-s.1lnyw1zsxhp0r.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/194ba805cef72e7e-s.0lvk2smlqz3yc.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a5a75dae7d876226-s.2dzaija1uhw5g.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/2443b96ca66c6483-s.0fd-fjxmcxcjd.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/2617c56fc138c6bf-s.42l_3z3944ji5.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e91a3f372062aa7f-s.1szw2e8s5ktgm.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/d4349f340f06b775-s.026ae5sgholss.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/c5f006ccf96c15fe-s.0a0h245ktd4x0.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto Fallback;
  src: local(Arial);
  ascent-override: 92.98%;
  descent-override: 24.47%;
  line-gap-override: 0.0%;
  size-adjust: 99.78%;
}

.roboto_f993fdce-module__vGSByq__className {
  font-family: Roboto, Roboto Fallback;
  font-style: normal;
}

.roboto_f993fdce-module__vGSByq__variable {
  --font-roboto: "Roboto", "Roboto Fallback";
}

/* [next]/internal/font/google/plus_jakarta_sans_f612eaef.module.css [app-client] (css) */
@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/12d4e8c1f08b4a66-s.0e__wj8580tc5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/cabb10e1d7cbc7c1-s.10u7vx61f1ie7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/9f5a2b9f13a4ecbb-s.35a5cae5tspm2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/d8aeca813a9ab546-s.18rizl4rsrl42.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Plus Jakarta Sans Fallback;
  src: local(Arial);
  ascent-override: 98.88%;
  descent-override: 21.15%;
  line-gap-override: 0.0%;
  size-adjust: 104.98%;
}

.plus_jakarta_sans_f612eaef-module__GO9NXG__className {
  font-family: Plus Jakarta Sans, Plus Jakarta Sans Fallback;
  font-style: normal;
}

.plus_jakarta_sans_f612eaef-module__GO9NXG__variable {
  --font-plus-jakarta-sans: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback";
}

/* [next]/internal/font/google/noto_sans_arabic_5c1d4f0c.module.css [app-client] (css) */
@font-face {
  font-family: Noto Sans Arabic;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/2537dffe910bb2e4-s.28efgb-r-zxeb.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF?, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Noto Sans Arabic;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/64bb3e7a2f449bba-s.2b-te65jr20ze.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Noto Sans Arabic;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/70ad9f0f4f8d319a-s.0rnkw_r7blil4.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB??;
}

@font-face {
  font-family: Noto Sans Arabic;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/95bacf75373ad8e5-s.2nm9jjiohqph7.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Noto Sans Arabic;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/6354d0e4141bb269-s.0uri4t8jwwgpt.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Noto Sans Arabic Fallback;
  src: local(Arial);
  ascent-override: 113.22%;
  descent-override: 60.81%;
  line-gap-override: 0.0%;
  size-adjust: 121.35%;
}

.noto_sans_arabic_5c1d4f0c-module__qllHzq__className {
  font-family: Noto Sans Arabic, Noto Sans Arabic Fallback;
  font-style: normal;
}

.noto_sans_arabic_5c1d4f0c-module__qllHzq__variable {
  --font-noto-sans-arabic: "Noto Sans Arabic", "Noto Sans Arabic Fallback";
}

/* [next]/internal/font/google/noto_naskh_arabic_da4073fd.module.css [app-client] (css) */
@font-face {
  font-family: Noto Naskh Arabic;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/851a1125fe719f9c-s.28v825rc0jjx9.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF?, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Noto Naskh Arabic;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/d64e3a6b8d00a314-s.32b_85eze1_gf.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Noto Naskh Arabic;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/df53fe1a36b55dca-s.3_v9us_sychvw.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB??;
}

@font-face {
  font-family: Noto Naskh Arabic;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/e5416949de08743b-s.0ztfefonzfuhd.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Noto Naskh Arabic;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../media/a80de6fd85ba006d-s.012ukjjqeulx9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Noto Naskh Arabic Fallback;
  src: local(Times New Roman);
  ascent-override: 91.43%;
  descent-override: 54.22%;
  line-gap-override: 0.0%;
  size-adjust: 116.92%;
}

.noto_naskh_arabic_da4073fd-module__PiSF5q__className {
  font-family: Noto Naskh Arabic, Noto Naskh Arabic Fallback;
  font-style: normal;
}

.noto_naskh_arabic_da4073fd-module__PiSF5q__variable {
  --font-noto-naskh-arabic: "Noto Naskh Arabic", "Noto Naskh Arabic Fallback";
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__09izysga76xy9._.css.map*/