/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
@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-translate-x: 0;
   --tw-translate-y: 0;
   --tw-translate-z: 0;
   --tw-rotate-x: initial;
   --tw-rotate-y: initial;
   --tw-rotate-z: initial;
   --tw-skew-x: initial;
   --tw-skew-y: initial;
   --tw-space-y-reverse: 0;
   --tw-space-x-reverse: 0;
   --tw-border-style: solid;
   --tw-gradient-position: initial;
   --tw-gradient-from: #0000;
   --tw-gradient-via: #0000;
   --tw-gradient-to: #0000;
   --tw-gradient-stops: initial;
   --tw-gradient-via-stops: initial;
   --tw-gradient-from-position: 0%;
   --tw-gradient-via-position: 50%;
   --tw-gradient-to-position: 100%;
   --tw-leading: initial;
   --tw-font-weight: initial;
   --tw-tracking: initial;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-color: initial;
   --tw-shadow-alpha: 100%;
   --tw-inset-shadow: 0 0 #0000;
   --tw-inset-shadow-color: initial;
   --tw-inset-shadow-alpha: 100%;
   --tw-ring-color: initial;
   --tw-ring-shadow: 0 0 #0000;
   --tw-inset-ring-color: initial;
   --tw-inset-ring-shadow: 0 0 #0000;
   --tw-ring-inset: initial;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-outline-style: solid;
   --tw-blur: initial;
   --tw-brightness: initial;
   --tw-contrast: initial;
   --tw-grayscale: initial;
   --tw-hue-rotate: initial;
   --tw-invert: initial;
   --tw-opacity: initial;
   --tw-saturate: initial;
   --tw-sepia: initial;
   --tw-drop-shadow: initial;
   --tw-drop-shadow-color: initial;
   --tw-drop-shadow-alpha: 100%;
   --tw-drop-shadow-size: initial;
   --tw-backdrop-blur: initial;
   --tw-backdrop-brightness: initial;
   --tw-backdrop-contrast: initial;
   --tw-backdrop-grayscale: initial;
   --tw-backdrop-hue-rotate: initial;
   --tw-backdrop-invert: initial;
   --tw-backdrop-opacity: initial;
   --tw-backdrop-saturate: initial;
   --tw-backdrop-sepia: initial;
   --tw-duration: initial;
   --tw-ease: initial
  }
 }
}

@layer theme {

 :root,
 :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-red-500: oklch(63.7% .237 25.331);
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-gray-200: oklch(92.8% .006 264.531);
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-gray-700: oklch(37.3% .034 259.733);
  --color-zinc-100: oklch(96.7% .001 286.375);
  --color-zinc-200: oklch(92% .004 286.32);
  --color-zinc-400: oklch(70.5% .015 286.067);
  --color-neutral-200: oklch(92.2% 0 0);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --breakpoint-xl: 80rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1/.75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25/.875);
  --text-base: 1rem;
  --text-base--line-height: 1.5;
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75/1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75/1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2/1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: 1.2;
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5/2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --text-9xl: 8rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tighter: -.05em;
  --tracking-tight: -.025em;
  --tracking-wide: .025em;
  --leading-tight: 1.25;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --drop-shadow-md: 0 3px 3px #0000001f;
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
  --blur-md: 12px;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --font-heaters: Heaters, Heaters Fallback;
  --font-anton: Anton, Anton Fallback;
  --font-better-times: Better Times Alt, Better Times Alt Fallback
 }
}

@layer base {

 *,
 :after,
 :before,
 ::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0
 }

 ::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0
 }

 html,
 :host {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent
 }

 hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
 }

 abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
  font-size: inherit;
  font-weight: inherit
 }

 a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit
 }

 b,
 strong {
  font-weight: bolder
 }

 code,
 kbd,
 samp,
 pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em
 }

 small {
  font-size: 80%
 }

 sub,
 sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative
 }

 sub {
  bottom: -.25em
 }

 sup {
  top: -.5em
 }

 table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
 }

 :-moz-focusring {
  outline: auto
 }

 progress {
  vertical-align: baseline
 }

 summary {
  display: list-item
 }

 ol,
 ul,
 menu {
  list-style: none
 }

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

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

 button,
 input,
 select,
 optgroup,
 textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0
 }

 ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0
 }

 :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder
 }

 :where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px
 }

 ::file-selector-button {
  margin-inline-end: 4px
 }

 ::placeholder {
  opacity: 1
 }

 @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
  ::placeholder {
   color: currentColor
  }

  @supports (color:color-mix(in lab, red, red)) {
   ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent)
   }
  }
 }

 textarea {
  resize: vertical
 }

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

 ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit
 }

 ::-webkit-datetime-edit {
  display: inline-flex
 }

 ::-webkit-datetime-edit-fields-wrapper {
  padding: 0
 }

 ::-webkit-datetime-edit {
  padding-block: 0
 }

 ::-webkit-datetime-edit-year-field {
  padding-block: 0
 }

 ::-webkit-datetime-edit-month-field {
  padding-block: 0
 }

 ::-webkit-datetime-edit-day-field {
  padding-block: 0
 }

 ::-webkit-datetime-edit-hour-field {
  padding-block: 0
 }

 ::-webkit-datetime-edit-minute-field {
  padding-block: 0
 }

 ::-webkit-datetime-edit-second-field {
  padding-block: 0
 }

 ::-webkit-datetime-edit-millisecond-field {
  padding-block: 0
 }

 ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0
 }

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

 button,
 input:where([type=button], [type=reset], [type=submit]) {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button
 }

 ::file-selector-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button
 }

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

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

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

 * {
  border-color: var(--border);
  outline-color: var(--ring)
 }

 @supports (color:color-mix(in lab, red, red)) {
  * {
   outline-color: color-mix(in oklab, var(--ring)50%, transparent)
  }
 }

 body {
  background-color: var(--background);
  color: var(--foreground)
 }

 * {
  scrollbar-color: initial;
  scrollbar-width: initial
 }
}

@layer components;

@layer utilities {
 .pointer-events-none {
  pointer-events: 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
 }

 .absolute {
  position: absolute
 }

 .fixed {
  position: fixed
 }

 .relative {
  position: relative
 }

 .-inset-px {
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px
 }

 .inset-0 {
  inset: calc(var(--spacing)*0)
 }

 .inset-x-0 {
  inset-inline: calc(var(--spacing)*0)
 }

 .-top-12 {
  top: calc(var(--spacing)*-12)
 }

 .top-0 {
  top: calc(var(--spacing)*0)
 }

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

 .top-3 {
  top: calc(var(--spacing)*3)
 }

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

 .-right-18 {
  right: calc(var(--spacing)*-18)
 }

 .-right-20 {
  right: calc(var(--spacing)*-20)
 }

 .right-0 {
  right: calc(var(--spacing)*0)
 }

 .right-2 {
  right: calc(var(--spacing)*2)
 }

 .right-3 {
  right: calc(var(--spacing)*3)
 }

 .right-4 {
  right: calc(var(--spacing)*4)
 }

 .-bottom-4 {
  bottom: calc(var(--spacing)*-4)
 }

 .-bottom-5 {
  bottom: calc(var(--spacing)*-5)
 }

 .-bottom-12 {
  bottom: calc(var(--spacing)*-12)
 }

 .bottom-0 {
  bottom: calc(var(--spacing)*0)
 }

 .bottom-2 {
  bottom: calc(var(--spacing)*2)
 }

 .left-0 {
  left: calc(var(--spacing)*0)
 }

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

 .left-2 {
  left: calc(var(--spacing)*2)
 }

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

 .isolate {
  isolation: isolate
 }

 .-z-1 {
  z-index: -1
 }

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

 .z-2 {
  z-index: 2
 }

 .z-10 {
  z-index: 10
 }

 .z-20 {
  z-index: 20
 }

 .z-50 {
  z-index: 50
 }

 .container {
  width: 100%
 }

 @media (min-width:40rem) {
  .container {
   max-width: 40rem
  }
 }

 @media (min-width:48rem) {
  .container {
   max-width: 48rem
  }
 }

 @media (min-width:64rem) {
  .container {
   max-width: 64rem
  }
 }

 @media (min-width:80rem) {
  .container {
   max-width: 80rem
  }
 }

 @media (min-width:96rem) {
  .container {
   max-width: 96rem
  }
 }

 .-mx-1 {
  margin-inline: calc(var(--spacing)*-1)
 }

 .mx-0 {
  margin-inline: calc(var(--spacing)*0)
 }

 .mx-auto {
  margin-inline: auto
 }

 .my-1 {
  margin-block: calc(var(--spacing)*1)
 }

 .my-1\.5 {
  margin-block: calc(var(--spacing)*1.5)
 }

 .my-3 {
  margin-block: calc(var(--spacing)*3)
 }

 .-mt-4 {
  margin-top: calc(var(--spacing)*-4)
 }

 .mt-2 {
  margin-top: calc(var(--spacing)*2)
 }

 .mt-3 {
  margin-top: calc(var(--spacing)*3)
 }

 .mt-4 {
  margin-top: calc(var(--spacing)*4)
 }

 .mt-6 {
  margin-top: calc(var(--spacing)*6)
 }

 .mt-12 {
  margin-top: calc(var(--spacing)*12)
 }

 .mt-auto {
  margin-top: auto
 }

 .mb-0 {
  margin-bottom: calc(var(--spacing)*0)
 }

 .mb-4 {
  margin-bottom: calc(var(--spacing)*4)
 }

 .-ml-0 {
  margin-left: calc(var(--spacing)*0)
 }

 .-ml-4 {
  margin-left: calc(var(--spacing)*-4)
 }

 .ml-auto {
  margin-left: auto
 }

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

 .scrollbar-none {
  scrollbar-width: none
 }

 .scrollbar-none::-webkit-scrollbar {
  display: none
 }

 .block {
  display: block
 }

 .flex {
  display: flex
 }

 .grid {
  display: grid
 }

 .hidden {
  display: none
 }

 .inline-flex {
  display: inline-flex
 }

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

 .aspect-square {
  aspect-ratio: 1
 }

 .size-2 {
  width: calc(var(--spacing)*2);
  height: calc(var(--spacing)*2)
 }

 .size-4 {
  width: calc(var(--spacing)*4);
  height: calc(var(--spacing)*4)
 }

 .size-5 {
  width: calc(var(--spacing)*5);
  height: calc(var(--spacing)*5)
 }

 .size-8 {
  width: calc(var(--spacing)*8);
  height: calc(var(--spacing)*8)
 }

 .size-9 {
  width: calc(var(--spacing)*9);
  height: calc(var(--spacing)*9)
 }

 .size-10 {
  width: calc(var(--spacing)*10);
  height: calc(var(--spacing)*10)
 }

 .size-16 {
  width: calc(var(--spacing)*16);
  height: calc(var(--spacing)*16)
 }

 .h-1\.5 {
  height: calc(var(--spacing)*1.5)
 }

 .h-2 {
  height: calc(var(--spacing)*2)
 }

 .h-4 {
  height: calc(var(--spacing)*4)
 }

 .h-6 {
  height: calc(var(--spacing)*6)
 }

 .h-8 {
  height: calc(var(--spacing)*8)
 }

 .h-9 {
  height: calc(var(--spacing)*9)
 }

 .h-10 {
  height: calc(var(--spacing)*10)
 }

 .h-11 {
  height: calc(var(--spacing)*11)
 }

 .h-12 {
  height: calc(var(--spacing)*12)
 }

 .h-14 {
  height: calc(var(--spacing)*14)
 }

 .h-18 {
  height: calc(var(--spacing)*18)
 }

 .h-40 {
  height: calc(var(--spacing)*40)
 }

 .h-246 {
  height: calc(var(--spacing)*246)
 }

 .h-\[calc\(100\%-1px\)\] {
  height: calc(100% - 1px)
 }

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

 .h-auto {
  height: auto
 }

 .h-fit {
  height: fit-content
 }

 .h-full {
  height: 100%
 }

 .h-px {
  height: 1px
 }

 .max-h-96 {
  max-height: calc(var(--spacing)*96)
 }

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

 .min-h-6 {
  min-height: calc(var(--spacing)*6)
 }

 .min-h-12 {
  min-height: calc(var(--spacing)*12)
 }

 .min-h-96 {
  min-height: calc(var(--spacing)*96)
 }

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

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

 .min-h-px {
  min-height: 1px
 }

 .w-1\.5 {
  width: calc(var(--spacing)*1.5)
 }

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

 .w-1\/4 {
  width: 25%
 }

 .w-1\/5 {
  width: 20%
 }

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

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

 .w-4 {
  width: calc(var(--spacing)*4)
 }

 .w-8 {
  width: calc(var(--spacing)*8)
 }

 .w-20 {
  width: calc(var(--spacing)*20)
 }

 .w-30 {
  width: calc(var(--spacing)*30)
 }

 .w-36 {
  width: calc(var(--spacing)*36)
 }

 .w-\[100px\] {
  width: 100px
 }

 .w-auto {
  width: auto
 }

 .w-fit {
  width: fit-content
 }

 .w-full {
  width: 100%
 }

 .max-w-\(--breakpoint-xl\) {
  max-width: var(--breakpoint-xl)
 }

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

 .max-w-3xl {
  max-width: var(--container-3xl)
 }

 .max-w-4xl {
  max-width: var(--container-4xl)
 }

 .max-w-6xl {
  max-width: var(--container-6xl)
 }

 .max-w-7xl {
  max-width: var(--container-7xl)
 }

 .max-w-80 {
  max-width: calc(var(--spacing)*80)
 }

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

 .max-w-md {
  max-width: var(--container-md)
 }

 .max-w-sm {
  max-width: var(--container-sm)
 }

 .max-w-xl {
  max-width: var(--container-xl)
 }

 .min-w-0 {
  min-width: calc(var(--spacing)*0)
 }

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

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

 .min-w-px {
  min-width: 1px
 }

 .flex-1 {
  flex: 1
 }

 .shrink {
  flex-shrink: 1
 }

 .shrink-0 {
  flex-shrink: 0
 }

 .grow {
  flex-grow: 1
 }

 .grow-0 {
  flex-grow: 0
 }

 .basis-80 {
  flex-basis: calc(var(--spacing)*80)
 }

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

 .origin-center {
  transform-origin: 50%
 }

 .-translate-x-1\/2 {
  --tw-translate-x: -50%;
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .-translate-x-12 {
  --tw-translate-x: calc(var(--spacing)*-12);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .translate-x-1\/2 {
  --tw-translate-x: 50%;
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .translate-x-16 {
  --tw-translate-x: calc(var(--spacing)*16);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .-translate-y-1 {
  --tw-translate-y: calc(var(--spacing)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .-translate-y-1\/2 {
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .-translate-y-10 {
  --tw-translate-y: calc(var(--spacing)*-10);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .-translate-y-12 {
  --tw-translate-y: calc(var(--spacing)*-12);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .-translate-y-14 {
  --tw-translate-y: calc(var(--spacing)*-14);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .translate-y-1\/2 {
  --tw-translate-y: 50%;
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .translate-y-11 {
  --tw-translate-y: calc(var(--spacing)*11);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .translate-y-16 {
  --tw-translate-y: calc(var(--spacing)*16);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .-rotate-1 {
  rotate: -1deg
 }

 .-rotate-3 {
  rotate: -3deg
 }

 .-rotate-8 {
  rotate: -8deg
 }

 .rotate-12 {
  rotate: 12deg
 }

 .rotate-20 {
  rotate: 20deg
 }

 .rotate-90 {
  rotate: 90deg
 }

 .rotate-180 {
  rotate: 180deg
 }

 .transform {
  transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
 }

 .transform-gpu {
  transform: translateZ(0)var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
 }

 .animate-pulse {
  animation: var(--animate-pulse)
 }

 .animate-spin {
  animation: var(--animate-spin)
 }

 .cursor-default {
  cursor: default
 }

 .cursor-pointer {
  cursor: pointer
 }

 .resize {
  resize: both
 }

 .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
 }

 .flex-col {
  flex-direction: column
 }

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

 .flex-row {
  flex-direction: row
 }

 .items-center {
  align-items: center
 }

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

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

 .items-stretch {
  align-items: stretch
 }

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

 .justify-center {
  justify-content: center
 }

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

 .gap-1 {
  gap: calc(var(--spacing)*1)
 }

 .gap-1\.5 {
  gap: calc(var(--spacing)*1.5)
 }

 .gap-2 {
  gap: calc(var(--spacing)*2)
 }

 .gap-3 {
  gap: calc(var(--spacing)*3)
 }

 .gap-4 {
  gap: calc(var(--spacing)*4)
 }

 .gap-6 {
  gap: calc(var(--spacing)*6)
 }

 .gap-8 {
  gap: calc(var(--spacing)*8)
 }

 .gap-10 {
  gap: calc(var(--spacing)*10)
 }

 .gap-12 {
  gap: calc(var(--spacing)*12)
 }

 :where(.space-y-0>:not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
 }

 :where(.space-y-1>:not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
 }

 :where(.space-y-1\.5>:not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))
 }

 :where(.space-y-3>:not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
 }

 :where(.space-y-12>:not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))
 }

 :where(.space-x-2>:not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
 }

 .self-stretch {
  align-self: stretch
 }

 .overflow-clip {
  overflow: clip
 }

 .overflow-hidden {
  overflow: hidden
 }

 .overflow-scroll {
  overflow: scroll
 }

 .overflow-visible {
  overflow: visible
 }

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

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

 .overflow-y-clip {
  overflow-y: clip
 }

 .overscroll-y-none {
  overscroll-behavior-y: none
 }

 .rounded-2xl {
  border-radius: var(--radius-2xl)
 }

 .rounded-3xl {
  border-radius: var(--radius-3xl)
 }

 .rounded-4xl {
  border-radius: var(--radius-4xl)
 }

 .rounded-full {
  border-radius: 3.40282e38px
 }

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

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

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

 .border {
  border-style: var(--tw-border-style);
  border-width: 1px
 }

 .border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px
 }

 .border-3 {
  border-style: var(--tw-border-style);
  border-width: 3px
 }

 .border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px
 }

 .border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px
 }

 .border-dashed {
  --tw-border-style: dashed;
  border-style: dashed
 }

 .border-\[\#6F35E7\] {
  border-color: #6f35e7
 }

 .border-\[\#E6BF72\] {
  border-color: #e6bf72
 }

 .border-\[\#FF67C5\]\/25 {
  border-color: #ff67c540
 }

 .border-\[\#FFCED5\] {
  border-color: #ffced5
 }

 .border-\[\#d1d5dc\] {
  border-color: #d1d5dc
 }

 .border-black {
  border-color: var(--color-black)
 }

 .border-border {
  border-color: var(--border)
 }

 .border-gray-100 {
  border-color: var(--color-gray-100)
 }

 .border-gray-300 {
  border-color: var(--color-gray-300)
 }

 .border-red-500 {
  border-color: var(--color-red-500)
 }

 .border-transparent {
  border-color: #0000
 }

 .border-white {
  border-color: var(--color-white)
 }

 .bg-\[\#6F35E7\] {
  background-color: #6f35e7
 }

 .bg-\[\#D41F3A\] {
  background-color: #d41f3a
 }

 .bg-\[\#E80029\] {
  background-color: #e80029
 }

 .bg-\[\#F9F2FA\] {
  background-color: #f9f2fa
 }

 .bg-\[\#FB5100\] {
  background-color: #fb5100
 }

 .bg-\[\#FEFC04\] {
  background-color: #fefc04
 }

 .bg-\[\#FFCED5\] {
  background-color: #ffced5
 }

 .bg-background {
  background-color: var(--background)
 }

 .bg-black {
  background-color: var(--color-black)
 }

 .bg-black\/50 {
  background-color: #00000080
 }

 @supports (color:color-mix(in lab, red, red)) {
  .bg-black\/50 {
   background-color: color-mix(in oklab, var(--color-black)50%, transparent)
  }
 }

 .bg-black\/80 {
  background-color: #000c
 }

 @supports (color:color-mix(in lab, red, red)) {
  .bg-black\/80 {
   background-color: color-mix(in oklab, var(--color-black)80%, transparent)
  }
 }

 .bg-border {
  background-color: var(--border)
 }

 .bg-destructive {
  background-color: var(--destructive)
 }

 .bg-gray-100 {
  background-color: var(--color-gray-100)
 }

 .bg-gray-200 {
  background-color: var(--color-gray-200)
 }

 .bg-muted {
  background-color: var(--muted)
 }

 .bg-neutral-200 {
  background-color: var(--color-neutral-200)
 }

 .bg-primary {
  background-color: var(--primary)
 }

 .bg-secondary {
  background-color: var(--secondary)
 }

 .bg-white {
  background-color: var(--color-white)
 }

 .bg-white\/25 {
  background-color: #ffffff40
 }

 @supports (color:color-mix(in lab, red, red)) {
  .bg-white\/25 {
   background-color: color-mix(in oklab, var(--color-white)25%, transparent)
  }
 }

 .bg-white\/50 {
  background-color: #ffffff80
 }

 @supports (color:color-mix(in lab, red, red)) {
  .bg-white\/50 {
   background-color: color-mix(in oklab, var(--color-white)50%, transparent)
  }
 }

 .bg-zinc-100 {
  background-color: var(--color-zinc-100)
 }

 .bg-zinc-200 {
  background-color: var(--color-zinc-200)
 }

 .bg-zinc-400 {
  background-color: var(--color-zinc-400)
 }

 .bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops))
 }

 .bg-gradient-to-tr {
  --tw-gradient-position: to top right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops))
 }

 .bg-\[url\(\'https\:\/\/cdn-lps\.slnline\.com\/oleos-perfumados\/images\/hero-mobile\.webp\'\)\] {
  background-image: url(https://cdn-lps.slnline.com/oleos-perfumados/images/hero-mobile.webp)
 }

 .from-\[\#CAA458\] {
  --tw-gradient-from: #caa458;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
 }

 .from-\[\#FF5B72\] {
  --tw-gradient-from: #ff5b72;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
 }

 .from-\[\#FFCED5\] {
  --tw-gradient-from: #ffced5;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
 }

 .to-\[\#E80029\] {
  --tw-gradient-to: #e80029;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
 }

 .to-\[\#FBD588\] {
  --tw-gradient-to: #fbd588;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
 }

 .to-\[\#FF9EAF\] {
  --tw-gradient-to: #ff9eaf;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
 }

 .bg-cover {
  background-size: cover
 }

 .bg-center {
  background-position: 50%
 }

 .bg-no-repeat {
  background-repeat: no-repeat
 }

 .fill-\[\#E80029\] {
  fill: #e80029
 }

 .stroke-\[\#FBD588\] {
  stroke: #fbd588
 }

 .object-contain {
  object-fit: contain
 }

 .object-cover {
  object-fit: cover
 }

 .object-center {
  object-position: center
 }

 .p-0 {
  padding: calc(var(--spacing)*0)
 }

 .p-1 {
  padding: calc(var(--spacing)*1)
 }

 .p-2 {
  padding: calc(var(--spacing)*2)
 }

 .p-3 {
  padding: calc(var(--spacing)*3)
 }

 .p-4 {
  padding: calc(var(--spacing)*4)
 }

 .p-6 {
  padding: calc(var(--spacing)*6)
 }

 .p-\[3px\] {
  padding: 3px
 }

 .px-1\.5 {
  padding-inline: calc(var(--spacing)*1.5)
 }

 .px-2 {
  padding-inline: calc(var(--spacing)*2)
 }

 .px-3 {
  padding-inline: calc(var(--spacing)*3)
 }

 .px-4 {
  padding-inline: calc(var(--spacing)*4)
 }

 .px-6 {
  padding-inline: calc(var(--spacing)*6)
 }

 .px-8 {
  padding-inline: calc(var(--spacing)*8)
 }

 .px-9 {
  padding-inline: calc(var(--spacing)*9)
 }

 .px-12 {
  padding-inline: calc(var(--spacing)*12)
 }

 .py-1 {
  padding-block: calc(var(--spacing)*1)
 }

 .py-1\.5 {
  padding-block: calc(var(--spacing)*1.5)
 }

 .py-2 {
  padding-block: calc(var(--spacing)*2)
 }

 .py-3 {
  padding-block: calc(var(--spacing)*3)
 }

 .py-4 {
  padding-block: calc(var(--spacing)*4)
 }

 .py-12 {
  padding-block: calc(var(--spacing)*12)
 }

 .pt-3 {
  padding-top: calc(var(--spacing)*3)
 }

 .pt-4 {
  padding-top: calc(var(--spacing)*4)
 }

 .pr-2 {
  padding-right: calc(var(--spacing)*2)
 }

 .pb-3 {
  padding-bottom: calc(var(--spacing)*3)
 }

 .pl-0 {
  padding-left: calc(var(--spacing)*0)
 }

 .pl-4 {
  padding-left: calc(var(--spacing)*4)
 }

 .pl-8 {
  padding-left: calc(var(--spacing)*8)
 }

 .text-center {
  text-align: center
 }

 .text-left {
  text-align: left
 }

 .text-right {
  text-align: right
 }

 .text-start {
  text-align: start
 }

 .font-anton {
  font-family: Anton, Anton Fallback
 }

 .font-better-times {
  font-family: Better Times Alt, Better Times Alt Fallback
 }

 .font-heaters {
  font-family: Heaters, Heaters Fallback
 }

 .text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height))
 }

 .text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height))
 }

 .text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height))
 }

 .text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height))
 }

 .text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--tw-leading, var(--text-6xl--line-height))
 }

 .text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--tw-leading, var(--text-8xl--line-height))
 }

 .text-8xl\/\[0\.5\] {
  font-size: var(--text-8xl);
  line-height: .5
 }

 .text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height))
 }

 .text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height))
 }

 .text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height))
 }

 .text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height))
 }

 .text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height))
 }

 .text-\[1\.75rem\] {
  font-size: 1.75rem
 }

 .text-\[2\.75rem\] {
  font-size: 2.75rem
 }

 .text-\[14px\] {
  font-size: 14px
 }

 .text-\[16px\] {
  font-size: 16px
 }

 .text-\[18px\] {
  font-size: 18px
 }

 .text-\[20px\] {
  font-size: 20px
 }

 .text-\[30px\] {
  font-size: 30px
 }

 .leading-5 {
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5)
 }

 .leading-6 {
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6)
 }

 .leading-7 {
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7)
 }

 .leading-\[0\.6\] {
  --tw-leading: .6;
  line-height: .6
 }

 .leading-\[1\.2\] {
  --tw-leading: 1.2;
  line-height: 1.2
 }

 .leading-none {
  --tw-leading: 1;
  line-height: 1
 }

 .leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight)
 }

 .font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold)
 }

 .font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium)
 }

 .font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold)
 }

 .tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight)
 }

 .tracking-tighter {
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter)
 }

 .tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide)
 }

 .text-nowrap {
  text-wrap: nowrap
 }

 .text-wrap {
  text-wrap: wrap
 }

 .whitespace-nowrap {
  white-space: nowrap
 }

 .text-\[\#6F35E7\] {
  color: #6f35e7
 }

 .text-\[\#CD0079\] {
  color: #cd0079
 }

 .text-\[\#E42963\] {
  color: #e42963
 }

 .text-\[\#E80029\] {
  color: #e80029
 }

 .text-\[\#E80029\]\/5 {
  color: #e800290d
 }

 .text-\[\#F9020B\] {
  color: #f9020b
 }

 .text-\[\#FB5100\] {
  color: #fb5100
 }

 .text-\[\#FBD588\] {
  color: #fbd588
 }

 .text-accent {
  color: var(--accent)
 }

 .text-accent-foreground {
  color: var(--accent-foreground)
 }

 .text-black {
  color: var(--color-black)
 }

 .text-black\/4 {
  color: #0000000a
 }

 @supports (color:color-mix(in lab, red, red)) {
  .text-black\/4 {
   color: color-mix(in oklab, var(--color-black)4%, transparent)
  }
 }

 .text-black\/75 {
  color: #000000bf
 }

 @supports (color:color-mix(in lab, red, red)) {
  .text-black\/75 {
   color: color-mix(in oklab, var(--color-black)75%, transparent)
  }
 }

 .text-black\/90 {
  color: #000000e6
 }

 @supports (color:color-mix(in lab, red, red)) {
  .text-black\/90 {
   color: color-mix(in oklab, var(--color-black)90%, transparent)
  }
 }

 .text-foreground {
  color: var(--foreground)
 }

 .text-gray-700 {
  color: var(--color-gray-700)
 }

 .text-muted-foreground {
  color: var(--muted-foreground)
 }

 .text-popover-foreground {
  color: var(--popover-foreground)
 }

 .text-primary {
  color: var(--primary)
 }

 .text-primary-foreground {
  color: var(--primary-foreground)
 }

 .text-red-500 {
  color: var(--color-red-500)
 }

 .text-secondary-foreground {
  color: var(--secondary-foreground)
 }

 .text-transparent {
  color: #0000
 }

 .text-white {
  color: var(--color-white)
 }

 .lowercase {
  text-transform: lowercase
 }

 .uppercase {
  text-transform: uppercase
 }

 .line-through {
  text-decoration-line: line-through
 }

 .underline {
  text-decoration-line: underline
 }

 .underline-offset-4 {
  text-underline-offset: 4px
 }

 .opacity-0 {
  opacity: 0
 }

 .opacity-20 {
  opacity: .2
 }

 .opacity-50 {
  opacity: .5
 }

 .opacity-70 {
  opacity: .7
 }

 .opacity-100 {
  opacity: 1
 }

 .shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .shadow-\[0_-4px_0_0_\#FFF\] {
  --tw-shadow: 0 -4px 0 0 var(--tw-shadow-color, #fff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
  --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .shadow-\[0_4px_24px_0_rgba\(0\,0\,0\,0\.04\)\] {
  --tw-shadow: 0 4px 24px 0 var(--tw-shadow-color, #0000000a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .ring-transparent {
  --tw-ring-color: transparent
 }

 .ring-offset-2 {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
 }

 .ring-offset-background {
  --tw-ring-offset-color: var(--background)
 }

 .outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px
 }

 .drop-shadow-md {
  --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
  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, )
 }

 .backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
 }

 .backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
 }

 .transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration))
 }

 .transition-\[color\,box-shadow\] {
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration))
 }

 .transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration))
 }

 .transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration))
 }

 .duration-200 {
  --tw-duration: .2s;
  transition-duration: .2s
 }

 .duration-300 {
  --tw-duration: .3s;
  transition-duration: .3s
 }

 .duration-500 {
  --tw-duration: .5s;
  transition-duration: .5s
 }

 .ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out)
 }

 .outline-none {
  --tw-outline-style: none;
  outline-style: none
 }

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

 @media (hover:hover) {
  .group-hover\:opacity-0:is(:where(.group):hover *) {
   opacity: 0
  }

  .group-hover\:opacity-100:is(:where(.group):hover *) {
   opacity: 1
  }
 }

 .group-aria-\[expanded\=true\]\:-rotate-180:is(:where(.group)[aria-expanded=true] *) {
  rotate: -180deg
 }

 .group-aria-\[expanded\=true\]\:text-\[\#6F35E7\]:is(:where(.group)[aria-expanded=true] *) {
  color: #6f35e7
 }

 .group-aria-\[expanded\=true\]\:opacity-100:is(:where(.group)[aria-expanded=true] *) {
  opacity: 1
 }

 .group-data-\[state\=button-trigger\]\:hidden:is(:where(.group)[data-state=button-trigger] *) {
  display: none
 }

 .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
  display: block
 }

 .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
  cursor: not-allowed
 }

 .peer-disabled\:opacity-70:is(:where(.peer):disabled~*) {
  opacity: .7
 }

 .file\:border-0::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0
 }

 .file\:bg-transparent::file-selector-button {
  background-color: #0000
 }

 .file\:text-sm::file-selector-button {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height))
 }

 .file\:font-medium::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium)
 }

 .placeholder\:text-muted-foreground::placeholder {
  color: var(--muted-foreground)
 }

 @media (hover:hover) {
  .hover\:bg-\[\#6F35E7\]\/90:hover {
   background-color: #6f35e7e6
  }

  .hover\:bg-accent:hover {
   background-color: var(--accent)
  }

  .hover\:bg-black:hover {
   background-color: var(--color-black)
  }

  .hover\:bg-black\/80:hover {
   background-color: #000c
  }

  @supports (color:color-mix(in lab, red, red)) {
   .hover\:bg-black\/80:hover {
    background-color: color-mix(in oklab, var(--color-black)80%, transparent)
   }
  }

  .hover\:bg-black\/90:hover {
   background-color: #000000e6
  }

  @supports (color:color-mix(in lab, red, red)) {
   .hover\:bg-black\/90:hover {
    background-color: color-mix(in oklab, var(--color-black)90%, transparent)
   }
  }

  .hover\:bg-destructive\/90:hover {
   background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
   .hover\:bg-destructive\/90:hover {
    background-color: color-mix(in oklab, var(--destructive)90%, transparent)
   }
  }

  .hover\:bg-primary\/90:hover {
   background-color: var(--primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
   .hover\:bg-primary\/90:hover {
    background-color: color-mix(in oklab, var(--primary)90%, transparent)
   }
  }

  .hover\:bg-secondary\/80:hover {
   background-color: var(--secondary)
  }

  @supports (color:color-mix(in lab, red, red)) {
   .hover\:bg-secondary\/80:hover {
    background-color: color-mix(in oklab, var(--secondary)80%, transparent)
   }
  }

  .hover\:text-accent-foreground:hover {
   color: var(--accent-foreground)
  }

  .hover\:underline:hover {
   text-decoration-line: underline
  }

  .hover\:opacity-100:hover {
   opacity: 1
  }
 }

 .focus\:bg-gray-100:focus {
  background-color: var(--color-gray-100)
 }

 .focus\:text-accent-foreground:focus {
  color: var(--accent-foreground)
 }

 .focus\:ring-2:focus {
  --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .focus\:ring-ring:focus {
  --tw-ring-color: var(--ring)
 }

 .focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
 }

 .focus\:outline-\[\#6F35E7\]:focus {
  outline-color: #6f35e7
 }

 .focus\:outline-none:focus {
  --tw-outline-style: none;
  outline-style: none
 }

 .focus-visible\:border-\[\#6F35E7\]:focus-visible {
  border-color: #6f35e7
 }

 .focus-visible\:border-ring:focus-visible {
  border-color: var(--ring)
 }

 .focus-visible\:ring-2:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .focus-visible\:ring-\[3px\]:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .focus-visible\:ring-\[\#6F35E7\]:focus-visible {
  --tw-ring-color: #6f35e7
 }

 .focus-visible\:ring-black:focus-visible {
  --tw-ring-color: var(--color-black)
 }

 .focus-visible\:ring-destructive\/20:focus-visible {
  --tw-ring-color: var(--destructive)
 }

 @supports (color:color-mix(in lab, red, red)) {
  .focus-visible\:ring-destructive\/20:focus-visible {
   --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
  }
 }

 .focus-visible\:ring-ring\/50:focus-visible {
  --tw-ring-color: var(--ring)
 }

 @supports (color:color-mix(in lab, red, red)) {
  .focus-visible\:ring-ring\/50:focus-visible {
   --tw-ring-color: color-mix(in oklab, var(--ring)50%, transparent)
  }
 }

 .focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
 }

 .focus-visible\:outline-1:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 1px
 }

 .focus-visible\:outline-ring:focus-visible {
  outline-color: var(--ring)
 }

 .focus-visible\:outline-none:focus-visible {
  --tw-outline-style: none;
  outline-style: none
 }

 .disabled\:pointer-events-none:disabled {
  pointer-events: none
 }

 .disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed
 }

 .disabled\:opacity-50:disabled {
  opacity: .5
 }

 .aria-invalid\:border-destructive[aria-invalid=true] {
  border-color: var(--destructive)
 }

 .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
  --tw-ring-color: var(--destructive)
 }

 @supports (color:color-mix(in lab, red, red)) {
  .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
   --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
  }
 }

 .aria-\[expanded\=true\]\:ring-2[aria-expanded=true] {
  --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
 }

 .aria-\[expanded\=true\]\:ring-\[\#6F35E7\][aria-expanded=true] {
  --tw-ring-color: #6f35e7
 }

 .data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none
 }

 .data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: .5
 }

 .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
  height: 1px
 }

 .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
  width: 100%
 }

 .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
  height: 100%
 }

 .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
  width: 1px
 }

 .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
  --tw-translate-y: calc(var(--spacing)*1);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
  --tw-enter-translate-y: calc(2*var(--spacing)*-1)
 }

 .data-\[side\=left\]\:-translate-x-1[data-side=left] {
  --tw-translate-x: calc(var(--spacing)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
  --tw-enter-translate-x: calc(2*var(--spacing))
 }

 .data-\[side\=right\]\:translate-x-1[data-side=right] {
  --tw-translate-x: calc(var(--spacing)*1);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
  --tw-enter-translate-x: calc(2*var(--spacing)*-1)
 }

 .data-\[side\=top\]\:-translate-y-1[data-side=top] {
  --tw-translate-y: calc(var(--spacing)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y)
 }

 .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
  --tw-enter-translate-y: calc(2*var(--spacing))
 }

 .data-\[state\=active\]\:w-8[data-state=active] {
  width: calc(var(--spacing)*8)
 }

 .data-\[state\=active\]\:bg-black\/90[data-state=active] {
  background-color: #000000e6
 }

 @supports (color:color-mix(in lab, red, red)) {
  .data-\[state\=active\]\:bg-black\/90[data-state=active] {
   background-color: color-mix(in oklab, var(--color-black)90%, transparent)
  }
 }

 .data-\[state\=active\]\:bg-white[data-state=active] {
  background-color: var(--color-white)
 }

 .data-\[state\=active\]\:text-transparent[data-state=active] {
  color: #0000
 }

 .data-\[state\=active\]\:text-white[data-state=active] {
  color: var(--color-white)
 }

 .data-\[state\=active\]\:opacity-100[data-state=active] {
  opacity: 1
 }

 .data-\[state\=closed\]\:animate-out[data-state=closed] {
  animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
 }

 .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
  --tw-exit-opacity: 0
 }

 .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
  --tw-exit-scale: .95
 }

 .data-\[state\=open\]\:animate-in[data-state=open] {
  animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
 }

 .data-\[state\=open\]\:bg-accent[data-state=open] {
  background-color: var(--accent)
 }

 .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
  color: var(--muted-foreground)
 }

 .data-\[state\=open\]\:fade-in-0[data-state=open] {
  --tw-enter-opacity: 0
 }

 .data-\[state\=open\]\:zoom-in-95[data-state=open] {
  --tw-enter-scale: .95
 }

 .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] {
  inset-inline: calc(var(--spacing)*0)
 }

 .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] {
  bottom: calc(var(--spacing)*0)
 }

 .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] {
  margin-top: calc(var(--spacing)*24)
 }

 .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] {
  max-height: 80vh
 }

 .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius)
 }

 .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px
 }

 .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] {
  inset-block: calc(var(--spacing)*0)
 }

 .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] {
  left: calc(var(--spacing)*0)
 }

 .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] {
  width: 75%
 }

 .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px
 }

 .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] {
  inset-block: calc(var(--spacing)*0)
 }

 .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] {
  right: calc(var(--spacing)*0)
 }

 .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] {
  width: 75%
 }

 .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px
 }

 .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] {
  inset-inline: calc(var(--spacing)*0)
 }

 .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] {
  top: calc(var(--spacing)*0)
 }

 .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] {
  margin-bottom: calc(var(--spacing)*24)
 }

 .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] {
  max-height: 80vh
 }

 .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius)
 }

 .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px
 }

 @media not all and (min-width:48rem) {
  .max-md\:mt-6 {
   margin-top: calc(var(--spacing)*6)
  }

  .max-md\:flex-col {
   flex-direction: column
  }

  .max-md\:justify-center {
   justify-content: center
  }

  .max-md\:text-center {
   text-align: center
  }
 }

 @media not all and (min-width:40rem) {
  .max-sm\:-top-8 {
   top: calc(var(--spacing)*-8)
  }

  .max-sm\:top-12 {
   top: calc(var(--spacing)*12)
  }

  .max-sm\:top-24 {
   top: calc(var(--spacing)*24)
  }

  .max-sm\:right-12 {
   right: calc(var(--spacing)*12)
  }

  .max-sm\:-left-8 {
   left: calc(var(--spacing)*-8)
  }

  .max-sm\:left-12 {
   left: calc(var(--spacing)*12)
  }

  .max-sm\:hidden {
   display: none
  }

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

  .max-sm\:h-auto {
   height: auto
  }

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

  .max-sm\:w-32 {
   width: calc(var(--spacing)*32)
  }

  .max-sm\:w-40 {
   width: calc(var(--spacing)*40)
  }

  .max-sm\:w-full {
   width: 100%
  }

  .max-sm\:-translate-x-1\/2 {
   --tw-translate-x: -50%;
   translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .max-sm\:translate-x-1\/2 {
   --tw-translate-x: 50%;
   translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .max-sm\:-translate-y-1\/2 {
   --tw-translate-y: -50%;
   translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .max-sm\:flex-col {
   flex-direction: column
  }

  .max-sm\:justify-center {
   justify-content: center
  }

  .max-sm\:gap-12 {
   gap: calc(var(--spacing)*12)
  }

  .max-sm\:p-3 {
   padding: calc(var(--spacing)*3)
  }

  .max-sm\:text-center {
   text-align: center
  }
 }

 @media (min-width:40rem) {
  .sm\:absolute {
   position: absolute
  }

  .sm\:top-0 {
   top: calc(var(--spacing)*0)
  }

  .sm\:-right-24 {
   right: calc(var(--spacing)*-24)
  }

  .sm\:right-0 {
   right: calc(var(--spacing)*0)
  }

  .sm\:right-4 {
   right: calc(var(--spacing)*4)
  }

  .sm\:bottom-24 {
   bottom: calc(var(--spacing)*24)
  }

  .sm\:left-0 {
   left: calc(var(--spacing)*0)
  }

  .sm\:mt-2 {
   margin-top: calc(var(--spacing)*2)
  }

  .sm\:mr-auto {
   margin-right: auto
  }

  .sm\:ml-auto {
   margin-left: auto
  }

  .sm\:hidden {
   display: none
  }

  .sm\:size-12 {
   width: calc(var(--spacing)*12);
   height: calc(var(--spacing)*12)
  }

  .sm\:max-h-132 {
   max-height: calc(var(--spacing)*132)
  }

  .sm\:max-h-\[95dvh\] {
   max-height: 95dvh
  }

  .sm\:min-h-47 {
   min-height: calc(var(--spacing)*47)
  }

  .sm\:min-h-132 {
   min-height: calc(var(--spacing)*132)
  }

  .sm\:min-h-144 {
   min-height: calc(var(--spacing)*144)
  }

  .sm\:w-36 {
   width: calc(var(--spacing)*36)
  }

  .sm\:w-44 {
   width: calc(var(--spacing)*44)
  }

  .sm\:w-auto {
   width: auto
  }

  .sm\:w-fit {
   width: fit-content
  }

  .sm\:max-w-112 {
   max-width: calc(var(--spacing)*112)
  }

  .sm\:min-w-96 {
   min-width: calc(var(--spacing)*96)
  }

  .sm\:-translate-x-1\/6 {
   --tw-translate-x: calc(calc(1/6*100%)*-1);
   translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .sm\:translate-x-1\/2 {
   --tw-translate-x: 50%;
   translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .sm\:translate-x-24 {
   --tw-translate-x: calc(var(--spacing)*24);
   translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .sm\:translate-y-1\/2 {
   --tw-translate-y: 50%;
   translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .sm\:rotate-0 {
   rotate: none
  }

  .sm\:rotate-8 {
   rotate: 8deg
  }

  .sm\:grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .sm\:flex-row {
   flex-direction: row
  }

  .sm\:items-end {
   align-items: flex-end
  }

  .sm\:justify-center {
   justify-content: center
  }

  .sm\:justify-end {
   justify-content: flex-end
  }

  .sm\:gap-3 {
   gap: calc(var(--spacing)*3)
  }

  :where(.sm\:space-x-2>:not(:last-child)) {
   --tw-space-x-reverse: 0;
   margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
   margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
  }

  .sm\:rounded-3xl {
   border-radius: var(--radius-3xl)
  }

  .sm\:rounded-full {
   border-radius: 3.40282e38px
  }

  .sm\:px-6 {
   padding-inline: calc(var(--spacing)*6)
  }

  .sm\:px-8 {
   padding-inline: calc(var(--spacing)*8)
  }

  .sm\:py-6 {
   padding-block: calc(var(--spacing)*6)
  }

  .sm\:pt-3 {
   padding-top: calc(var(--spacing)*3)
  }

  .sm\:text-left {
   text-align: left
  }

  .sm\:text-2xl {
   font-size: var(--text-2xl);
   line-height: var(--tw-leading, var(--text-2xl--line-height))
  }

  .sm\:text-3xl {
   font-size: var(--text-3xl);
   line-height: var(--tw-leading, var(--text-3xl--line-height))
  }

  .sm\:text-5xl {
   font-size: var(--text-5xl);
   line-height: var(--tw-leading, var(--text-5xl--line-height))
  }

  .sm\:text-6xl {
   font-size: var(--text-6xl);
   line-height: var(--tw-leading, var(--text-6xl--line-height))
  }

  .sm\:text-7xl {
   font-size: var(--text-7xl);
   line-height: var(--tw-leading, var(--text-7xl--line-height))
  }

  .sm\:text-8xl {
   font-size: var(--text-8xl);
   line-height: var(--tw-leading, var(--text-8xl--line-height))
  }

  .sm\:text-base {
   font-size: var(--text-base);
   line-height: var(--tw-leading, var(--text-base--line-height))
  }

  .sm\:text-lg {
   font-size: var(--text-lg);
   line-height: var(--tw-leading, var(--text-lg--line-height))
  }

  .sm\:font-bold {
   --tw-font-weight: var(--font-weight-bold);
   font-weight: var(--font-weight-bold)
  }

  .sm\:text-nowrap {
   text-wrap: nowrap
  }

  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],
  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] {
   max-width: var(--container-sm)
  }
 }

 @media (min-width:48rem) {
  .md\:hidden {
   display: none
  }

  .md\:h-4\.5 {
   height: calc(var(--spacing)*4.5)
  }

  .md\:h-168 {
   height: calc(var(--spacing)*168)
  }

  .md\:min-h-20 {
   min-height: calc(var(--spacing)*20)
  }

  .md\:w-fit {
   width: fit-content
  }

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

  .md\:max-w-2xl {
   max-width: var(--container-2xl)
  }

  .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\:items-end {
   align-items: flex-end
  }

  .md\:bg-\[url\(\'https\:\/\/cdn-lps\.slnline\.com\/oleos-perfumados\/images\/hero-desktop\.webp\'\)\] {
   background-image: url(https://cdn-lps.slnline.com/oleos-perfumados/images/hero-desktop.webp)
  }

  .md\:py-16 {
   padding-block: calc(var(--spacing)*16)
  }

  .md\:py-24 {
   padding-block: calc(var(--spacing)*24)
  }

  .md\:text-5xl {
   font-size: var(--text-5xl);
   line-height: var(--tw-leading, var(--text-5xl--line-height))
  }

  .md\:text-7xl {
   font-size: var(--text-7xl);
   line-height: var(--tw-leading, var(--text-7xl--line-height))
  }

  .md\:text-8xl {
   font-size: var(--text-8xl);
   line-height: var(--tw-leading, var(--text-8xl--line-height))
  }

  .md\:text-9xl\/\[0\.5\] {
   font-size: var(--text-9xl);
   line-height: .5
  }

  .md\:text-lg {
   font-size: var(--text-lg);
   line-height: var(--tw-leading, var(--text-lg--line-height))
  }

  .md\:text-xl {
   font-size: var(--text-xl);
   line-height: var(--tw-leading, var(--text-xl--line-height))
  }
 }

 @media (min-width:64rem) {
  .lg\:flex {
   display: flex
  }
 }

 .dark\:border-input:is(.dark *) {
  border-color: var(--input)
 }

 .dark\:bg-destructive\/60:is(.dark *) {
  background-color: var(--destructive)
 }

 @supports (color:color-mix(in lab, red, red)) {
  .dark\:bg-destructive\/60:is(.dark *) {
   background-color: color-mix(in oklab, var(--destructive)60%, transparent)
  }
 }

 .dark\:bg-input\/30:is(.dark *) {
  background-color: var(--input)
 }

 @supports (color:color-mix(in lab, red, red)) {
  .dark\:bg-input\/30:is(.dark *) {
   background-color: color-mix(in oklab, var(--input)30%, transparent)
  }
 }

 @media (hover:hover) {
  .dark\:hover\:bg-accent\/50:is(.dark *):hover {
   background-color: var(--accent)
  }

  @supports (color:color-mix(in lab, red, red)) {
   .dark\:hover\:bg-accent\/50:is(.dark *):hover {
    background-color: color-mix(in oklab, var(--accent)50%, transparent)
   }
  }

  .dark\:hover\:bg-input\/50:is(.dark *):hover {
   background-color: var(--input)
  }

  @supports (color:color-mix(in lab, red, red)) {
   .dark\:hover\:bg-input\/50:is(.dark *):hover {
    background-color: color-mix(in oklab, var(--input)50%, transparent)
   }
  }
 }

 .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
  --tw-ring-color: var(--destructive)
 }

 @supports (color:color-mix(in lab, red, red)) {
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
   --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
  }
 }

 .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
  --tw-ring-color: var(--destructive)
 }

 @supports (color:color-mix(in lab, red, red)) {
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
   --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
  }
 }

 .\[\&_span\:not\(\[class\*\=\'0\'\]\)\]\:-z-10 span:not([class*="0"]) {
  z-index: -10
 }

 .\[\&_span\:not\(\[class\*\=\'0\'\]\)\]\:block span:not([class*="0"]) {
  display: block
 }

 .\[\&_span\:not\(\[class\*\=\'0\'\]\)\]\:text-5xl\/\[1\.25\] span:not([class*="0"]) {
  font-size: var(--text-5xl);
  line-height: 1.25
 }

 .\[\&_span\:not\(\[class\*\=\'0\'\]\)\]\:uppercase span:not([class*="0"]) {
  text-transform: uppercase
 }

 @media (min-width:48rem) {
  .\[\&_span\:not\(\[class\*\=\'0\'\]\)\]\:md\:text-7xl\/\[1\.25\] span:not([class*="0"]) {
   font-size: var(--text-7xl);
   line-height: 1.25
  }
 }

 .\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none
 }

 .\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0
 }

 .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
  width: calc(var(--spacing)*4);
  height: calc(var(--spacing)*4)
 }

 .\[\&\:first-child\]\:font-anton:first-child {
  font-family: Anton, Anton Fallback
 }

 .\[\&\:first-child\]\:text-3xl:first-child {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height))
 }

 .\[\&\:first-child\]\:text-black:first-child {
  color: var(--color-black)
 }

 @media (min-width:48rem) {
  .\[\&\:first-child\]\:md\:text-5xl:first-child {
   font-size: var(--text-5xl);
   line-height: var(--tw-leading, var(--text-5xl--line-height))
  }
 }

 .\[\&\>span\]\:line-clamp-1>span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden
 }
}

@font-face {
 font-family: Heaters;
 font-display: swap;
 line-height: .5;
 src: url(https://cdn-lps.slnline.com/cpp-gelatina-acai-manga/fonts/heaters.woff2)format("woff2")
}

@font-face {
 font-family: Better Times Alt;
 font-display: swap;
 line-height: .6;
 src: url(https://cdn-lps.slnline.com/oleos-perfumados/better-times-alt.otf)format("opentype")
}

:root {
 color-scheme: light dark;
 color: #ffffffde;
 font-synthesis: none;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 --radius: .625rem;
 --background: oklch(100% 0 0);
 --foreground: oklch(13% .028 261.692);
 --card: oklch(100% 0 0);
 --card-foreground: oklch(13% .028 261.692);
 --popover: oklch(100% 0 0);
 --popover-foreground: oklch(13% .028 261.692);
 --primary: oklch(21% .034 264.665);
 --primary-foreground: oklch(98.5% .002 247.839);
 --secondary: oklch(96.7% .003 264.542);
 --secondary-foreground: oklch(21% .034 264.665);
 --muted: oklch(96.7% .003 264.542);
 --muted-foreground: oklch(55.1% .027 264.364);
 --accent: oklch(96.7% .003 264.542);
 --accent-foreground: oklch(21% .034 264.665);
 --destructive: oklch(57.7% .245 27.325);
 --border: oklch(92.8% .006 264.531);
 --input: oklch(92.8% .006 264.531);
 --ring: oklch(70.7% .022 261.325);
 --chart-1: oklch(64.6% .222 41.116);
 --chart-2: oklch(60% .118 184.704);
 --chart-3: oklch(39.8% .07 227.392);
 --chart-4: oklch(82.8% .189 84.429);
 --chart-5: oklch(76.9% .188 70.08);
 --sidebar: oklch(98.5% .002 247.839);
 --sidebar-foreground: oklch(13% .028 261.692);
 --sidebar-primary: oklch(21% .034 264.665);
 --sidebar-primary-foreground: oklch(98.5% .002 247.839);
 --sidebar-accent: oklch(96.7% .003 264.542);
 --sidebar-accent-foreground: oklch(21% .034 264.665);
 --sidebar-border: oklch(92.8% .006 264.531);
 --sidebar-ring: oklch(70.7% .022 261.325);
 --font-heaters: var(--font-heaters);
 --font-anton: var(--font-anton);
 --font-better-times: var(--font-better-times);
 background-color: #242424;
 font-family: Roboto Flex, system-ui, Avenir, Helvetica, Arial, sans-serif;
 font-weight: 400;
 line-height: 1.5
}

.dark {
 --background: oklch(13% .028 261.692);
 --foreground: oklch(98.5% .002 247.839);
 --card: oklch(21% .034 264.665);
 --card-foreground: oklch(98.5% .002 247.839);
 --popover: oklch(21% .034 264.665);
 --popover-foreground: oklch(98.5% .002 247.839);
 --primary: oklch(92.8% .006 264.531);
 --primary-foreground: oklch(21% .034 264.665);
 --secondary: oklch(27.8% .033 256.848);
 --secondary-foreground: oklch(98.5% .002 247.839);
 --muted: oklch(27.8% .033 256.848);
 --muted-foreground: oklch(70.7% .022 261.325);
 --accent: oklch(27.8% .033 256.848);
 --accent-foreground: oklch(98.5% .002 247.839);
 --destructive: oklch(70.4% .191 22.216);
 --border: oklch(100% 0 0/.1);
 --input: oklch(100% 0 0/.15);
 --ring: oklch(55.1% .027 264.364);
 --chart-1: oklch(48.8% .243 264.376);
 --chart-2: oklch(69.6% .17 162.48);
 --chart-3: oklch(76.9% .188 70.08);
 --chart-4: oklch(62.7% .265 303.9);
 --chart-5: oklch(64.5% .246 16.439);
 --sidebar: oklch(21% .034 264.665);
 --sidebar-foreground: oklch(98.5% .002 247.839);
 --sidebar-primary: oklch(48.8% .243 264.376);
 --sidebar-primary-foreground: oklch(98.5% .002 247.839);
 --sidebar-accent: oklch(27.8% .033 256.848);
 --sidebar-accent-foreground: oklch(98.5% .002 247.839);
 --sidebar-border: oklch(100% 0 0/.1);
 --sidebar-ring: oklch(55.1% .027 264.364)
}

html {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 scroll-behavior: smooth
}

@property --tw-translate-x {
 syntax: "*";
 inherits: false;
 initial-value: 0
}

@property --tw-translate-y {
 syntax: "*";
 inherits: false;
 initial-value: 0
}

@property --tw-translate-z {
 syntax: "*";
 inherits: false;
 initial-value: 0
}

@property --tw-rotate-x {
 syntax: "*";
 inherits: false
}

@property --tw-rotate-y {
 syntax: "*";
 inherits: false
}

@property --tw-rotate-z {
 syntax: "*";
 inherits: false
}

@property --tw-skew-x {
 syntax: "*";
 inherits: false
}

@property --tw-skew-y {
 syntax: "*";
 inherits: false
}

@property --tw-space-y-reverse {
 syntax: "*";
 inherits: false;
 initial-value: 0
}

@property --tw-space-x-reverse {
 syntax: "*";
 inherits: false;
 initial-value: 0
}

@property --tw-border-style {
 syntax: "*";
 inherits: false;
 initial-value: solid
}

@property --tw-gradient-position {
 syntax: "*";
 inherits: false
}

@property --tw-gradient-from {
 syntax: "<color>";
 inherits: false;
 initial-value: #0000
}

@property --tw-gradient-via {
 syntax: "<color>";
 inherits: false;
 initial-value: #0000
}

@property --tw-gradient-to {
 syntax: "<color>";
 inherits: false;
 initial-value: #0000
}

@property --tw-gradient-stops {
 syntax: "*";
 inherits: false
}

@property --tw-gradient-via-stops {
 syntax: "*";
 inherits: false
}

@property --tw-gradient-from-position {
 syntax: "<length-percentage>";
 inherits: false;
 initial-value: 0%
}

@property --tw-gradient-via-position {
 syntax: "<length-percentage>";
 inherits: false;
 initial-value: 50%
}

@property --tw-gradient-to-position {
 syntax: "<length-percentage>";
 inherits: false;
 initial-value: 100%
}

@property --tw-leading {
 syntax: "*";
 inherits: false
}

@property --tw-font-weight {
 syntax: "*";
 inherits: false
}

@property --tw-tracking {
 syntax: "*";
 inherits: false
}

@property --tw-shadow {
 syntax: "*";
 inherits: false;
 initial-value: 0 0 #0000
}

@property --tw-shadow-color {
 syntax: "*";
 inherits: false
}

@property --tw-shadow-alpha {
 syntax: "<percentage>";
 inherits: false;
 initial-value: 100%
}

@property --tw-inset-shadow {
 syntax: "*";
 inherits: false;
 initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
 syntax: "*";
 inherits: false
}

@property --tw-inset-shadow-alpha {
 syntax: "<percentage>";
 inherits: false;
 initial-value: 100%
}

@property --tw-ring-color {
 syntax: "*";
 inherits: false
}

@property --tw-ring-shadow {
 syntax: "*";
 inherits: false;
 initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
 syntax: "*";
 inherits: false
}

@property --tw-inset-ring-shadow {
 syntax: "*";
 inherits: false;
 initial-value: 0 0 #0000
}

@property --tw-ring-inset {
 syntax: "*";
 inherits: false
}

@property --tw-ring-offset-width {
 syntax: "<length>";
 inherits: false;
 initial-value: 0
}

@property --tw-ring-offset-color {
 syntax: "*";
 inherits: false;
 initial-value: #fff
}

@property --tw-ring-offset-shadow {
 syntax: "*";
 inherits: false;
 initial-value: 0 0 #0000
}

@property --tw-outline-style {
 syntax: "*";
 inherits: false;
 initial-value: solid
}

@property --tw-blur {
 syntax: "*";
 inherits: false
}

@property --tw-brightness {
 syntax: "*";
 inherits: false
}

@property --tw-contrast {
 syntax: "*";
 inherits: false
}

@property --tw-grayscale {
 syntax: "*";
 inherits: false
}

@property --tw-hue-rotate {
 syntax: "*";
 inherits: false
}

@property --tw-invert {
 syntax: "*";
 inherits: false
}

@property --tw-opacity {
 syntax: "*";
 inherits: false
}

@property --tw-saturate {
 syntax: "*";
 inherits: false
}

@property --tw-sepia {
 syntax: "*";
 inherits: false
}

@property --tw-drop-shadow {
 syntax: "*";
 inherits: false
}

@property --tw-drop-shadow-color {
 syntax: "*";
 inherits: false
}

@property --tw-drop-shadow-alpha {
 syntax: "<percentage>";
 inherits: false;
 initial-value: 100%
}

@property --tw-drop-shadow-size {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-blur {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-brightness {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-contrast {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-grayscale {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-hue-rotate {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-invert {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-opacity {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-saturate {
 syntax: "*";
 inherits: false
}

@property --tw-backdrop-sepia {
 syntax: "*";
 inherits: false
}

@property --tw-duration {
 syntax: "*";
 inherits: false
}

@property --tw-ease {
 syntax: "*";
 inherits: false
}

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

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

@keyframes enter {
 0% {
  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))
 }
}