/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --tw-font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --tw-color-gray-500: oklch(55.1% 0.027 264.364);
  --tw-color-gray-900: oklch(21% 0.034 264.665);
  --tw-color-black: #000;
  --tw-color-white: #fff;
  --tw-spacing: 0.25rem;
  --tw-text-xs: 0.75rem;
  --tw-text-xs--line-height: calc(1 / 0.75);
  --tw-text-sm: 0.875rem;
  --tw-text-sm--line-height: calc(1.25 / 0.875);
  --tw-text-base: 1rem;
  --tw-text-base--line-height: calc(1.5 / 1);
  --tw-text-lg: 1.125rem;
  --tw-text-lg--line-height: calc(1.75 / 1.125);
  --tw-text-2xl: 1.5rem;
  --tw-text-2xl--line-height: calc(2 / 1.5);
  --tw-font-weight-thin: 100;
  --tw-font-weight-normal: 400;
  --tw-font-weight-bold: 700;
  --tw-radius-lg: 0.5rem;
  --tw-radius-xl: 0.75rem;
  --tw-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --tw-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --tw-blur-sm: 8px;
  --tw-perspective-midrange: 800px;
  --tw-default-transition-duration: 150ms;
  --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tw\:sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.tw\:fixed {
  position: fixed !important;
}
.tw\:relative {
  position: relative !important;
}
.tw\:inset-0 {
  inset: calc(var(--tw-spacing) * 0) !important;
}
.tw\:left-0 {
  left: calc(var(--tw-spacing) * 0) !important;
}
.tw\:z-50 {
  z-index: 50 !important;
}
.tw\:m-0 {
  margin: calc(var(--tw-spacing) * 0) !important;
}
.tw\:mx-auto {
  margin-inline: auto !important;
}
.tw\:my-2 {
  margin-block: calc(var(--tw-spacing) * 2) !important;
}
.tw\:my-10 {
  margin-block: calc(var(--tw-spacing) * 10) !important;
}
.tw\:mt-1 {
  margin-top: calc(var(--tw-spacing) * 1) !important;
}
.tw\:mt-2 {
  margin-top: calc(var(--tw-spacing) * 2) !important;
}
.tw\:mt-4 {
  margin-top: calc(var(--tw-spacing) * 4) !important;
}
.tw\:mt-6 {
  margin-top: calc(var(--tw-spacing) * 6) !important;
}
.tw\:mt-8 {
  margin-top: calc(var(--tw-spacing) * 8) !important;
}
.tw\:mt-8\.5 {
  margin-top: calc(var(--tw-spacing) * 8.5) !important;
}
.tw\:mt-10 {
  margin-top: calc(var(--tw-spacing) * 10) !important;
}
.tw\:mt-12 {
  margin-top: calc(var(--tw-spacing) * 12) !important;
}
.tw\:mr-2 {
  margin-right: calc(var(--tw-spacing) * 2) !important;
}
.tw\:mb-2 {
  margin-bottom: calc(var(--tw-spacing) * 2) !important;
}
.tw\:mb-4 {
  margin-bottom: calc(var(--tw-spacing) * 4) !important;
}
.tw\:mb-6 {
  margin-bottom: calc(var(--tw-spacing) * 6) !important;
}
.tw\:mb-9 {
  margin-bottom: calc(var(--tw-spacing) * 9) !important;
}
.tw\:box-border {
  box-sizing: border-box !important;
}
.tw\:block {
  display: block !important;
}
.tw\:contents {
  display: contents !important;
}
.tw\:flex {
  display: flex !important;
}
.tw\:grid {
  display: grid !important;
}
.tw\:hidden {
  display: none !important;
}
.tw\:aspect-square {
  aspect-ratio: 1 / 1 !important;
}
.tw\:size-8 {
  width: calc(var(--tw-spacing) * 8) !important;
  height: calc(var(--tw-spacing) * 8) !important;
}
.tw\:size-12 {
  width: calc(var(--tw-spacing) * 12) !important;
  height: calc(var(--tw-spacing) * 12) !important;
}
.tw\:size-16 {
  width: calc(var(--tw-spacing) * 16) !important;
  height: calc(var(--tw-spacing) * 16) !important;
}
.tw\:size-40 {
  width: calc(var(--tw-spacing) * 40) !important;
  height: calc(var(--tw-spacing) * 40) !important;
}
.tw\:h-2 {
  height: calc(var(--tw-spacing) * 2) !important;
}
.tw\:h-4 {
  height: calc(var(--tw-spacing) * 4) !important;
}
.tw\:h-5 {
  height: calc(var(--tw-spacing) * 5) !important;
}
.tw\:h-7 {
  height: calc(var(--tw-spacing) * 7) !important;
}
.tw\:h-9\.5 {
  height: calc(var(--tw-spacing) * 9.5) !important;
}
.tw\:h-10 {
  height: calc(var(--tw-spacing) * 10) !important;
}
.tw\:h-12 {
  height: calc(var(--tw-spacing) * 12) !important;
}
.tw\:h-20 {
  height: calc(var(--tw-spacing) * 20) !important;
}
.tw\:h-auto {
  height: auto !important;
}
.tw\:h-full {
  height: 100% !important;
}
.tw\:max-h-10 {
  max-height: calc(var(--tw-spacing) * 10) !important;
}
.tw\:min-h-\[calc\(100dvh-91px\)\] {
  min-height: calc(100dvh - 91px) !important;
}
.tw\:min-h-screen {
  min-height: 100vh !important;
}
.tw\:w-4 {
  width: calc(var(--tw-spacing) * 4) !important;
}
.tw\:w-13 {
  width: calc(var(--tw-spacing) * 13) !important;
}
.tw\:w-20 {
  width: calc(var(--tw-spacing) * 20) !important;
}
.tw\:w-28 {
  width: calc(var(--tw-spacing) * 28) !important;
}
.tw\:w-30 {
  width: calc(var(--tw-spacing) * 30) !important;
}
.tw\:w-32 {
  width: calc(var(--tw-spacing) * 32) !important;
}
.tw\:w-full {
  width: 100% !important;
}
.tw\:max-w-62 {
  max-width: calc(var(--tw-spacing) * 62) !important;
}
.tw\:max-w-90 {
  max-width: calc(var(--tw-spacing) * 90) !important;
}
.tw\:min-w-0 {
  min-width: calc(var(--tw-spacing) * 0) !important;
}
.tw\:flex-1 {
  flex: 1 !important;
}
.tw\:shrink {
  flex-shrink: 1 !important;
}
.tw\:shrink-0 {
  flex-shrink: 0 !important;
}
.tw\:scale-0 {
  --tw-scale-x: 0% !important;
  --tw-scale-y: 0% !important;
  --tw-scale-z: 0% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.tw\:scale-100 {
  --tw-scale-x: 100% !important;
  --tw-scale-y: 100% !important;
  --tw-scale-z: 100% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.tw\:animate-pulse {
  animation: var(--tw-animate-pulse) !important;
}
.tw\:cursor-not-allowed {
  cursor: not-allowed !important;
}
.tw\:cursor-pointer {
  cursor: pointer !important;
}
.tw\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.tw\:flex-col {
  flex-direction: column !important;
}
.tw\:items-center {
  align-items: center !important;
}
.tw\:justify-between {
  justify-content: space-between !important;
}
.tw\:justify-center {
  justify-content: center !important;
}
.tw\:gap-1 {
  gap: calc(var(--tw-spacing) * 1) !important;
}
.tw\:gap-2 {
  gap: calc(var(--tw-spacing) * 2) !important;
}
.tw\:gap-4 {
  gap: calc(var(--tw-spacing) * 4) !important;
}
.tw\:self-end {
  align-self: flex-end !important;
}
.tw\:overflow-hidden {
  overflow: hidden !important;
}
.tw\:rounded {
  border-radius: 0.25rem !important;
}
.tw\:rounded-full {
  border-radius: calc(infinity * 1px) !important;
}
.tw\:rounded-lg {
  border-radius: var(--tw-radius-lg) !important;
}
.tw\:rounded-xl {
  border-radius: var(--tw-radius-xl) !important;
}
.tw\:border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.tw\:border-1 {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.tw\:border-t {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 1px !important;
}
.tw\:border-r {
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 1px !important;
}
.tw\:border-b {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}
.tw\:border-l {
  border-left-style: var(--tw-border-style) !important;
  border-left-width: 1px !important;
}
.tw\:border-none {
  --tw-border-style: none !important;
  border-style: none !important;
}
.tw\:border-error {
  border-color: var(--error) !important;
}
.tw\:border-outline {
  border-color: var(--outline) !important;
}
.tw\:border-primary {
  border-color: var(--primary) !important;
}
.tw\:border-secondary {
  border-color: var(--secondary) !important;
}
.tw\:border-spm-orange {
  border-color: var(--spm-orange) !important;
}
.tw\:border-transparent {
  border-color: transparent !important;
}
.tw\:border-t-\[\#ffffff80\] {
  border-top-color: #ffffff80 !important;
}
.tw\:border-r-\[\#77777780\] {
  border-right-color: #77777780 !important;
}
.tw\:border-b-\[\#55555580\] {
  border-bottom-color: #55555580 !important;
}
.tw\:border-l-\[\#aaaaaa80\] {
  border-left-color: #aaaaaa80 !important;
}
.tw\:bg-\[oklch\(0\.400_0_0\/30\%\)\] {
  background-color: oklch(0.400 0 0/30%) !important;
}
.tw\:bg-background-component {
  background-color: var(--background-component) !important;
}
.tw\:bg-background-muted {
  background-color: var(--background-muted) !important;
}
.tw\:bg-black\/50 {
  background-color: var(--tw-color-black) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-black) 50%, transparent) !important;
  }
}
.tw\:bg-card {
  background-color: var(--card) !important;
}
.tw\:bg-foreground {
  background-color: var(--foreground) !important;
}
.tw\:bg-primary {
  background-color: var(--primary) !important;
}
.tw\:bg-secondary {
  background-color: var(--secondary) !important;
}
.tw\:bg-transparent {
  background-color: transparent !important;
}
.tw\:bg-white {
  background-color: var(--tw-color-white) !important;
}
.tw\:bg-gradient {
  background-image: linear-gradient(360deg, #0e0c11 52.9%, #321160 153.43%) !important;
}
.tw\:object-contain {
  object-fit: contain !important;
}
.tw\:p-0 {
  padding: calc(var(--tw-spacing) * 0) !important;
}
.tw\:p-0\.5 {
  padding: calc(var(--tw-spacing) * 0.5) !important;
}
.tw\:p-1 {
  padding: calc(var(--tw-spacing) * 1) !important;
}
.tw\:p-2 {
  padding: calc(var(--tw-spacing) * 2) !important;
}
.tw\:p-3 {
  padding: calc(var(--tw-spacing) * 3) !important;
}
.tw\:p-4 {
  padding: calc(var(--tw-spacing) * 4) !important;
}
.tw\:px-4 {
  padding-inline: calc(var(--tw-spacing) * 4) !important;
}
.tw\:px-7 {
  padding-inline: calc(var(--tw-spacing) * 7) !important;
}
.tw\:py-2 {
  padding-block: calc(var(--tw-spacing) * 2) !important;
}
.tw\:py-3 {
  padding-block: calc(var(--tw-spacing) * 3) !important;
}
.tw\:py-10\.5 {
  padding-block: calc(var(--tw-spacing) * 10.5) !important;
}
.tw\:pl-2 {
  padding-left: calc(var(--tw-spacing) * 2) !important;
}
.tw\:pl-4 {
  padding-left: calc(var(--tw-spacing) * 4) !important;
}
.tw\:pl-\[0\.5em\] {
  padding-left: 0.5em !important;
}
.tw\:text-center {
  text-align: center !important;
}
.tw\:font-display {
  font-family: "Red Hat Display" !important;
}
.tw\:font-mono {
  font-family: var(--tw-font-mono) !important;
}
.tw\:font-roboto {
  font-family: "Roboto", sans-serif !important;
}
.tw\:font-sans {
  font-family: var(--tw-font-sans) !important;
}
.tw\:text-2xl {
  font-size: var(--tw-text-2xl) !important;
  line-height: var(--tw-leading, var(--tw-text-2xl--line-height)) !important;
}
.tw\:text-base {
  font-size: var(--tw-text-base) !important;
  line-height: var(--tw-leading, var(--tw-text-base--line-height)) !important;
}
.tw\:text-lg {
  font-size: var(--tw-text-lg) !important;
  line-height: var(--tw-leading, var(--tw-text-lg--line-height)) !important;
}
.tw\:text-sm {
  font-size: var(--tw-text-sm) !important;
  line-height: var(--tw-leading, var(--tw-text-sm--line-height)) !important;
}
.tw\:text-sm\/5 {
  font-size: var(--tw-text-sm) !important;
  line-height: calc(var(--tw-spacing) * 5) !important;
}
.tw\:text-sm\/6 {
  font-size: var(--tw-text-sm) !important;
  line-height: calc(var(--tw-spacing) * 6) !important;
}
.tw\:text-xs {
  font-size: var(--tw-text-xs) !important;
  line-height: var(--tw-leading, var(--tw-text-xs--line-height)) !important;
}
.tw\:text-xs\/5 {
  font-size: var(--tw-text-xs) !important;
  line-height: calc(var(--tw-spacing) * 5) !important;
}
.tw\:text-\[0\.8rem\] {
  font-size: 0.8rem !important;
}
.tw\:text-\[1\.5rem\] {
  font-size: 1.5rem !important;
}
.tw\:text-\[11px\] {
  font-size: 11px !important;
}
.tw\:font-bold {
  --tw-font-weight: var(--tw-font-weight-bold) !important;
  font-weight: var(--tw-font-weight-bold) !important;
}
.tw\:font-extrabold {
  --tw-font-weight: 900 !important;
  font-weight: 900 !important;
}
.tw\:font-normal {
  --tw-font-weight: var(--tw-font-weight-normal) !important;
  font-weight: var(--tw-font-weight-normal) !important;
}
.tw\:font-thin {
  --tw-font-weight: var(--tw-font-weight-thin) !important;
  font-weight: var(--tw-font-weight-thin) !important;
}
.tw\:tracking-\[0\.5em\] {
  --tw-tracking: 0.5em !important;
  letter-spacing: 0.5em !important;
}
.tw\:text-ellipsis {
  text-overflow: ellipsis !important;
}
.tw\:whitespace-nowrap {
  white-space: nowrap !important;
}
.tw\:text-\[\#dea508\] {
  color: #dea508 !important;
}
.tw\:text-background {
  color: var(--background) !important;
}
.tw\:text-error {
  color: var(--error) !important;
}
.tw\:text-foreground {
  color: var(--foreground) !important;
}
.tw\:text-foreground-muted {
  color: var(--foreground-muted) !important;
}
.tw\:text-gray-900 {
  color: var(--tw-color-gray-900) !important;
}
.tw\:text-inherit {
  color: inherit !important;
}
.tw\:text-primary {
  color: var(--primary) !important;
}
.tw\:text-secondary {
  color: var(--secondary) !important;
}
.tw\:text-white {
  color: var(--tw-color-white) !important;
}
.tw\:uppercase {
  text-transform: uppercase !important;
}
.tw\:underline {
  text-decoration-line: underline !important;
}
.tw\:opacity-0 {
  opacity: 0% !important;
}
.tw\:opacity-35 {
  opacity: 35% !important;
}
.tw\:opacity-60 {
  opacity: 60% !important;
}
.tw\:shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.tw\:ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.tw\:ring-outline {
  --tw-ring-color: var(--outline) !important;
}
.tw\:ring-primary {
  --tw-ring-color: var(--primary) !important;
}
.tw\:ring-secondary {
  --tw-ring-color: var(--secondary) !important;
}
.tw\:backdrop-blur-\[4px\] {
  --tw-backdrop-blur: blur(4px) !important;
  -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,) !important;
  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,) !important;
}
.tw\:backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--tw-blur-sm)) !important;
  -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,) !important;
  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,) !important;
}
.tw\:transition-all {
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
}
.tw\:transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
}
.tw\:duration-80 {
  --tw-duration: 80ms !important;
  transition-duration: 80ms !important;
}
.tw\:duration-200 {
  --tw-duration: 200ms !important;
  transition-duration: 200ms !important;
}
.tw\:duration-300 {
  --tw-duration: 300ms !important;
  transition-duration: 300ms !important;
}
.tw\:duration-500 {
  --tw-duration: 500ms !important;
  transition-duration: 500ms !important;
}
.tw\:ease-\[cubic-bezier\(1\,1\.33\,0\.61\,1\)\] {
  --tw-ease: cubic-bezier(1,1.33,0.61,1) !important;
  transition-timing-function: cubic-bezier(1,1.33,0.61,1) !important;
}
.tw\:ease-in {
  --tw-ease: var(--tw-ease-in) !important;
  transition-timing-function: var(--tw-ease-in) !important;
}
.tw\:ease-in-out {
  --tw-ease: var(--tw-ease-in-out) !important;
  transition-timing-function: var(--tw-ease-in-out) !important;
}
.tw\:outline-none {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.tw\:select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.tw\:\[view-transition-name\:image\] {
  view-transition-name: image !important;
}
.tw\:\[view-transition-name\:txt-desc\] {
  view-transition-name: txt-desc !important;
}
.tw\:\[view-transition-name\:txt-title\] {
  view-transition-name: txt-title !important;
}
.tw\:perspective-midrange {
  perspective: var(--tw-perspective-midrange) !important;
}
.tw\:transform-3d {
  transform-style: preserve-3d !important;
}
.tw\:group-has-checked\:scale-100 {
  &:is(:where(.tw\:group):has(*:checked) *) {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.tw\:group-has-checked\:opacity-100 {
  &:is(:where(.tw\:group):has(*:checked) *) {
    opacity: 100% !important;
  }
}
.tw\:group-has-checked\:delay-100 {
  &:is(:where(.tw\:group):has(*:checked) *) {
    transition-delay: 100ms !important;
  }
}
.tw\:peer-checked\:left-full {
  &:is(:where(.tw\:peer):checked ~ *) {
    left: 100% !important;
  }
}
.tw\:peer-checked\:-translate-x-full {
  &:is(:where(.tw\:peer):checked ~ *) {
    --tw-translate-x: -100% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
}
.tw\:peer-checked\:scale-x-110 {
  &:is(:where(.tw\:peer):checked ~ *) {
    --tw-scale-x: 110% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.tw\:peer-active\:scale-y-90 {
  &:is(:where(.tw\:peer):active ~ *) {
    --tw-scale-y: 90% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.tw\:placeholder\:text-center {
  &::placeholder {
    text-align: center !important;
  }
}
.tw\:placeholder\:text-lg {
  &::placeholder {
    font-size: var(--tw-text-lg) !important;
    line-height: var(--tw-leading, var(--tw-text-lg--line-height)) !important;
  }
}
.tw\:placeholder\:text-sm\/5 {
  &::placeholder {
    font-size: var(--tw-text-sm) !important;
    line-height: calc(var(--tw-spacing) * 5) !important;
  }
}
.tw\:placeholder\:text-foreground {
  &::placeholder {
    color: var(--foreground) !important;
  }
}
.tw\:placeholder\:text-foreground-muted {
  &::placeholder {
    color: var(--foreground-muted) !important;
  }
}
.tw\:placeholder\:text-gray-500 {
  &::placeholder {
    color: var(--tw-color-gray-500) !important;
  }
}
.tw\:hover\:scale-100 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 100% !important;
      --tw-scale-y: 100% !important;
      --tw-scale-z: 100% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
.tw\:hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
.tw\:hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline !important;
    }
  }
}
.tw\:hover\:ring-2 {
  &:hover {
    @media (hover: hover) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.tw\:active\:scale-95 {
  &:active {
    --tw-scale-x: 95% !important;
    --tw-scale-y: 95% !important;
    --tw-scale-z: 95% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.tw\:active\:scale-100 {
  &:active {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.tw\:active\:bg-foreground\/60 {
  &:active {
    background-color: var(--foreground) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 60%, transparent) !important;
    }
  }
}
.tw\:active\:bg-primary-dark {
  &:active {
    background-color: var(--primary-dark) !important;
  }
}
.tw\:has-checked\:bg-secondary {
  &:has(*:checked) {
    background-color: var(--secondary) !important;
  }
}
.tw\:has-focus-visible\:ring-2 {
  &:has(*:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.tw\:has-focus-visible\:ring-secondary {
  &:has(*:focus-visible) {
    --tw-ring-color: var(--secondary) !important;
  }
}
.tw\:has-focus-visible\:ring-offset-2 {
  &:has(*:focus-visible) {
    --tw-ring-offset-width: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }
}
.tw\:has-active\:scale-x-105 {
  &:has(*:active) {
    --tw-scale-x: 105% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.tw\:has-active\:scale-y-95 {
  &:has(*:active) {
    --tw-scale-y: 95% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.tw\:has-disabled\:cursor-not-allowed {
  &:has(*:disabled) {
    cursor: not-allowed !important;
  }
}
.tw\:has-disabled\:opacity-50 {
  &:has(*:disabled) {
    opacity: 50% !important;
  }
}
.tw\:md\:mt-2 {
  @media (width >= 48rem) {
    margin-top: calc(var(--tw-spacing) * 2) !important;
  }
}
.tw\:md\:mt-9 {
  @media (width >= 48rem) {
    margin-top: calc(var(--tw-spacing) * 9) !important;
  }
}
.tw\:md\:block {
  @media (width >= 48rem) {
    display: block !important;
  }
}
.tw\:md\:hidden {
  @media (width >= 48rem) {
    display: none !important;
  }
}
.tw\:md\:h-fit {
  @media (width >= 48rem) {
    height: fit-content !important;
  }
}
.tw\:md\:min-h-0 {
  @media (width >= 48rem) {
    min-height: calc(var(--tw-spacing) * 0) !important;
  }
}
.tw\:md\:w-90 {
  @media (width >= 48rem) {
    width: calc(var(--tw-spacing) * 90) !important;
  }
}
.tw\:md\:w-fit {
  @media (width >= 48rem) {
    width: fit-content !important;
  }
}
.tw\:md\:rounded-5xl {
  @media (width >= 48rem) {
    border-radius: 44px !important;
  }
}
.tw\:md\:bg-gradient-bordered {
  @media (width >= 48rem) {
    background-image: linear-gradient(360deg, #0e0c11 52.9%, #321160 153.43%), linear-gradient(45deg, var(--primary), var(--primary-dark)) !important;
    background-clip: padding-box, border-box !important;
    background-origin: border-box !important;
    border: 1px solid transparent !important;
  }
}
.tw\:md\:px-22 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--tw-spacing) * 22) !important;
  }
}
.tw\:md\:py-4 {
  @media (width >= 48rem) {
    padding-block: calc(var(--tw-spacing) * 4) !important;
  }
}
.tw\:md\:py-18 {
  @media (width >= 48rem) {
    padding-block: calc(var(--tw-spacing) * 18) !important;
  }
}
.tw\:\[\&\:\:-moz-progress-bar\]\:rounded-lg {
  &::-moz-progress-bar {
    border-radius: var(--tw-radius-lg) !important;
  }
}
.tw\:\[\&\:\:-moz-progress-bar\]\:bg-secondary {
  &::-moz-progress-bar {
    background-color: var(--secondary) !important;
  }
}
.tw\:\[\&\:\:-webkit-progress-bar\]\:rounded-lg {
  &::-webkit-progress-bar {
    border-radius: var(--tw-radius-lg) !important;
  }
}
.tw\:\[\&\:\:-webkit-progress-bar\]\:bg-card {
  &::-webkit-progress-bar {
    background-color: var(--card) !important;
  }
}
.tw\:\[\&\:\:-webkit-progress-value\]\:rounded-lg {
  &::-webkit-progress-value {
    border-radius: var(--tw-radius-lg) !important;
  }
}
.tw\:\[\&\:\:-webkit-progress-value\]\:bg-secondary {
  &::-webkit-progress-value {
    background-color: var(--secondary) !important;
  }
}
:root {
  --primary: #77158e;
  --primary-dark: #2f185a;
  --primary-dark-2: #641277;
  --secondary: #27cfa5;
  --spm-orange: #efa144;
  --background: #121212;
  --background-muted: #1b191b;
  --background-component: #161824;
  --foreground: #f2f2f2;
  --foreground-muted: #888a8d;
  --card: #ffffff1a;
  --outline: #555972;
  --error: #c13333;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}