@strands.gg/accui 0.2.14 → 0.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/accui.css +2896 -1
  2. package/dist/index.d.ts +1 -3
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/nuxt/module.cjs.js +105 -1
  5. package/dist/nuxt/module.cjs.js.map +1 -1
  6. package/dist/nuxt/module.es.js +42 -32
  7. package/dist/nuxt/module.es.js.map +1 -1
  8. package/dist/nuxt/runtime/composables/useStrandsAuth.cjs.js +56 -1
  9. package/dist/nuxt/runtime/composables/useStrandsAuth.cjs.js.map +1 -1
  10. package/dist/nuxt/runtime/composables/useStrandsAuth.d.ts +23 -1
  11. package/dist/nuxt/runtime/composables/useStrandsAuth.d.ts.map +1 -1
  12. package/dist/nuxt/runtime/composables/useStrandsAuth.es.js +46 -30
  13. package/dist/nuxt/runtime/composables/useStrandsAuth.es.js.map +1 -1
  14. package/dist/nuxt/runtime/middleware/auth.global.cjs.js +41 -1
  15. package/dist/nuxt/runtime/middleware/auth.global.cjs.js.map +1 -1
  16. package/dist/nuxt/runtime/middleware/auth.global.es.js +37 -20
  17. package/dist/nuxt/runtime/middleware/auth.global.es.js.map +1 -1
  18. package/dist/nuxt/runtime/plugin.client.cjs.js +25 -1
  19. package/dist/nuxt/runtime/plugin.client.cjs.js.map +1 -1
  20. package/dist/nuxt/runtime/plugin.client.es.js +19 -10
  21. package/dist/nuxt/runtime/plugin.client.es.js.map +1 -1
  22. package/dist/nuxt/runtime/plugin.server.cjs.js +16 -1
  23. package/dist/nuxt/runtime/plugin.server.cjs.js.map +1 -1
  24. package/dist/nuxt/runtime/plugin.server.es.js +10 -8
  25. package/dist/nuxt/runtime/plugin.server.es.js.map +1 -1
  26. package/dist/nuxt-v4/module.cjs.js +112 -5
  27. package/dist/nuxt-v4/module.cjs.js.map +1 -1
  28. package/dist/nuxt-v4/module.d.ts.map +1 -1
  29. package/dist/nuxt-v4/module.es.js +47 -37
  30. package/dist/nuxt-v4/module.es.js.map +1 -1
  31. package/dist/nuxt-v4/runtime/composables/useStrandsAuth.cjs.js +69 -1
  32. package/dist/nuxt-v4/runtime/composables/useStrandsAuth.cjs.js.map +1 -1
  33. package/dist/nuxt-v4/runtime/composables/useStrandsAuth.d.ts +2 -2
  34. package/dist/nuxt-v4/runtime/composables/useStrandsAuth.d.ts.map +1 -1
  35. package/dist/nuxt-v4/runtime/composables/useStrandsAuth.es.js +57 -41
  36. package/dist/nuxt-v4/runtime/composables/useStrandsAuth.es.js.map +1 -1
  37. package/dist/nuxt-v4/runtime/middleware/auth.global.cjs.js +41 -1
  38. package/dist/nuxt-v4/runtime/middleware/auth.global.cjs.js.map +1 -1
  39. package/dist/nuxt-v4/runtime/middleware/auth.global.es.js +37 -20
  40. package/dist/nuxt-v4/runtime/middleware/auth.global.es.js.map +1 -1
  41. package/dist/nuxt-v4/runtime/plugin.client.cjs.js +25 -1
  42. package/dist/nuxt-v4/runtime/plugin.client.cjs.js.map +1 -1
  43. package/dist/nuxt-v4/runtime/plugin.client.es.js +19 -10
  44. package/dist/nuxt-v4/runtime/plugin.client.es.js.map +1 -1
  45. package/dist/nuxt-v4/runtime/plugin.server.cjs.js +21 -1
  46. package/dist/nuxt-v4/runtime/plugin.server.cjs.js.map +1 -1
  47. package/dist/nuxt-v4/runtime/plugin.server.es.js +13 -10
  48. package/dist/nuxt-v4/runtime/plugin.server.es.js.map +1 -1
  49. package/dist/strands-auth-ui.cjs.js +10820 -7
  50. package/dist/strands-auth-ui.cjs.js.map +1 -1
  51. package/dist/strands-auth-ui.es.js +8622 -3594
  52. package/dist/strands-auth-ui.es.js.map +1 -1
  53. package/dist/types/index.d.ts +13 -0
  54. package/dist/types/index.d.ts.map +1 -1
  55. package/dist/useStrandsAuth-CZ7inSUU.js +527 -0
  56. package/dist/useStrandsAuth-CZ7inSUU.js.map +1 -0
  57. package/dist/useStrandsAuth-fa48rk-t.cjs +526 -0
  58. package/dist/useStrandsAuth-fa48rk-t.cjs.map +1 -0
  59. package/dist/useStrandsConfig-Cbpo8XZg.js +154 -0
  60. package/dist/useStrandsConfig-Cbpo8XZg.js.map +1 -0
  61. package/dist/useStrandsConfig-CtKyh8RT.cjs +153 -0
  62. package/dist/useStrandsConfig-CtKyh8RT.cjs.map +1 -0
  63. package/dist/vue/components/SignedIn.vue.d.ts.map +1 -1
  64. package/dist/vue/components/StrandsAuth.vue.d.ts.map +1 -1
  65. package/dist/vue/components/StrandsBackupCodesModal.vue.d.ts.map +1 -1
  66. package/dist/vue/components/StrandsConfirmModal.vue.d.ts.map +1 -1
  67. package/dist/vue/components/StrandsEmailMfaSetupModal.vue.d.ts.map +1 -1
  68. package/dist/vue/components/StrandsHardwareKeySetupModal.vue.d.ts +12 -0
  69. package/dist/vue/components/StrandsHardwareKeySetupModal.vue.d.ts.map +1 -0
  70. package/dist/vue/components/StrandsMFASetup.vue.d.ts +10 -5
  71. package/dist/vue/components/StrandsMFASetup.vue.d.ts.map +1 -1
  72. package/dist/vue/components/StrandsMfaModal.vue.d.ts.map +1 -1
  73. package/dist/vue/components/StrandsMfaVerification.vue.d.ts +17 -0
  74. package/dist/vue/components/StrandsMfaVerification.vue.d.ts.map +1 -0
  75. package/dist/vue/components/StrandsSecuredFooter.vue.d.ts +16 -1
  76. package/dist/vue/components/StrandsSecuredFooter.vue.d.ts.map +1 -1
  77. package/dist/vue/components/StrandsSignIn.vue.d.ts.map +1 -1
  78. package/dist/vue/components/StrandsTotpSetupModal.vue.d.ts.map +1 -1
  79. package/dist/vue/components/StrandsUserProfile.vue.d.ts.map +1 -1
  80. package/dist/vue/components/index.d.ts +2 -0
  81. package/dist/vue/components/index.d.ts.map +1 -1
  82. package/dist/vue/composables/useStrandsAuth.d.ts +22 -0
  83. package/dist/vue/composables/useStrandsAuth.d.ts.map +1 -1
  84. package/dist/vue/composables/useStrandsConfig.d.ts.map +1 -1
  85. package/dist/vue/ui/UiCard.vue.d.ts.map +1 -1
  86. package/dist/vue/ui/UiModal.vue.d.ts +41 -0
  87. package/dist/vue/ui/UiModal.vue.d.ts.map +1 -0
  88. package/package.json +3 -1
  89. package/dist/useStrandsAuth-DE3JScoq.cjs +0 -2
  90. package/dist/useStrandsAuth-DE3JScoq.cjs.map +0 -1
  91. package/dist/useStrandsAuth-DVIEH9Nm.js +0 -248
  92. package/dist/useStrandsAuth-DVIEH9Nm.js.map +0 -1
  93. package/dist/useStrandsConfig-BIACvByo.cjs +0 -2
  94. package/dist/useStrandsConfig-BIACvByo.cjs.map +0 -1
  95. package/dist/useStrandsConfig-DK37s9ZC.js +0 -120
  96. package/dist/useStrandsConfig-DK37s9ZC.js.map +0 -1
package/dist/accui.css CHANGED
@@ -1 +1,2896 @@
1
- /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-amber-600: oklch(66.6% .179 58.318);--color-yellow-50: oklch(98.7% .026 102.212);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-200: oklch(94.5% .129 101.54);--color-yellow-300: oklch(90.5% .182 98.111);--color-yellow-400: oklch(85.2% .199 91.936);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-600: oklch(68.1% .162 75.834);--color-yellow-700: oklch(55.4% .135 66.442);--color-yellow-800: oklch(47.6% .114 61.907);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-emerald-300: oklch(84.5% .143 164.978);--color-emerald-400: oklch(76.5% .177 163.223);--color-emerald-600: oklch(59.6% .145 163.225);--color-blue-50: oklch(97% .014 254.604);--color-blue-200: oklch(88.2% .059 254.128);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-blue-900: oklch(37.9% .146 265.522);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-neutral-50: oklch(98.5% 0 0);--color-neutral-100: oklch(97% 0 0);--color-neutral-200: oklch(92.2% 0 0);--color-neutral-300: oklch(87% 0 0);--color-neutral-400: oklch(70.8% 0 0);--color-neutral-500: oklch(55.6% 0 0);--color-neutral-600: oklch(43.9% 0 0);--color-neutral-700: oklch(37.1% 0 0);--color-neutral-900: oklch(20.5% 0 0);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-md: 28rem;--container-xl: 36rem;--container-2xl: 42rem;--container-4xl: 56rem;--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-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--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-lg: 16px;--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);--strands-accent: #EA00A8;--color-strands-50: hsl(from var(--strands-accent) h s calc(l/20) );--color-strands-100: hsl(from var(--strands-accent) h s calc(l*.1) );--color-strands-400: hsl(from var(--strands-accent) h s calc(l*.8) );--color-strands-500: hsl(from var(--strands-accent) h s l );--color-strands-600: hsl(from var(--strands-accent) h s calc(l*1.2) );--color-strands-700: hsl(from var(--strands-accent) h s calc(l*1.4) )}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::-moz-placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){{color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){{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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.bottom-\[-2px\]{bottom:-2px}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.float-right{float:right}.container{width:100%}@media (width >= 40rem){.container{max-width:40rem}}@media (width >= 48rem){.container{max-width:48rem}}@media (width >= 64rem){.container{max-width:64rem}}@media (width >= 80rem){.container{max-width:80rem}}@media (width >= 96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.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-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-48{height:calc(var(--spacing) * 48)}.h-\[3px\]{height:3px}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-auto{width:auto!important}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-100{min-width:calc(var(--spacing) * 100)}.min-w-xl{min-width:var(--container-xl)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform: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)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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)}: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-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-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-blue-200{border-color:var(--color-blue-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-strands-500{border-color:var(--color-strands-500)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:color-mix(in srgb,#000 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-strands-100{background-color:var(--color-strands-100)}.bg-strands-500{background-color:var(--color-strands-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-neutral-50{--tw-gradient-from: var(--color-neutral-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-strands-400{--tw-gradient-from: var(--color-strands-400);--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-neutral-100{--tw-gradient-to: var(--color-neutral-100);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-strands-600{--tw-gradient-to: var(--color-strands-600);--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))}.fill-current{fill:currentcolor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.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)}.break-all{word-break:break-all}.text-amber-600{color:var(--color-amber-600)}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-900{color:var(--color-neutral-900)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-strands-500{color:var(--color-strands-500)}.text-strands-600{color:var(--color-strands-600)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-strands-500{text-decoration-color:var(--color-strands-500)}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0%}.opacity-25{opacity:25%}.opacity-60{opacity:60%}.opacity-75{opacity:75%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));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, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));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, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));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, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-lg{--tw-backdrop-blur: blur(var(--blur-lg));-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-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\]{--tw-ease: cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover: hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:100%}}@media (hover: hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}@media (hover: hover){.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}}@media (hover: hover){.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}}@media (hover: hover){.hover\:bg-strands-50:hover{background-color:var(--color-strands-50)}}@media (hover: hover){.hover\:bg-strands-500:hover{background-color:var(--color-strands-500)}}@media (hover: hover){.hover\:bg-strands-600:hover{background-color:var(--color-strands-600)}}@media (hover: hover){.hover\:text-blue-500:hover{color:var(--color-blue-500)}}@media (hover: hover){.hover\:text-gray-600:hover{color:var(--color-gray-600)}}@media (hover: hover){.hover\:text-gray-700:hover{color:var(--color-gray-700)}}@media (hover: hover){.hover\:text-gray-800:hover{color:var(--color-gray-800)}}@media (hover: hover){.hover\:text-green-500:hover{color:var(--color-green-500)}}@media (hover: hover){.hover\:text-neutral-700:hover{color:var(--color-neutral-700)}}@media (hover: hover){.hover\:text-red-500:hover{color:var(--color-red-500)}}@media (hover: hover){.hover\:text-strands-600:hover{color:var(--color-strands-600)}}@media (hover: hover){.hover\:text-strands-700:hover{color:var(--color-strands-700)}}@media (hover: hover){.hover\:text-white:hover{color:var(--color-white)}}@media (hover: hover){.hover\:text-yellow-500:hover{color:var(--color-yellow-500)}}@media (hover: hover){.hover\:shadow-sm:hover{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-strands-500:focus{border-color:var(--color-strands-500)}.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-gray-500:focus{--tw-ring-color: var(--color-gray-500)}.focus\:ring-strands-500:focus{--tw-ring-color: var(--color-strands-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.focus-visible\:border-red-500:focus-visible{border-color:var(--color-red-500)}.focus-visible\:border-strands-500:focus-visible{border-color:var(--color-strands-500)}.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-red-500:focus-visible{--tw-ring-color: var(--color-red-500)}.focus-visible\:ring-strands-500:focus-visible{--tw-ring-color: var(--color-strands-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color: var(--color-white)}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-50:disabled{background-color:var(--color-gray-50)}.disabled\:text-gray-500:disabled{color:var(--color-gray-500)}.disabled\:opacity-50:disabled{opacity:50%}@media (width >= 40rem){.sm\:flex-row{flex-direction:row}}@media (width >= 48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme: dark){.dark\:text-gray-300{color:var(--color-gray-300)}}}@layer components{.btn-primary{border-radius:var(--radius-lg);background-color:var(--color-strands-500);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.btn-primary:hover{background-color:var(--color-strands-600)}}.btn-secondary{border-radius:var(--radius-lg);background-color:var(--color-gray-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);color:var(--color-gray-800);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.btn-secondary:hover{background-color:var(--color-gray-300)}}.btn-oauth{display:flex;width:100%;align-items:center;justify-content:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);color:var(--color-gray-700);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media (hover: hover){.btn-oauth:hover{border-color:var(--color-strands-500)}}@media (hover: hover){.btn-oauth:hover{background-color:var(--color-gray-50)}}.card-modern{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 8);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur: blur(var(--blur-lg));-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,)}.text-gradient{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: var(--color-strands-500);--tw-gradient-to: var(--color-strands-600);--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));-webkit-background-clip:text;background-clip:text;color:transparent}.animate-slide-up{animation:slideUp .3s ease-out}.animate-fade-in{animation:fadeIn .2s ease-out}.divider-with-text{position:relative;margin-block:calc(var(--spacing) * 6);display:flex;align-items:center}.divider-with-text:before{height:1px;flex:1;background-color:var(--color-gray-300);content:""}.divider-with-text:after{height:1px;flex:1;background-color:var(--color-gray-300);content:""}.divider-text{padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.input-modern{width:100%;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);color:var(--color-gray-900);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}.input-modern::-moz-placeholder{color:var(--color-gray-500)}.input-modern::placeholder{color:var(--color-gray-500)}.input-modern:focus{border-color:var(--color-strands-500)}.input-modern: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)}.input-modern:focus{--tw-ring-color: color-mix(in srgb, hsl(from var(--strands-accent) h s l ) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.input-modern:focus{--tw-ring-color: color-mix(in oklab, var(--color-strands-500) 20%, transparent)}}.input-modern:focus{--tw-outline-style: none;outline-style:none}.input-error{border-color:var(--color-red-300)}.input-error:focus{border-color:var(--color-red-500)}.input-error:focus{--tw-ring-color: color-mix(in srgb, oklch(63.7% .237 25.331) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.input-error:focus{--tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.label-modern{margin-bottom:calc(var(--spacing) * 2);display:block;font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.alert-success{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-200);background-color:var(--color-green-50);padding:calc(var(--spacing) * 4);color:var(--color-green-800)}.alert-error{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-200);background-color:var(--color-red-50);padding:calc(var(--spacing) * 4);color:var(--color-red-800)}.alert-warning{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-200);background-color:var(--color-yellow-50);padding:calc(var(--spacing) * 4);color:var(--color-yellow-800)}.shadow-large{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-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-font-weight{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-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}}@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-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-font-weight: 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}}}input[type=email][data-v-e87dc617],input[type=password][data-v-e87dc617],input[type=text][data-v-e87dc617],input[type=number][data-v-e87dc617],input[type=tel][data-v-e87dc617],input[type=url][data-v-e87dc617]{background-color:#fff!important;background-image:none!important;border:1px solid rgb(209 213 219)!important;border-radius:.5rem!important;box-shadow:0 1px 2px #0000000d!important;color:#000!important;font-family:inherit!important;font-size:.875rem!important;line-height:1.25rem!important;padding:.625rem .75rem!important;transition:border-color .2s,box-shadow .2s!important}input[type=email][data-v-e87dc617]:focus,input[type=password][data-v-e87dc617]:focus,input[type=text][data-v-e87dc617]:focus,input[type=number][data-v-e87dc617]:focus,input[type=tel][data-v-e87dc617]:focus,input[type=url][data-v-e87dc617]:focus{border-color:#ea00a8!important;box-shadow:0 0 0 3px #ea00a81a!important;outline:none!important}input.border-red-300[data-v-e87dc617]{border-color:#fca5a5!important}input.border-red-300[data-v-e87dc617]:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}input[data-v-e87dc617]:disabled{background-color:#f9fafb!important;color:#6b7280!important;cursor:not-allowed!important}input[data-bwautofill][data-v-e87dc617],input[data-lpignore][data-v-e87dc617],input[data-form-type][data-v-e87dc617],input[data-1p-ignore][data-v-e87dc617]{background-color:#fff!important;background-image:none!important;border:1px solid rgb(209 213 219)!important;box-shadow:0 1px 2px #0000000d!important}input[data-v-e87dc617]:-webkit-autofill,input[data-v-e87dc617]:-webkit-autofill:hover,input[data-v-e87dc617]:-webkit-autofill:focus,input[data-v-e87dc617]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:black!important;border:1px solid rgb(209 213 219)!important;border-radius:.5rem!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}input[type=password][data-v-e87dc617]{padding-right:2.5rem!important}input[data-v-e87dc617]::-ms-reveal,input[data-v-e87dc617]::-ms-clear{display:none!important}input.px-3.py-2[data-v-e87dc617]{padding:.5rem .75rem!important}input.px-3.py-2\.5[data-v-e87dc617]{padding:.625rem .75rem!important}input.px-4.py-3[data-v-e87dc617]{padding:.75rem 1rem!important}input.pl-10[data-v-e87dc617]{padding-left:2.5rem!important}input.pr-10[data-v-e87dc617]{padding-right:2.5rem!important}@keyframes draw-line-32cc7309{0%{stroke-dasharray:100 1000;stroke-dashoffset:1000}to{stroke-dasharray:100 1000;stroke-dashoffset:-100}}.animate-draw-line[data-v-32cc7309]{animation:draw-line-32cc7309 .8s linear infinite}.fade-enter-active[data-v-4583e1b6],.fade-leave-active[data-v-4583e1b6]{transition:opacity .35s cubic-bezier(.16,1,.3,1)}.fade-enter-from[data-v-4583e1b6],.fade-leave-to[data-v-4583e1b6]{opacity:0}.height-fade-enter-active[data-v-4583e1b6],.height-fade-leave-active[data-v-4583e1b6]{overflow:hidden}@supports (interpolate-size: allow-keywords){.height-fade-enter-active[data-v-4583e1b6],.height-fade-leave-active[data-v-4583e1b6]{interpolate-size:allow-keywords}.height-fade-enter-active[data-v-4583e1b6],.height-fade-leave-active[data-v-4583e1b6]{transition:opacity .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.height-fade-enter-from[data-v-4583e1b6]{opacity:0;height:0;transform:scale(.99) translateY(-3px)}.height-fade-leave-to[data-v-4583e1b6]{opacity:0;height:0;transform:scale(.995) translateY(1px)}.height-fade-enter-to[data-v-4583e1b6],.height-fade-leave-from[data-v-4583e1b6]{opacity:1;height:auto;transform:scale(1) translateY(0)}}@supports not (interpolate-size: allow-keywords){.height-fade-enter-active[data-v-4583e1b6],.height-fade-leave-active[data-v-4583e1b6]{transition:opacity .6s cubic-bezier(.16,1,.3,1),max-height .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.height-fade-enter-from[data-v-4583e1b6]{opacity:0;max-height:0;transform:scale(.99) translateY(-3px)}.height-fade-leave-to[data-v-4583e1b6]{opacity:0;max-height:0;transform:scale(.995) translateY(1px)}.height-fade-enter-to[data-v-4583e1b6],.height-fade-leave-from[data-v-4583e1b6]{opacity:1;max-height:300px;transform:scale(1) translateY(0)}}.support-fade-enter-active[data-v-4583e1b6],.support-fade-leave-active[data-v-4583e1b6]{transition:all .4s cubic-bezier(.16,1,.3,1)}.support-fade-enter-from[data-v-4583e1b6]{opacity:0;transform:scale(.97) translateY(8px)}.support-fade-leave-to[data-v-4583e1b6]{opacity:0;transform:scale(.99) translateY(-4px)}.support-fade-enter-to[data-v-4583e1b6],.support-fade-leave-from[data-v-4583e1b6]{opacity:1;transform:scale(1) translateY(0)}.expand-enter-active[data-v-4583e1b6],.expand-leave-active[data-v-4583e1b6]{overflow:hidden}@supports (interpolate-size: allow-keywords){.expand-enter-active[data-v-4583e1b6],.expand-leave-active[data-v-4583e1b6]{interpolate-size:allow-keywords}.expand-enter-active[data-v-4583e1b6],.expand-leave-active[data-v-4583e1b6]{transition:opacity .55s cubic-bezier(.16,1,.3,1),height .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.expand-enter-from[data-v-4583e1b6]{opacity:0;height:0;transform:scale(.99) translateY(-2px)}.expand-leave-to[data-v-4583e1b6]{opacity:0;height:0;transform:scale(.997) translateY(1px)}.expand-enter-to[data-v-4583e1b6],.expand-leave-from[data-v-4583e1b6]{opacity:1;height:auto;transform:scale(1) translateY(0)}}@supports not (interpolate-size: allow-keywords){.expand-enter-active[data-v-4583e1b6],.expand-leave-active[data-v-4583e1b6]{transition:opacity .55s cubic-bezier(.16,1,.3,1),max-height .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.expand-enter-from[data-v-4583e1b6]{opacity:0;max-height:0;transform:scale(.99) translateY(-2px)}.expand-leave-to[data-v-4583e1b6]{opacity:0;max-height:0;transform:scale(.997) translateY(1px)}.expand-enter-to[data-v-4583e1b6],.expand-leave-from[data-v-4583e1b6]{opacity:1;max-height:150px;transform:scale(1) translateY(0)}}@keyframes pulse-4583e1b6{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse[data-v-4583e1b6]{animation:pulse-4583e1b6 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes slide-up-4583e1b6{0%{opacity:0;transform:translateY(24px) scale(.96);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.animate-slide-up[data-v-4583e1b6]{animation:slide-up-4583e1b6 .6s cubic-bezier(.25,.46,.45,.94)}@keyframes fade-in-4583e1b6{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in[data-v-4583e1b6]{animation:fade-in-4583e1b6 .4s cubic-bezier(.25,.46,.45,.94)}.email-field-spacing[data-v-4583e1b6]{transition:margin-bottom .5s cubic-bezier(.16,1,.3,1)}.email-field-spacing.has-password[data-v-4583e1b6]{margin-bottom:1rem}.email-field-spacing.no-password[data-v-4583e1b6]{margin-bottom:0}.password-fade-enter-active[data-v-4583e1b6],.password-fade-leave-active[data-v-4583e1b6]{overflow:hidden}@supports (interpolate-size: allow-keywords){.password-fade-enter-active[data-v-4583e1b6],.password-fade-leave-active[data-v-4583e1b6]{interpolate-size:allow-keywords}.password-fade-enter-active[data-v-4583e1b6],.password-fade-leave-active[data-v-4583e1b6]{transition:opacity .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),margin .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.password-fade-enter-from[data-v-4583e1b6]{opacity:0;height:0;margin-top:0;margin-bottom:0;transform:scale(.99) translateY(-2px)}.password-fade-leave-to[data-v-4583e1b6]{opacity:0;height:0;margin-top:0;margin-bottom:0;transform:scale(.995) translateY(1px)}.password-fade-enter-to[data-v-4583e1b6],.password-fade-leave-from[data-v-4583e1b6]{opacity:1;height:auto;transform:scale(1) translateY(0)}}@supports not (interpolate-size: allow-keywords){.password-fade-enter-active[data-v-4583e1b6],.password-fade-leave-active[data-v-4583e1b6]{transition:opacity .5s cubic-bezier(.16,1,.3,1),max-height .5s cubic-bezier(.16,1,.3,1),margin .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.password-fade-enter-from[data-v-4583e1b6]{opacity:0;max-height:0;margin-top:0;margin-bottom:0;transform:scale(.99) translateY(-2px)}.password-fade-leave-to[data-v-4583e1b6]{opacity:0;max-height:0;margin-top:0;margin-bottom:0;transform:scale(.995) translateY(1px)}.password-fade-enter-to[data-v-4583e1b6],.password-fade-leave-from[data-v-4583e1b6]{opacity:1;max-height:120px;transform:scale(1) translateY(0)}}.animate-slide-up[data-v-4ad0f393]{animation:slideUp-4ad0f393 .3s ease-out}@keyframes slideUp-4ad0f393{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-up[data-v-a0000790]{animation:slideUp-a0000790 .3s ease-out}@keyframes slideUp-a0000790{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-up[data-v-51c8e6c1]{animation:slideUp-51c8e6c1 .3s ease-out}@keyframes slideUp-51c8e6c1{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-up[data-v-edf8e979]{animation:slideUp-edf8e979 .3s ease-out}@keyframes slideUp-edf8e979{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-up[data-v-d54040d3]{animation:slideUp-d54040d3 .3s ease-out}@keyframes slideUp-d54040d3{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.expand-enter-active[data-v-9670e06b]{transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.expand-leave-active[data-v-9670e06b]{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.expand-enter-from[data-v-9670e06b],.expand-leave-to[data-v-9670e06b]{max-height:0;opacity:0;transform:translateY(-10px)}.expand-enter-to[data-v-9670e06b],.expand-leave-from[data-v-9670e06b]{max-height:300px;opacity:1;transform:translateY(0)}
1
+ /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-red-50: oklch(97.1% 0.013 17.38);
11
+ --color-red-100: oklch(93.6% 0.032 17.717);
12
+ --color-red-200: oklch(88.5% 0.062 18.334);
13
+ --color-red-300: oklch(80.8% 0.114 19.571);
14
+ --color-red-400: oklch(70.4% 0.191 22.216);
15
+ --color-red-500: oklch(63.7% 0.237 25.331);
16
+ --color-red-600: oklch(57.7% 0.245 27.325);
17
+ --color-red-700: oklch(50.5% 0.213 27.518);
18
+ --color-red-800: oklch(44.4% 0.177 26.899);
19
+ --color-yellow-50: oklch(98.7% 0.026 102.212);
20
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
21
+ --color-yellow-200: oklch(94.5% 0.129 101.54);
22
+ --color-yellow-300: oklch(90.5% 0.182 98.111);
23
+ --color-yellow-400: oklch(85.2% 0.199 91.936);
24
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
25
+ --color-yellow-600: oklch(68.1% 0.162 75.834);
26
+ --color-yellow-700: oklch(55.4% 0.135 66.442);
27
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
28
+ --color-green-50: oklch(98.2% 0.018 155.826);
29
+ --color-green-100: oklch(96.2% 0.044 156.743);
30
+ --color-green-200: oklch(92.5% 0.084 155.995);
31
+ --color-green-400: oklch(79.2% 0.209 151.711);
32
+ --color-green-500: oklch(72.3% 0.219 149.579);
33
+ --color-green-600: oklch(62.7% 0.194 149.214);
34
+ --color-green-700: oklch(52.7% 0.154 150.069);
35
+ --color-green-800: oklch(44.8% 0.119 151.328);
36
+ --color-green-900: oklch(39.3% 0.095 152.535);
37
+ --color-emerald-300: oklch(84.5% 0.143 164.978);
38
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
39
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
40
+ --color-blue-50: oklch(97% 0.014 254.604);
41
+ --color-blue-100: oklch(93.2% 0.032 255.585);
42
+ --color-blue-200: oklch(88.2% 0.059 254.128);
43
+ --color-blue-400: oklch(70.7% 0.165 254.624);
44
+ --color-blue-500: oklch(62.3% 0.214 259.815);
45
+ --color-blue-600: oklch(54.6% 0.245 262.881);
46
+ --color-blue-700: oklch(48.8% 0.243 264.376);
47
+ --color-blue-800: oklch(42.4% 0.199 265.638);
48
+ --color-blue-900: oklch(37.9% 0.146 265.522);
49
+ --color-purple-50: oklch(97.7% 0.014 308.299);
50
+ --color-purple-100: oklch(94.6% 0.033 307.174);
51
+ --color-gray-50: oklch(98.5% 0.002 247.839);
52
+ --color-gray-100: oklch(96.7% 0.003 264.542);
53
+ --color-gray-200: oklch(92.8% 0.006 264.531);
54
+ --color-gray-300: oklch(87.2% 0.01 258.338);
55
+ --color-gray-400: oklch(70.7% 0.022 261.325);
56
+ --color-gray-500: oklch(55.1% 0.027 264.364);
57
+ --color-gray-600: oklch(44.6% 0.03 256.802);
58
+ --color-gray-700: oklch(37.3% 0.034 259.733);
59
+ --color-gray-800: oklch(27.8% 0.033 256.848);
60
+ --color-gray-900: oklch(21% 0.034 264.665);
61
+ --color-neutral-50: oklch(98.5% 0 0);
62
+ --color-neutral-100: oklch(97% 0 0);
63
+ --color-neutral-200: oklch(92.2% 0 0);
64
+ --color-neutral-300: oklch(87% 0 0);
65
+ --color-neutral-400: oklch(70.8% 0 0);
66
+ --color-neutral-500: oklch(55.6% 0 0);
67
+ --color-neutral-600: oklch(43.9% 0 0);
68
+ --color-neutral-700: oklch(37.1% 0 0);
69
+ --color-neutral-900: oklch(20.5% 0 0);
70
+ --color-black: #000;
71
+ --color-white: #fff;
72
+ --spacing: 0.25rem;
73
+ --container-sm: 24rem;
74
+ --container-md: 28rem;
75
+ --container-lg: 32rem;
76
+ --container-2xl: 42rem;
77
+ --container-4xl: 56rem;
78
+ --text-xs: 0.75rem;
79
+ --text-xs--line-height: calc(1 / 0.75);
80
+ --text-sm: 0.875rem;
81
+ --text-sm--line-height: calc(1.25 / 0.875);
82
+ --text-base: 1rem;
83
+ --text-base--line-height: calc(1.5 / 1);
84
+ --text-lg: 1.125rem;
85
+ --text-lg--line-height: calc(1.75 / 1.125);
86
+ --text-xl: 1.25rem;
87
+ --text-xl--line-height: calc(1.75 / 1.25);
88
+ --text-2xl: 1.5rem;
89
+ --text-2xl--line-height: calc(2 / 1.5);
90
+ --text-3xl: 1.875rem;
91
+ --text-3xl--line-height: calc(2.25 / 1.875);
92
+ --text-4xl: 2.25rem;
93
+ --text-4xl--line-height: calc(2.5 / 2.25);
94
+ --text-6xl: 3.75rem;
95
+ --text-6xl--line-height: 1;
96
+ --font-weight-medium: 500;
97
+ --font-weight-semibold: 600;
98
+ --font-weight-bold: 700;
99
+ --radius-md: 0.375rem;
100
+ --radius-lg: 0.5rem;
101
+ --radius-xl: 0.75rem;
102
+ --radius-2xl: 1rem;
103
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
104
+ --animate-spin: spin 1s linear infinite;
105
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
106
+ --blur-lg: 16px;
107
+ --default-transition-duration: 150ms;
108
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
109
+ --default-font-family: var(--font-sans);
110
+ --default-mono-font-family: var(--font-mono);
111
+ --strands-accent: #EA00A8;
112
+ --color-strands-50: hsl(from var(--strands-accent) h s calc(l * 0.05));
113
+ --color-strands-100: hsl(from var(--strands-accent) h s calc(l * 0.1));
114
+ --color-strands-400: hsl(from var(--strands-accent) h s calc(l * 0.8));
115
+ --color-strands-500: hsl(from var(--strands-accent) h s calc(l));
116
+ --color-strands-600: hsl(from var(--strands-accent) h s calc(l * 1.2));
117
+ --color-strands-700: hsl(from var(--strands-accent) h s calc(l * 1.4));
118
+ --color-strands-800: hsl(from var(--strands-accent) h s calc(l * 1.6));
119
+ --color-strands-900: hsl(from var(--strands-accent) h s calc(l * 1.8));
120
+ }
121
+ }
122
+ @layer base {
123
+ *,
124
+ ::after,
125
+ ::before,
126
+ ::backdrop,
127
+ ::file-selector-button {
128
+ box-sizing: border-box;
129
+ margin: 0;
130
+ padding: 0;
131
+ border: 0 solid;
132
+ }
133
+ html,
134
+ :host {
135
+ line-height: 1.5;
136
+ -webkit-text-size-adjust: 100%;
137
+ -moz-tab-size: 4;
138
+ -o-tab-size: 4;
139
+ tab-size: 4;
140
+ 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");
141
+ font-feature-settings: var(--default-font-feature-settings, normal);
142
+ font-variation-settings: var(--default-font-variation-settings, normal);
143
+ -webkit-tap-highlight-color: transparent;
144
+ }
145
+ hr {
146
+ height: 0;
147
+ color: inherit;
148
+ border-top-width: 1px;
149
+ }
150
+ abbr:where([title]) {
151
+ -webkit-text-decoration: underline dotted;
152
+ text-decoration: underline dotted;
153
+ }
154
+ h1,
155
+ h2,
156
+ h3,
157
+ h4,
158
+ h5,
159
+ h6 {
160
+ font-size: inherit;
161
+ font-weight: inherit;
162
+ }
163
+ a {
164
+ color: inherit;
165
+ -webkit-text-decoration: inherit;
166
+ text-decoration: inherit;
167
+ }
168
+ b,
169
+ strong {
170
+ font-weight: bolder;
171
+ }
172
+ code,
173
+ kbd,
174
+ samp,
175
+ pre {
176
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
177
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
178
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
179
+ font-size: 1em;
180
+ }
181
+ small {
182
+ font-size: 80%;
183
+ }
184
+ sub,
185
+ sup {
186
+ font-size: 75%;
187
+ line-height: 0;
188
+ position: relative;
189
+ vertical-align: baseline;
190
+ }
191
+ sub {
192
+ bottom: -0.25em;
193
+ }
194
+ sup {
195
+ top: -0.5em;
196
+ }
197
+ table {
198
+ text-indent: 0;
199
+ border-color: inherit;
200
+ border-collapse: collapse;
201
+ }
202
+ :-moz-focusring {
203
+ outline: auto;
204
+ }
205
+ progress {
206
+ vertical-align: baseline;
207
+ }
208
+ summary {
209
+ display: list-item;
210
+ }
211
+ ol,
212
+ ul,
213
+ menu {
214
+ list-style: none;
215
+ }
216
+ img,
217
+ svg,
218
+ video,
219
+ canvas,
220
+ audio,
221
+ iframe,
222
+ embed,
223
+ object {
224
+ display: block;
225
+ vertical-align: middle;
226
+ }
227
+ img,
228
+ video {
229
+ max-width: 100%;
230
+ height: auto;
231
+ }
232
+ button,
233
+ input,
234
+ select,
235
+ optgroup,
236
+ textarea,
237
+ ::file-selector-button {
238
+ font: inherit;
239
+ font-feature-settings: inherit;
240
+ font-variation-settings: inherit;
241
+ letter-spacing: inherit;
242
+ color: inherit;
243
+ border-radius: 0;
244
+ background-color: transparent;
245
+ opacity: 1;
246
+ }
247
+ :where(select:is([multiple], [size])) optgroup {
248
+ font-weight: bolder;
249
+ }
250
+ :where(select:is([multiple], [size])) optgroup option {
251
+ padding-inline-start: 20px;
252
+ }
253
+ ::file-selector-button {
254
+ margin-inline-end: 4px;
255
+ }
256
+ ::-moz-placeholder {
257
+ opacity: 1;
258
+ }
259
+ ::placeholder {
260
+ opacity: 1;
261
+ }
262
+ @supports (not (-webkit-appearance: -apple-pay-button)) or
263
+ (contain-intrinsic-size: 1px) {
264
+ ::-moz-placeholder {
265
+ color: currentcolor;
266
+ @supports (color: color-mix(in lab, red, red)) {
267
+ color: color-mix(in oklab, currentcolor 50%, transparent);
268
+ }
269
+ }
270
+ ::placeholder {
271
+ color: currentcolor;
272
+ @supports (color: color-mix(in lab, red, red)) {
273
+ color: color-mix(in oklab, currentcolor 50%, transparent);
274
+ }
275
+ }
276
+ }
277
+ textarea {
278
+ resize: vertical;
279
+ }
280
+ ::-webkit-search-decoration {
281
+ -webkit-appearance: none;
282
+ }
283
+ ::-webkit-date-and-time-value {
284
+ min-height: 1lh;
285
+ text-align: inherit;
286
+ }
287
+ ::-webkit-datetime-edit {
288
+ display: inline-flex;
289
+ }
290
+ ::-webkit-datetime-edit-fields-wrapper {
291
+ padding: 0;
292
+ }
293
+ ::-webkit-datetime-edit,
294
+ ::-webkit-datetime-edit-year-field,
295
+ ::-webkit-datetime-edit-month-field,
296
+ ::-webkit-datetime-edit-day-field,
297
+ ::-webkit-datetime-edit-hour-field,
298
+ ::-webkit-datetime-edit-minute-field,
299
+ ::-webkit-datetime-edit-second-field,
300
+ ::-webkit-datetime-edit-millisecond-field,
301
+ ::-webkit-datetime-edit-meridiem-field {
302
+ padding-block: 0;
303
+ }
304
+ :-moz-ui-invalid {
305
+ box-shadow: none;
306
+ }
307
+ button,
308
+ input:where([type="button"], [type="reset"], [type="submit"]),
309
+ ::file-selector-button {
310
+ -webkit-appearance: button;
311
+ -moz-appearance: button;
312
+ appearance: button;
313
+ }
314
+ ::-webkit-inner-spin-button,
315
+ ::-webkit-outer-spin-button {
316
+ height: auto;
317
+ }
318
+ [hidden]:where(:not([hidden="until-found"])) {
319
+ display: none !important;
320
+ }
321
+ }
322
+ @layer utilities {
323
+ .pointer-events-none {
324
+ pointer-events: none;
325
+ }
326
+ .visible {
327
+ visibility: visible;
328
+ }
329
+ .sr-only {
330
+ position: absolute;
331
+ width: 1px;
332
+ height: 1px;
333
+ padding: 0;
334
+ margin: -1px;
335
+ overflow: hidden;
336
+ clip: rect(0, 0, 0, 0);
337
+ white-space: nowrap;
338
+ border-width: 0;
339
+ }
340
+ .absolute {
341
+ position: absolute;
342
+ }
343
+ .fixed {
344
+ position: fixed;
345
+ }
346
+ .relative {
347
+ position: relative;
348
+ }
349
+ .inset-0 {
350
+ inset: calc(var(--spacing) * 0);
351
+ }
352
+ .inset-y-0 {
353
+ inset-block: calc(var(--spacing) * 0);
354
+ }
355
+ .right-0 {
356
+ right: calc(var(--spacing) * 0);
357
+ }
358
+ .bottom-\[-2px\] {
359
+ bottom: -2px;
360
+ }
361
+ .left-0 {
362
+ left: calc(var(--spacing) * 0);
363
+ }
364
+ .float-right {
365
+ float: right;
366
+ }
367
+ .container {
368
+ width: 100%;
369
+ @media (width >= 40rem) {
370
+ max-width: 40rem;
371
+ }
372
+ @media (width >= 48rem) {
373
+ max-width: 48rem;
374
+ }
375
+ @media (width >= 64rem) {
376
+ max-width: 64rem;
377
+ }
378
+ @media (width >= 80rem) {
379
+ max-width: 80rem;
380
+ }
381
+ @media (width >= 96rem) {
382
+ max-width: 96rem;
383
+ }
384
+ }
385
+ .mx-auto {
386
+ margin-inline: auto;
387
+ }
388
+ .mt-0\.5 {
389
+ margin-top: calc(var(--spacing) * 0.5);
390
+ }
391
+ .mt-1 {
392
+ margin-top: calc(var(--spacing) * 1);
393
+ }
394
+ .mt-2 {
395
+ margin-top: calc(var(--spacing) * 2);
396
+ }
397
+ .mt-3 {
398
+ margin-top: calc(var(--spacing) * 3);
399
+ }
400
+ .mt-4 {
401
+ margin-top: calc(var(--spacing) * 4);
402
+ }
403
+ .mt-6 {
404
+ margin-top: calc(var(--spacing) * 6);
405
+ }
406
+ .mt-8 {
407
+ margin-top: calc(var(--spacing) * 8);
408
+ }
409
+ .-mb-4 {
410
+ margin-bottom: calc(var(--spacing) * -4);
411
+ }
412
+ .mb-1 {
413
+ margin-bottom: calc(var(--spacing) * 1);
414
+ }
415
+ .mb-2 {
416
+ margin-bottom: calc(var(--spacing) * 2);
417
+ }
418
+ .mb-3 {
419
+ margin-bottom: calc(var(--spacing) * 3);
420
+ }
421
+ .mb-4 {
422
+ margin-bottom: calc(var(--spacing) * 4);
423
+ }
424
+ .mb-6 {
425
+ margin-bottom: calc(var(--spacing) * 6);
426
+ }
427
+ .mb-8 {
428
+ margin-bottom: calc(var(--spacing) * 8);
429
+ }
430
+ .mb-12 {
431
+ margin-bottom: calc(var(--spacing) * 12);
432
+ }
433
+ .ml-2 {
434
+ margin-left: calc(var(--spacing) * 2);
435
+ }
436
+ .ml-3 {
437
+ margin-left: calc(var(--spacing) * 3);
438
+ }
439
+ .ml-auto {
440
+ margin-left: auto;
441
+ }
442
+ .block {
443
+ display: block;
444
+ }
445
+ .flex {
446
+ display: flex;
447
+ }
448
+ .grid {
449
+ display: grid;
450
+ }
451
+ .hidden {
452
+ display: none;
453
+ }
454
+ .inline-flex {
455
+ display: inline-flex;
456
+ }
457
+ .h-3 {
458
+ height: calc(var(--spacing) * 3);
459
+ }
460
+ .h-4 {
461
+ height: calc(var(--spacing) * 4);
462
+ }
463
+ .h-5 {
464
+ height: calc(var(--spacing) * 5);
465
+ }
466
+ .h-6 {
467
+ height: calc(var(--spacing) * 6);
468
+ }
469
+ .h-8 {
470
+ height: calc(var(--spacing) * 8);
471
+ }
472
+ .h-10 {
473
+ height: calc(var(--spacing) * 10);
474
+ }
475
+ .h-12 {
476
+ height: calc(var(--spacing) * 12);
477
+ }
478
+ .h-16 {
479
+ height: calc(var(--spacing) * 16);
480
+ }
481
+ .h-24 {
482
+ height: calc(var(--spacing) * 24);
483
+ }
484
+ .h-48 {
485
+ height: calc(var(--spacing) * 48);
486
+ }
487
+ .h-\[3px\] {
488
+ height: 3px;
489
+ }
490
+ .h-full {
491
+ height: 100%;
492
+ }
493
+ .min-h-screen {
494
+ min-height: 100vh;
495
+ }
496
+ .\!w-auto {
497
+ width: auto !important;
498
+ }
499
+ .w-3 {
500
+ width: calc(var(--spacing) * 3);
501
+ }
502
+ .w-4 {
503
+ width: calc(var(--spacing) * 4);
504
+ }
505
+ .w-5 {
506
+ width: calc(var(--spacing) * 5);
507
+ }
508
+ .w-6 {
509
+ width: calc(var(--spacing) * 6);
510
+ }
511
+ .w-8 {
512
+ width: calc(var(--spacing) * 8);
513
+ }
514
+ .w-10 {
515
+ width: calc(var(--spacing) * 10);
516
+ }
517
+ .w-12 {
518
+ width: calc(var(--spacing) * 12);
519
+ }
520
+ .w-16 {
521
+ width: calc(var(--spacing) * 16);
522
+ }
523
+ .w-24 {
524
+ width: calc(var(--spacing) * 24);
525
+ }
526
+ .w-48 {
527
+ width: calc(var(--spacing) * 48);
528
+ }
529
+ .w-auto {
530
+ width: auto;
531
+ }
532
+ .w-full {
533
+ width: 100%;
534
+ }
535
+ .max-w-2xl {
536
+ max-width: var(--container-2xl);
537
+ }
538
+ .max-w-4xl {
539
+ max-width: var(--container-4xl);
540
+ }
541
+ .max-w-lg {
542
+ max-width: var(--container-lg);
543
+ }
544
+ .max-w-md {
545
+ max-width: var(--container-md);
546
+ }
547
+ .max-w-sm {
548
+ max-width: var(--container-sm);
549
+ }
550
+ .min-w-0 {
551
+ min-width: calc(var(--spacing) * 0);
552
+ }
553
+ .min-w-100 {
554
+ min-width: calc(var(--spacing) * 100);
555
+ }
556
+ .flex-1 {
557
+ flex: 1;
558
+ }
559
+ .flex-shrink {
560
+ flex-shrink: 1;
561
+ }
562
+ .flex-shrink-0 {
563
+ flex-shrink: 0;
564
+ }
565
+ .transform {
566
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
567
+ }
568
+ .animate-pulse {
569
+ animation: var(--animate-pulse);
570
+ }
571
+ .animate-spin {
572
+ animation: var(--animate-spin);
573
+ }
574
+ .cursor-pointer {
575
+ cursor: pointer;
576
+ }
577
+ .touch-manipulation {
578
+ touch-action: manipulation;
579
+ }
580
+ .grid-cols-1 {
581
+ grid-template-columns: repeat(1, minmax(0, 1fr));
582
+ }
583
+ .grid-cols-2 {
584
+ grid-template-columns: repeat(2, minmax(0, 1fr));
585
+ }
586
+ .flex-col {
587
+ flex-direction: column;
588
+ }
589
+ .flex-wrap {
590
+ flex-wrap: wrap;
591
+ }
592
+ .items-center {
593
+ align-items: center;
594
+ }
595
+ .items-start {
596
+ align-items: flex-start;
597
+ }
598
+ .justify-between {
599
+ justify-content: space-between;
600
+ }
601
+ .justify-center {
602
+ justify-content: center;
603
+ }
604
+ .justify-end {
605
+ justify-content: flex-end;
606
+ }
607
+ .gap-2 {
608
+ gap: calc(var(--spacing) * 2);
609
+ }
610
+ .gap-3 {
611
+ gap: calc(var(--spacing) * 3);
612
+ }
613
+ .gap-4 {
614
+ gap: calc(var(--spacing) * 4);
615
+ }
616
+ .gap-6 {
617
+ gap: calc(var(--spacing) * 6);
618
+ }
619
+ .space-y-1 {
620
+ :where(& > :not(:last-child)) {
621
+ --tw-space-y-reverse: 0;
622
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
623
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
624
+ }
625
+ }
626
+ .space-y-2 {
627
+ :where(& > :not(:last-child)) {
628
+ --tw-space-y-reverse: 0;
629
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
630
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
631
+ }
632
+ }
633
+ .space-y-3 {
634
+ :where(& > :not(:last-child)) {
635
+ --tw-space-y-reverse: 0;
636
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
637
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
638
+ }
639
+ }
640
+ .space-y-4 {
641
+ :where(& > :not(:last-child)) {
642
+ --tw-space-y-reverse: 0;
643
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
644
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
645
+ }
646
+ }
647
+ .space-y-6 {
648
+ :where(& > :not(:last-child)) {
649
+ --tw-space-y-reverse: 0;
650
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
651
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
652
+ }
653
+ }
654
+ .space-y-8 {
655
+ :where(& > :not(:last-child)) {
656
+ --tw-space-y-reverse: 0;
657
+ margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
658
+ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
659
+ }
660
+ }
661
+ .space-y-12 {
662
+ :where(& > :not(:last-child)) {
663
+ --tw-space-y-reverse: 0;
664
+ margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
665
+ margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
666
+ }
667
+ }
668
+ .space-x-2 {
669
+ :where(& > :not(:last-child)) {
670
+ --tw-space-x-reverse: 0;
671
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
672
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
673
+ }
674
+ }
675
+ .space-x-3 {
676
+ :where(& > :not(:last-child)) {
677
+ --tw-space-x-reverse: 0;
678
+ margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
679
+ margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
680
+ }
681
+ }
682
+ .overflow-hidden {
683
+ overflow: hidden;
684
+ }
685
+ .rounded {
686
+ border-radius: 0.25rem;
687
+ }
688
+ .rounded-2xl {
689
+ border-radius: var(--radius-2xl);
690
+ }
691
+ .rounded-full {
692
+ border-radius: calc(infinity * 1px);
693
+ }
694
+ .rounded-lg {
695
+ border-radius: var(--radius-lg);
696
+ }
697
+ .rounded-md {
698
+ border-radius: var(--radius-md);
699
+ }
700
+ .rounded-xl {
701
+ border-radius: var(--radius-xl);
702
+ }
703
+ .border {
704
+ border-style: var(--tw-border-style);
705
+ border-width: 1px;
706
+ }
707
+ .border-t {
708
+ border-top-style: var(--tw-border-style);
709
+ border-top-width: 1px;
710
+ }
711
+ .border-b {
712
+ border-bottom-style: var(--tw-border-style);
713
+ border-bottom-width: 1px;
714
+ }
715
+ .border-blue-200 {
716
+ border-color: var(--color-blue-200);
717
+ }
718
+ .border-emerald-300 {
719
+ border-color: var(--color-emerald-300);
720
+ }
721
+ .border-gray-200 {
722
+ border-color: var(--color-gray-200);
723
+ }
724
+ .border-gray-300 {
725
+ border-color: var(--color-gray-300);
726
+ }
727
+ .border-green-200 {
728
+ border-color: var(--color-green-200);
729
+ }
730
+ .border-neutral-200 {
731
+ border-color: var(--color-neutral-200);
732
+ }
733
+ .border-red-200 {
734
+ border-color: var(--color-red-200);
735
+ }
736
+ .border-red-300 {
737
+ border-color: var(--color-red-300);
738
+ }
739
+ .border-strands-500 {
740
+ border-color: var(--color-strands-500);
741
+ }
742
+ .border-yellow-200 {
743
+ border-color: var(--color-yellow-200);
744
+ }
745
+ .border-yellow-300 {
746
+ border-color: var(--color-yellow-300);
747
+ }
748
+ .bg-black\/40 {
749
+ background-color: color-mix(in srgb, #000 40%, transparent);
750
+ @supports (color: color-mix(in lab, red, red)) {
751
+ background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
752
+ }
753
+ }
754
+ .bg-blue-50 {
755
+ background-color: var(--color-blue-50);
756
+ }
757
+ .bg-blue-100 {
758
+ background-color: var(--color-blue-100);
759
+ }
760
+ .bg-blue-600 {
761
+ background-color: var(--color-blue-600);
762
+ }
763
+ .bg-emerald-400 {
764
+ background-color: var(--color-emerald-400);
765
+ }
766
+ .bg-gray-50 {
767
+ background-color: var(--color-gray-50);
768
+ }
769
+ .bg-gray-100 {
770
+ background-color: var(--color-gray-100);
771
+ }
772
+ .bg-gray-200 {
773
+ background-color: var(--color-gray-200);
774
+ }
775
+ .bg-green-50 {
776
+ background-color: var(--color-green-50);
777
+ }
778
+ .bg-green-100 {
779
+ background-color: var(--color-green-100);
780
+ }
781
+ .bg-neutral-50 {
782
+ background-color: var(--color-neutral-50);
783
+ }
784
+ .bg-neutral-100 {
785
+ background-color: var(--color-neutral-100);
786
+ }
787
+ .bg-neutral-300 {
788
+ background-color: var(--color-neutral-300);
789
+ }
790
+ .bg-purple-50 {
791
+ background-color: var(--color-purple-50);
792
+ }
793
+ .bg-red-50 {
794
+ background-color: var(--color-red-50);
795
+ }
796
+ .bg-red-100 {
797
+ background-color: var(--color-red-100);
798
+ }
799
+ .bg-red-400 {
800
+ background-color: var(--color-red-400);
801
+ }
802
+ .bg-red-500 {
803
+ background-color: var(--color-red-500);
804
+ }
805
+ .bg-strands-50 {
806
+ background-color: var(--color-strands-50);
807
+ }
808
+ .bg-strands-100 {
809
+ background-color: var(--color-strands-100);
810
+ }
811
+ .bg-strands-500 {
812
+ background-color: var(--color-strands-500);
813
+ }
814
+ .bg-white {
815
+ background-color: var(--color-white);
816
+ }
817
+ .bg-yellow-50 {
818
+ background-color: var(--color-yellow-50);
819
+ }
820
+ .bg-yellow-100 {
821
+ background-color: var(--color-yellow-100);
822
+ }
823
+ .bg-yellow-400 {
824
+ background-color: var(--color-yellow-400);
825
+ }
826
+ .bg-gradient-to-br {
827
+ --tw-gradient-position: to bottom right in oklab;
828
+ background-image: linear-gradient(var(--tw-gradient-stops));
829
+ }
830
+ .bg-gradient-to-r {
831
+ --tw-gradient-position: to right in oklab;
832
+ background-image: linear-gradient(var(--tw-gradient-stops));
833
+ }
834
+ .from-neutral-50 {
835
+ --tw-gradient-from: var(--color-neutral-50);
836
+ --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));
837
+ }
838
+ .from-strands-400 {
839
+ --tw-gradient-from: var(--color-strands-400);
840
+ --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));
841
+ }
842
+ .to-neutral-100 {
843
+ --tw-gradient-to: var(--color-neutral-100);
844
+ --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));
845
+ }
846
+ .to-strands-600 {
847
+ --tw-gradient-to: var(--color-strands-600);
848
+ --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));
849
+ }
850
+ .fill-current {
851
+ fill: currentcolor;
852
+ }
853
+ .object-cover {
854
+ -o-object-fit: cover;
855
+ object-fit: cover;
856
+ }
857
+ .p-1\.5 {
858
+ padding: calc(var(--spacing) * 1.5);
859
+ }
860
+ .p-3 {
861
+ padding: calc(var(--spacing) * 3);
862
+ }
863
+ .p-4 {
864
+ padding: calc(var(--spacing) * 4);
865
+ }
866
+ .p-6 {
867
+ padding: calc(var(--spacing) * 6);
868
+ }
869
+ .p-8 {
870
+ padding: calc(var(--spacing) * 8);
871
+ }
872
+ .px-2 {
873
+ padding-inline: calc(var(--spacing) * 2);
874
+ }
875
+ .px-2\.5 {
876
+ padding-inline: calc(var(--spacing) * 2.5);
877
+ }
878
+ .px-3 {
879
+ padding-inline: calc(var(--spacing) * 3);
880
+ }
881
+ .px-4 {
882
+ padding-inline: calc(var(--spacing) * 4);
883
+ }
884
+ .px-6 {
885
+ padding-inline: calc(var(--spacing) * 6);
886
+ }
887
+ .py-0\.5 {
888
+ padding-block: calc(var(--spacing) * 0.5);
889
+ }
890
+ .py-1 {
891
+ padding-block: calc(var(--spacing) * 1);
892
+ }
893
+ .py-2 {
894
+ padding-block: calc(var(--spacing) * 2);
895
+ }
896
+ .py-2\.5 {
897
+ padding-block: calc(var(--spacing) * 2.5);
898
+ }
899
+ .py-3 {
900
+ padding-block: calc(var(--spacing) * 3);
901
+ }
902
+ .py-4 {
903
+ padding-block: calc(var(--spacing) * 4);
904
+ }
905
+ .py-8 {
906
+ padding-block: calc(var(--spacing) * 8);
907
+ }
908
+ .py-12 {
909
+ padding-block: calc(var(--spacing) * 12);
910
+ }
911
+ .pt-4 {
912
+ padding-top: calc(var(--spacing) * 4);
913
+ }
914
+ .pt-6 {
915
+ padding-top: calc(var(--spacing) * 6);
916
+ }
917
+ .pr-3 {
918
+ padding-right: calc(var(--spacing) * 3);
919
+ }
920
+ .pr-10 {
921
+ padding-right: calc(var(--spacing) * 10);
922
+ }
923
+ .pb-4 {
924
+ padding-bottom: calc(var(--spacing) * 4);
925
+ }
926
+ .pl-3 {
927
+ padding-left: calc(var(--spacing) * 3);
928
+ }
929
+ .pl-10 {
930
+ padding-left: calc(var(--spacing) * 10);
931
+ }
932
+ .text-center {
933
+ text-align: center;
934
+ }
935
+ .text-left {
936
+ text-align: left;
937
+ }
938
+ .font-mono {
939
+ font-family: var(--font-mono);
940
+ }
941
+ .text-2xl {
942
+ font-size: var(--text-2xl);
943
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
944
+ }
945
+ .text-3xl {
946
+ font-size: var(--text-3xl);
947
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
948
+ }
949
+ .text-4xl {
950
+ font-size: var(--text-4xl);
951
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
952
+ }
953
+ .text-6xl {
954
+ font-size: var(--text-6xl);
955
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
956
+ }
957
+ .text-base {
958
+ font-size: var(--text-base);
959
+ line-height: var(--tw-leading, var(--text-base--line-height));
960
+ }
961
+ .text-lg {
962
+ font-size: var(--text-lg);
963
+ line-height: var(--tw-leading, var(--text-lg--line-height));
964
+ }
965
+ .text-sm {
966
+ font-size: var(--text-sm);
967
+ line-height: var(--tw-leading, var(--text-sm--line-height));
968
+ }
969
+ .text-xl {
970
+ font-size: var(--text-xl);
971
+ line-height: var(--tw-leading, var(--text-xl--line-height));
972
+ }
973
+ .text-xs {
974
+ font-size: var(--text-xs);
975
+ line-height: var(--tw-leading, var(--text-xs--line-height));
976
+ }
977
+ .font-bold {
978
+ --tw-font-weight: var(--font-weight-bold);
979
+ font-weight: var(--font-weight-bold);
980
+ }
981
+ .font-medium {
982
+ --tw-font-weight: var(--font-weight-medium);
983
+ font-weight: var(--font-weight-medium);
984
+ }
985
+ .font-semibold {
986
+ --tw-font-weight: var(--font-weight-semibold);
987
+ font-weight: var(--font-weight-semibold);
988
+ }
989
+ .break-all {
990
+ word-break: break-all;
991
+ }
992
+ .text-black {
993
+ color: var(--color-black);
994
+ }
995
+ .text-blue-400 {
996
+ color: var(--color-blue-400);
997
+ }
998
+ .text-blue-600 {
999
+ color: var(--color-blue-600);
1000
+ }
1001
+ .text-blue-700 {
1002
+ color: var(--color-blue-700);
1003
+ }
1004
+ .text-blue-800 {
1005
+ color: var(--color-blue-800);
1006
+ }
1007
+ .text-blue-900 {
1008
+ color: var(--color-blue-900);
1009
+ }
1010
+ .text-emerald-600 {
1011
+ color: var(--color-emerald-600);
1012
+ }
1013
+ .text-gray-300 {
1014
+ color: var(--color-gray-300);
1015
+ }
1016
+ .text-gray-400 {
1017
+ color: var(--color-gray-400);
1018
+ }
1019
+ .text-gray-500 {
1020
+ color: var(--color-gray-500);
1021
+ }
1022
+ .text-gray-600 {
1023
+ color: var(--color-gray-600);
1024
+ }
1025
+ .text-gray-700 {
1026
+ color: var(--color-gray-700);
1027
+ }
1028
+ .text-gray-800 {
1029
+ color: var(--color-gray-800);
1030
+ }
1031
+ .text-gray-900 {
1032
+ color: var(--color-gray-900);
1033
+ }
1034
+ .text-green-400 {
1035
+ color: var(--color-green-400);
1036
+ }
1037
+ .text-green-500 {
1038
+ color: var(--color-green-500);
1039
+ }
1040
+ .text-green-600 {
1041
+ color: var(--color-green-600);
1042
+ }
1043
+ .text-green-700 {
1044
+ color: var(--color-green-700);
1045
+ }
1046
+ .text-green-800 {
1047
+ color: var(--color-green-800);
1048
+ }
1049
+ .text-green-900 {
1050
+ color: var(--color-green-900);
1051
+ }
1052
+ .text-neutral-400 {
1053
+ color: var(--color-neutral-400);
1054
+ }
1055
+ .text-neutral-500 {
1056
+ color: var(--color-neutral-500);
1057
+ }
1058
+ .text-neutral-600 {
1059
+ color: var(--color-neutral-600);
1060
+ }
1061
+ .text-neutral-700 {
1062
+ color: var(--color-neutral-700);
1063
+ }
1064
+ .text-neutral-900 {
1065
+ color: var(--color-neutral-900);
1066
+ }
1067
+ .text-red-400 {
1068
+ color: var(--color-red-400);
1069
+ }
1070
+ .text-red-500 {
1071
+ color: var(--color-red-500);
1072
+ }
1073
+ .text-red-600 {
1074
+ color: var(--color-red-600);
1075
+ }
1076
+ .text-red-700 {
1077
+ color: var(--color-red-700);
1078
+ }
1079
+ .text-red-800 {
1080
+ color: var(--color-red-800);
1081
+ }
1082
+ .text-strands-500 {
1083
+ color: var(--color-strands-500);
1084
+ }
1085
+ .text-strands-600 {
1086
+ color: var(--color-strands-600);
1087
+ }
1088
+ .text-strands-900 {
1089
+ color: var(--color-strands-900);
1090
+ }
1091
+ .text-white {
1092
+ color: var(--color-white);
1093
+ }
1094
+ .text-yellow-400 {
1095
+ color: var(--color-yellow-400);
1096
+ }
1097
+ .text-yellow-500 {
1098
+ color: var(--color-yellow-500);
1099
+ }
1100
+ .text-yellow-600 {
1101
+ color: var(--color-yellow-600);
1102
+ }
1103
+ .text-yellow-700 {
1104
+ color: var(--color-yellow-700);
1105
+ }
1106
+ .text-yellow-800 {
1107
+ color: var(--color-yellow-800);
1108
+ }
1109
+ .lowercase {
1110
+ text-transform: lowercase;
1111
+ }
1112
+ .uppercase {
1113
+ text-transform: uppercase;
1114
+ }
1115
+ .underline {
1116
+ text-decoration-line: underline;
1117
+ }
1118
+ .decoration-strands-500 {
1119
+ text-decoration-color: var(--color-strands-500);
1120
+ }
1121
+ .underline-offset-2 {
1122
+ text-underline-offset: 2px;
1123
+ }
1124
+ .opacity-0 {
1125
+ opacity: 0%;
1126
+ }
1127
+ .opacity-25 {
1128
+ opacity: 25%;
1129
+ }
1130
+ .opacity-75 {
1131
+ opacity: 75%;
1132
+ }
1133
+ .shadow {
1134
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1135
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1136
+ }
1137
+ .shadow-lg {
1138
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1139
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1140
+ }
1141
+ .shadow-md {
1142
+ --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));
1143
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1144
+ }
1145
+ .shadow-sm {
1146
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1147
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1148
+ }
1149
+ .outline {
1150
+ outline-style: var(--tw-outline-style);
1151
+ outline-width: 1px;
1152
+ }
1153
+ .blur {
1154
+ --tw-blur: blur(8px);
1155
+ 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,);
1156
+ }
1157
+ .filter {
1158
+ 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,);
1159
+ }
1160
+ .backdrop-blur-lg {
1161
+ --tw-backdrop-blur: blur(var(--blur-lg));
1162
+ -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,);
1163
+ 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,);
1164
+ }
1165
+ .transition {
1166
+ 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;
1167
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1168
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1169
+ }
1170
+ .transition-all {
1171
+ transition-property: all;
1172
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1173
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1174
+ }
1175
+ .transition-colors {
1176
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1177
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1178
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1179
+ }
1180
+ .transition-opacity {
1181
+ transition-property: opacity;
1182
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1183
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1184
+ }
1185
+ .transition-shadow {
1186
+ transition-property: box-shadow;
1187
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1188
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1189
+ }
1190
+ .duration-150 {
1191
+ --tw-duration: 150ms;
1192
+ transition-duration: 150ms;
1193
+ }
1194
+ .duration-200 {
1195
+ --tw-duration: 200ms;
1196
+ transition-duration: 200ms;
1197
+ }
1198
+ .ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\] {
1199
+ --tw-ease: cubic-bezier(0.25,0.46,0.45,0.94);
1200
+ transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
1201
+ }
1202
+ .ease-in-out {
1203
+ --tw-ease: var(--ease-in-out);
1204
+ transition-timing-function: var(--ease-in-out);
1205
+ }
1206
+ .group-hover\:bg-blue-100 {
1207
+ &:is(:where(.group):hover *) {
1208
+ @media (hover: hover) {
1209
+ background-color: var(--color-blue-100);
1210
+ }
1211
+ }
1212
+ }
1213
+ .group-hover\:bg-gray-100 {
1214
+ &:is(:where(.group):hover *) {
1215
+ @media (hover: hover) {
1216
+ background-color: var(--color-gray-100);
1217
+ }
1218
+ }
1219
+ }
1220
+ .group-hover\:bg-green-100 {
1221
+ &:is(:where(.group):hover *) {
1222
+ @media (hover: hover) {
1223
+ background-color: var(--color-green-100);
1224
+ }
1225
+ }
1226
+ }
1227
+ .group-hover\:bg-purple-100 {
1228
+ &:is(:where(.group):hover *) {
1229
+ @media (hover: hover) {
1230
+ background-color: var(--color-purple-100);
1231
+ }
1232
+ }
1233
+ }
1234
+ .group-hover\:opacity-100 {
1235
+ &:is(:where(.group):hover *) {
1236
+ @media (hover: hover) {
1237
+ opacity: 100%;
1238
+ }
1239
+ }
1240
+ }
1241
+ .hover\:border-gray-300 {
1242
+ &:hover {
1243
+ @media (hover: hover) {
1244
+ border-color: var(--color-gray-300);
1245
+ }
1246
+ }
1247
+ }
1248
+ .hover\:bg-gray-50 {
1249
+ &:hover {
1250
+ @media (hover: hover) {
1251
+ background-color: var(--color-gray-50);
1252
+ }
1253
+ }
1254
+ }
1255
+ .hover\:bg-gray-100 {
1256
+ &:hover {
1257
+ @media (hover: hover) {
1258
+ background-color: var(--color-gray-100);
1259
+ }
1260
+ }
1261
+ }
1262
+ .hover\:bg-gray-300 {
1263
+ &:hover {
1264
+ @media (hover: hover) {
1265
+ background-color: var(--color-gray-300);
1266
+ }
1267
+ }
1268
+ }
1269
+ .hover\:bg-neutral-50 {
1270
+ &:hover {
1271
+ @media (hover: hover) {
1272
+ background-color: var(--color-neutral-50);
1273
+ }
1274
+ }
1275
+ }
1276
+ .hover\:bg-strands-50 {
1277
+ &:hover {
1278
+ @media (hover: hover) {
1279
+ background-color: var(--color-strands-50);
1280
+ }
1281
+ }
1282
+ }
1283
+ .hover\:bg-strands-500 {
1284
+ &:hover {
1285
+ @media (hover: hover) {
1286
+ background-color: var(--color-strands-500);
1287
+ }
1288
+ }
1289
+ }
1290
+ .hover\:bg-strands-600 {
1291
+ &:hover {
1292
+ @media (hover: hover) {
1293
+ background-color: var(--color-strands-600);
1294
+ }
1295
+ }
1296
+ }
1297
+ .hover\:text-blue-500 {
1298
+ &:hover {
1299
+ @media (hover: hover) {
1300
+ color: var(--color-blue-500);
1301
+ }
1302
+ }
1303
+ }
1304
+ .hover\:text-gray-600 {
1305
+ &:hover {
1306
+ @media (hover: hover) {
1307
+ color: var(--color-gray-600);
1308
+ }
1309
+ }
1310
+ }
1311
+ .hover\:text-gray-700 {
1312
+ &:hover {
1313
+ @media (hover: hover) {
1314
+ color: var(--color-gray-700);
1315
+ }
1316
+ }
1317
+ }
1318
+ .hover\:text-gray-800 {
1319
+ &:hover {
1320
+ @media (hover: hover) {
1321
+ color: var(--color-gray-800);
1322
+ }
1323
+ }
1324
+ }
1325
+ .hover\:text-green-500 {
1326
+ &:hover {
1327
+ @media (hover: hover) {
1328
+ color: var(--color-green-500);
1329
+ }
1330
+ }
1331
+ }
1332
+ .hover\:text-neutral-700 {
1333
+ &:hover {
1334
+ @media (hover: hover) {
1335
+ color: var(--color-neutral-700);
1336
+ }
1337
+ }
1338
+ }
1339
+ .hover\:text-red-500 {
1340
+ &:hover {
1341
+ @media (hover: hover) {
1342
+ color: var(--color-red-500);
1343
+ }
1344
+ }
1345
+ }
1346
+ .hover\:text-strands-600 {
1347
+ &:hover {
1348
+ @media (hover: hover) {
1349
+ color: var(--color-strands-600);
1350
+ }
1351
+ }
1352
+ }
1353
+ .hover\:text-strands-700 {
1354
+ &:hover {
1355
+ @media (hover: hover) {
1356
+ color: var(--color-strands-700);
1357
+ }
1358
+ }
1359
+ }
1360
+ .hover\:text-strands-800 {
1361
+ &:hover {
1362
+ @media (hover: hover) {
1363
+ color: var(--color-strands-800);
1364
+ }
1365
+ }
1366
+ }
1367
+ .hover\:text-white {
1368
+ &:hover {
1369
+ @media (hover: hover) {
1370
+ color: var(--color-white);
1371
+ }
1372
+ }
1373
+ }
1374
+ .hover\:text-yellow-500 {
1375
+ &:hover {
1376
+ @media (hover: hover) {
1377
+ color: var(--color-yellow-500);
1378
+ }
1379
+ }
1380
+ }
1381
+ .hover\:shadow-md {
1382
+ &:hover {
1383
+ @media (hover: hover) {
1384
+ --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));
1385
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1386
+ }
1387
+ }
1388
+ }
1389
+ .hover\:shadow-sm {
1390
+ &:hover {
1391
+ @media (hover: hover) {
1392
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1393
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1394
+ }
1395
+ }
1396
+ }
1397
+ .focus-visible\:border-red-500 {
1398
+ &:focus-visible {
1399
+ border-color: var(--color-red-500);
1400
+ }
1401
+ }
1402
+ .focus-visible\:border-strands-500 {
1403
+ &:focus-visible {
1404
+ border-color: var(--color-strands-500);
1405
+ }
1406
+ }
1407
+ .focus-visible\:ring-2 {
1408
+ &:focus-visible {
1409
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1410
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1411
+ }
1412
+ }
1413
+ .focus-visible\:ring-red-500 {
1414
+ &:focus-visible {
1415
+ --tw-ring-color: var(--color-red-500);
1416
+ }
1417
+ }
1418
+ .focus-visible\:ring-strands-500 {
1419
+ &:focus-visible {
1420
+ --tw-ring-color: var(--color-strands-500);
1421
+ }
1422
+ }
1423
+ .focus-visible\:ring-offset-2 {
1424
+ &:focus-visible {
1425
+ --tw-ring-offset-width: 2px;
1426
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1427
+ }
1428
+ }
1429
+ .focus-visible\:ring-offset-white {
1430
+ &:focus-visible {
1431
+ --tw-ring-offset-color: var(--color-white);
1432
+ }
1433
+ }
1434
+ .focus-visible\:outline-none {
1435
+ &:focus-visible {
1436
+ --tw-outline-style: none;
1437
+ outline-style: none;
1438
+ }
1439
+ }
1440
+ .active\:scale-\[0\.98\] {
1441
+ &:active {
1442
+ scale: 0.98;
1443
+ }
1444
+ }
1445
+ .disabled\:cursor-not-allowed {
1446
+ &:disabled {
1447
+ cursor: not-allowed;
1448
+ }
1449
+ }
1450
+ .disabled\:bg-gray-50 {
1451
+ &:disabled {
1452
+ background-color: var(--color-gray-50);
1453
+ }
1454
+ }
1455
+ .disabled\:text-gray-400 {
1456
+ &:disabled {
1457
+ color: var(--color-gray-400);
1458
+ }
1459
+ }
1460
+ .disabled\:text-gray-500 {
1461
+ &:disabled {
1462
+ color: var(--color-gray-500);
1463
+ }
1464
+ }
1465
+ .disabled\:opacity-50 {
1466
+ &:disabled {
1467
+ opacity: 50%;
1468
+ }
1469
+ }
1470
+ .sm\:col-span-2 {
1471
+ @media (width >= 40rem) {
1472
+ grid-column: span 2 / span 2;
1473
+ }
1474
+ }
1475
+ .sm\:w-auto {
1476
+ @media (width >= 40rem) {
1477
+ width: auto;
1478
+ }
1479
+ }
1480
+ .sm\:grid-cols-2 {
1481
+ @media (width >= 40rem) {
1482
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1483
+ }
1484
+ }
1485
+ .sm\:flex-row {
1486
+ @media (width >= 40rem) {
1487
+ flex-direction: row;
1488
+ }
1489
+ }
1490
+ .sm\:gap-4 {
1491
+ @media (width >= 40rem) {
1492
+ gap: calc(var(--spacing) * 4);
1493
+ }
1494
+ }
1495
+ .sm\:p-4 {
1496
+ @media (width >= 40rem) {
1497
+ padding: calc(var(--spacing) * 4);
1498
+ }
1499
+ }
1500
+ .md\:mb-4 {
1501
+ @media (width >= 48rem) {
1502
+ margin-bottom: calc(var(--spacing) * 4);
1503
+ }
1504
+ }
1505
+ .md\:grid-cols-2 {
1506
+ @media (width >= 48rem) {
1507
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1508
+ }
1509
+ }
1510
+ .md\:grid-cols-3 {
1511
+ @media (width >= 48rem) {
1512
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1513
+ }
1514
+ }
1515
+ .md\:gap-6 {
1516
+ @media (width >= 48rem) {
1517
+ gap: calc(var(--spacing) * 6);
1518
+ }
1519
+ }
1520
+ .md\:space-y-4 {
1521
+ @media (width >= 48rem) {
1522
+ :where(& > :not(:last-child)) {
1523
+ --tw-space-y-reverse: 0;
1524
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1525
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1526
+ }
1527
+ }
1528
+ }
1529
+ .md\:space-y-6 {
1530
+ @media (width >= 48rem) {
1531
+ :where(& > :not(:last-child)) {
1532
+ --tw-space-y-reverse: 0;
1533
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1534
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1535
+ }
1536
+ }
1537
+ }
1538
+ .md\:text-3xl {
1539
+ @media (width >= 48rem) {
1540
+ font-size: var(--text-3xl);
1541
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1542
+ }
1543
+ }
1544
+ .md\:text-base {
1545
+ @media (width >= 48rem) {
1546
+ font-size: var(--text-base);
1547
+ line-height: var(--tw-leading, var(--text-base--line-height));
1548
+ }
1549
+ }
1550
+ .lg\:col-span-1 {
1551
+ @media (width >= 64rem) {
1552
+ grid-column: span 1 / span 1;
1553
+ }
1554
+ }
1555
+ .lg\:grid-cols-3 {
1556
+ @media (width >= 64rem) {
1557
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1558
+ }
1559
+ }
1560
+ .dark\:text-gray-300 {
1561
+ @media (prefers-color-scheme: dark) {
1562
+ color: var(--color-gray-300);
1563
+ }
1564
+ }
1565
+ }
1566
+ @layer components {
1567
+ .btn-primary {
1568
+ border-radius: var(--radius-lg);
1569
+ background-color: var(--color-strands-500);
1570
+ padding-inline: calc(var(--spacing) * 4);
1571
+ padding-block: calc(var(--spacing) * 2);
1572
+ color: var(--color-white);
1573
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1574
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1575
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1576
+ &:hover {
1577
+ @media (hover: hover) {
1578
+ background-color: var(--color-strands-600);
1579
+ }
1580
+ }
1581
+ }
1582
+ .btn-secondary {
1583
+ border-radius: var(--radius-lg);
1584
+ background-color: var(--color-gray-200);
1585
+ padding-inline: calc(var(--spacing) * 4);
1586
+ padding-block: calc(var(--spacing) * 2);
1587
+ color: var(--color-gray-800);
1588
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1589
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1590
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1591
+ &:hover {
1592
+ @media (hover: hover) {
1593
+ background-color: var(--color-gray-300);
1594
+ }
1595
+ }
1596
+ }
1597
+ .btn-oauth {
1598
+ display: flex;
1599
+ width: 100%;
1600
+ align-items: center;
1601
+ justify-content: center;
1602
+ gap: calc(var(--spacing) * 3);
1603
+ border-radius: var(--radius-lg);
1604
+ border-style: var(--tw-border-style);
1605
+ border-width: 1px;
1606
+ border-color: var(--color-gray-300);
1607
+ background-color: var(--color-white);
1608
+ padding-inline: calc(var(--spacing) * 4);
1609
+ padding-block: calc(var(--spacing) * 3);
1610
+ color: var(--color-gray-700);
1611
+ transition-property: all;
1612
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1613
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1614
+ --tw-duration: 200ms;
1615
+ transition-duration: 200ms;
1616
+ &:hover {
1617
+ @media (hover: hover) {
1618
+ border-color: var(--color-strands-500);
1619
+ }
1620
+ }
1621
+ &:hover {
1622
+ @media (hover: hover) {
1623
+ background-color: var(--color-gray-50);
1624
+ }
1625
+ }
1626
+ }
1627
+ .card-modern {
1628
+ border-radius: var(--radius-2xl);
1629
+ border-style: var(--tw-border-style);
1630
+ border-width: 1px;
1631
+ border-color: var(--color-gray-200);
1632
+ background-color: var(--color-white);
1633
+ padding: calc(var(--spacing) * 8);
1634
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1635
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1636
+ --tw-backdrop-blur: blur(var(--blur-lg));
1637
+ -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,);
1638
+ 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,);
1639
+ }
1640
+ .text-gradient {
1641
+ --tw-gradient-position: to right in oklab;
1642
+ background-image: linear-gradient(var(--tw-gradient-stops));
1643
+ --tw-gradient-from: var(--color-strands-500);
1644
+ --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));
1645
+ --tw-gradient-to: var(--color-strands-600);
1646
+ --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));
1647
+ -webkit-background-clip: text;
1648
+ background-clip: text;
1649
+ color: transparent;
1650
+ }
1651
+ .animate-slide-up {
1652
+ animation: slideUp 0.3s ease-out;
1653
+ }
1654
+ .animate-fade-in {
1655
+ animation: fadeIn 0.2s ease-out;
1656
+ }
1657
+ .divider-with-text {
1658
+ position: relative;
1659
+ margin-block: calc(var(--spacing) * 6);
1660
+ display: flex;
1661
+ align-items: center;
1662
+ }
1663
+ .divider-with-text::before {
1664
+ height: 1px;
1665
+ flex: 1;
1666
+ background-color: var(--color-gray-300);
1667
+ content: '';
1668
+ }
1669
+ .divider-with-text::after {
1670
+ height: 1px;
1671
+ flex: 1;
1672
+ background-color: var(--color-gray-300);
1673
+ content: '';
1674
+ }
1675
+ .divider-text {
1676
+ padding-inline: calc(var(--spacing) * 4);
1677
+ font-size: var(--text-sm);
1678
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1679
+ --tw-font-weight: var(--font-weight-medium);
1680
+ font-weight: var(--font-weight-medium);
1681
+ color: var(--color-gray-600);
1682
+ }
1683
+ .input-modern {
1684
+ width: 100%;
1685
+ border-radius: var(--radius-lg);
1686
+ border-style: var(--tw-border-style);
1687
+ border-width: 1px;
1688
+ border-color: var(--color-gray-300);
1689
+ background-color: var(--color-white);
1690
+ padding-inline: calc(var(--spacing) * 4);
1691
+ padding-block: calc(var(--spacing) * 3);
1692
+ color: var(--color-gray-900);
1693
+ &::-moz-placeholder {
1694
+ color: var(--color-gray-500);
1695
+ }
1696
+ &::placeholder {
1697
+ color: var(--color-gray-500);
1698
+ }
1699
+ transition-property: all;
1700
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1701
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1702
+ --tw-duration: 200ms;
1703
+ transition-duration: 200ms;
1704
+ &:focus {
1705
+ border-color: var(--color-strands-500);
1706
+ }
1707
+ &:focus {
1708
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1709
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1710
+ }
1711
+ &:focus {
1712
+ --tw-ring-color: color-mix(in srgb, hsl(from var(--strands-accent) h s calc(l)) 20%, transparent);
1713
+ @supports (color: color-mix(in lab, red, red)) {
1714
+ --tw-ring-color: color-mix(in oklab, var(--color-strands-500) 20%, transparent);
1715
+ }
1716
+ }
1717
+ &:focus {
1718
+ --tw-outline-style: none;
1719
+ outline-style: none;
1720
+ }
1721
+ }
1722
+ .input-error {
1723
+ border-color: var(--color-red-300);
1724
+ &:focus {
1725
+ border-color: var(--color-red-500);
1726
+ }
1727
+ &:focus {
1728
+ --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
1729
+ @supports (color: color-mix(in lab, red, red)) {
1730
+ --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
1731
+ }
1732
+ }
1733
+ }
1734
+ .label-modern {
1735
+ margin-bottom: calc(var(--spacing) * 2);
1736
+ display: block;
1737
+ font-size: var(--text-sm);
1738
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1739
+ --tw-font-weight: var(--font-weight-medium);
1740
+ font-weight: var(--font-weight-medium);
1741
+ color: var(--color-gray-700);
1742
+ }
1743
+ .alert-success {
1744
+ border-radius: var(--radius-lg);
1745
+ border-style: var(--tw-border-style);
1746
+ border-width: 1px;
1747
+ border-color: var(--color-green-200);
1748
+ background-color: var(--color-green-50);
1749
+ padding: calc(var(--spacing) * 4);
1750
+ color: var(--color-green-800);
1751
+ }
1752
+ .alert-error {
1753
+ border-radius: var(--radius-lg);
1754
+ border-style: var(--tw-border-style);
1755
+ border-width: 1px;
1756
+ border-color: var(--color-red-200);
1757
+ background-color: var(--color-red-50);
1758
+ padding: calc(var(--spacing) * 4);
1759
+ color: var(--color-red-800);
1760
+ }
1761
+ .alert-warning {
1762
+ border-radius: var(--radius-lg);
1763
+ border-style: var(--tw-border-style);
1764
+ border-width: 1px;
1765
+ border-color: var(--color-yellow-200);
1766
+ background-color: var(--color-yellow-50);
1767
+ padding: calc(var(--spacing) * 4);
1768
+ color: var(--color-yellow-800);
1769
+ }
1770
+ .shadow-large {
1771
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1772
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1773
+ }
1774
+ }
1775
+ @keyframes slideUp {
1776
+ from {
1777
+ opacity: 0;
1778
+ transform: translateY(20px);
1779
+ }
1780
+ to {
1781
+ opacity: 1;
1782
+ transform: translateY(0);
1783
+ }
1784
+ }
1785
+ @keyframes fadeIn {
1786
+ from {
1787
+ opacity: 0;
1788
+ }
1789
+ to {
1790
+ opacity: 1;
1791
+ }
1792
+ }
1793
+ @property --tw-rotate-x {
1794
+ syntax: "*";
1795
+ inherits: false;
1796
+ }
1797
+ @property --tw-rotate-y {
1798
+ syntax: "*";
1799
+ inherits: false;
1800
+ }
1801
+ @property --tw-rotate-z {
1802
+ syntax: "*";
1803
+ inherits: false;
1804
+ }
1805
+ @property --tw-skew-x {
1806
+ syntax: "*";
1807
+ inherits: false;
1808
+ }
1809
+ @property --tw-skew-y {
1810
+ syntax: "*";
1811
+ inherits: false;
1812
+ }
1813
+ @property --tw-space-y-reverse {
1814
+ syntax: "*";
1815
+ inherits: false;
1816
+ initial-value: 0;
1817
+ }
1818
+ @property --tw-space-x-reverse {
1819
+ syntax: "*";
1820
+ inherits: false;
1821
+ initial-value: 0;
1822
+ }
1823
+ @property --tw-border-style {
1824
+ syntax: "*";
1825
+ inherits: false;
1826
+ initial-value: solid;
1827
+ }
1828
+ @property --tw-gradient-position {
1829
+ syntax: "*";
1830
+ inherits: false;
1831
+ }
1832
+ @property --tw-gradient-from {
1833
+ syntax: "<color>";
1834
+ inherits: false;
1835
+ initial-value: #0000;
1836
+ }
1837
+ @property --tw-gradient-via {
1838
+ syntax: "<color>";
1839
+ inherits: false;
1840
+ initial-value: #0000;
1841
+ }
1842
+ @property --tw-gradient-to {
1843
+ syntax: "<color>";
1844
+ inherits: false;
1845
+ initial-value: #0000;
1846
+ }
1847
+ @property --tw-gradient-stops {
1848
+ syntax: "*";
1849
+ inherits: false;
1850
+ }
1851
+ @property --tw-gradient-via-stops {
1852
+ syntax: "*";
1853
+ inherits: false;
1854
+ }
1855
+ @property --tw-gradient-from-position {
1856
+ syntax: "<length-percentage>";
1857
+ inherits: false;
1858
+ initial-value: 0%;
1859
+ }
1860
+ @property --tw-gradient-via-position {
1861
+ syntax: "<length-percentage>";
1862
+ inherits: false;
1863
+ initial-value: 50%;
1864
+ }
1865
+ @property --tw-gradient-to-position {
1866
+ syntax: "<length-percentage>";
1867
+ inherits: false;
1868
+ initial-value: 100%;
1869
+ }
1870
+ @property --tw-font-weight {
1871
+ syntax: "*";
1872
+ inherits: false;
1873
+ }
1874
+ @property --tw-shadow {
1875
+ syntax: "*";
1876
+ inherits: false;
1877
+ initial-value: 0 0 #0000;
1878
+ }
1879
+ @property --tw-shadow-color {
1880
+ syntax: "*";
1881
+ inherits: false;
1882
+ }
1883
+ @property --tw-shadow-alpha {
1884
+ syntax: "<percentage>";
1885
+ inherits: false;
1886
+ initial-value: 100%;
1887
+ }
1888
+ @property --tw-inset-shadow {
1889
+ syntax: "*";
1890
+ inherits: false;
1891
+ initial-value: 0 0 #0000;
1892
+ }
1893
+ @property --tw-inset-shadow-color {
1894
+ syntax: "*";
1895
+ inherits: false;
1896
+ }
1897
+ @property --tw-inset-shadow-alpha {
1898
+ syntax: "<percentage>";
1899
+ inherits: false;
1900
+ initial-value: 100%;
1901
+ }
1902
+ @property --tw-ring-color {
1903
+ syntax: "*";
1904
+ inherits: false;
1905
+ }
1906
+ @property --tw-ring-shadow {
1907
+ syntax: "*";
1908
+ inherits: false;
1909
+ initial-value: 0 0 #0000;
1910
+ }
1911
+ @property --tw-inset-ring-color {
1912
+ syntax: "*";
1913
+ inherits: false;
1914
+ }
1915
+ @property --tw-inset-ring-shadow {
1916
+ syntax: "*";
1917
+ inherits: false;
1918
+ initial-value: 0 0 #0000;
1919
+ }
1920
+ @property --tw-ring-inset {
1921
+ syntax: "*";
1922
+ inherits: false;
1923
+ }
1924
+ @property --tw-ring-offset-width {
1925
+ syntax: "<length>";
1926
+ inherits: false;
1927
+ initial-value: 0px;
1928
+ }
1929
+ @property --tw-ring-offset-color {
1930
+ syntax: "*";
1931
+ inherits: false;
1932
+ initial-value: #fff;
1933
+ }
1934
+ @property --tw-ring-offset-shadow {
1935
+ syntax: "*";
1936
+ inherits: false;
1937
+ initial-value: 0 0 #0000;
1938
+ }
1939
+ @property --tw-outline-style {
1940
+ syntax: "*";
1941
+ inherits: false;
1942
+ initial-value: solid;
1943
+ }
1944
+ @property --tw-blur {
1945
+ syntax: "*";
1946
+ inherits: false;
1947
+ }
1948
+ @property --tw-brightness {
1949
+ syntax: "*";
1950
+ inherits: false;
1951
+ }
1952
+ @property --tw-contrast {
1953
+ syntax: "*";
1954
+ inherits: false;
1955
+ }
1956
+ @property --tw-grayscale {
1957
+ syntax: "*";
1958
+ inherits: false;
1959
+ }
1960
+ @property --tw-hue-rotate {
1961
+ syntax: "*";
1962
+ inherits: false;
1963
+ }
1964
+ @property --tw-invert {
1965
+ syntax: "*";
1966
+ inherits: false;
1967
+ }
1968
+ @property --tw-opacity {
1969
+ syntax: "*";
1970
+ inherits: false;
1971
+ }
1972
+ @property --tw-saturate {
1973
+ syntax: "*";
1974
+ inherits: false;
1975
+ }
1976
+ @property --tw-sepia {
1977
+ syntax: "*";
1978
+ inherits: false;
1979
+ }
1980
+ @property --tw-drop-shadow {
1981
+ syntax: "*";
1982
+ inherits: false;
1983
+ }
1984
+ @property --tw-drop-shadow-color {
1985
+ syntax: "*";
1986
+ inherits: false;
1987
+ }
1988
+ @property --tw-drop-shadow-alpha {
1989
+ syntax: "<percentage>";
1990
+ inherits: false;
1991
+ initial-value: 100%;
1992
+ }
1993
+ @property --tw-drop-shadow-size {
1994
+ syntax: "*";
1995
+ inherits: false;
1996
+ }
1997
+ @property --tw-backdrop-blur {
1998
+ syntax: "*";
1999
+ inherits: false;
2000
+ }
2001
+ @property --tw-backdrop-brightness {
2002
+ syntax: "*";
2003
+ inherits: false;
2004
+ }
2005
+ @property --tw-backdrop-contrast {
2006
+ syntax: "*";
2007
+ inherits: false;
2008
+ }
2009
+ @property --tw-backdrop-grayscale {
2010
+ syntax: "*";
2011
+ inherits: false;
2012
+ }
2013
+ @property --tw-backdrop-hue-rotate {
2014
+ syntax: "*";
2015
+ inherits: false;
2016
+ }
2017
+ @property --tw-backdrop-invert {
2018
+ syntax: "*";
2019
+ inherits: false;
2020
+ }
2021
+ @property --tw-backdrop-opacity {
2022
+ syntax: "*";
2023
+ inherits: false;
2024
+ }
2025
+ @property --tw-backdrop-saturate {
2026
+ syntax: "*";
2027
+ inherits: false;
2028
+ }
2029
+ @property --tw-backdrop-sepia {
2030
+ syntax: "*";
2031
+ inherits: false;
2032
+ }
2033
+ @property --tw-duration {
2034
+ syntax: "*";
2035
+ inherits: false;
2036
+ }
2037
+ @property --tw-ease {
2038
+ syntax: "*";
2039
+ inherits: false;
2040
+ }
2041
+ @keyframes spin {
2042
+ to {
2043
+ transform: rotate(360deg);
2044
+ }
2045
+ }
2046
+ @keyframes pulse {
2047
+ 50% {
2048
+ opacity: 0.5;
2049
+ }
2050
+ }
2051
+ @layer properties {
2052
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2053
+ *, ::before, ::after, ::backdrop {
2054
+ --tw-rotate-x: initial;
2055
+ --tw-rotate-y: initial;
2056
+ --tw-rotate-z: initial;
2057
+ --tw-skew-x: initial;
2058
+ --tw-skew-y: initial;
2059
+ --tw-space-y-reverse: 0;
2060
+ --tw-space-x-reverse: 0;
2061
+ --tw-border-style: solid;
2062
+ --tw-gradient-position: initial;
2063
+ --tw-gradient-from: #0000;
2064
+ --tw-gradient-via: #0000;
2065
+ --tw-gradient-to: #0000;
2066
+ --tw-gradient-stops: initial;
2067
+ --tw-gradient-via-stops: initial;
2068
+ --tw-gradient-from-position: 0%;
2069
+ --tw-gradient-via-position: 50%;
2070
+ --tw-gradient-to-position: 100%;
2071
+ --tw-font-weight: initial;
2072
+ --tw-shadow: 0 0 #0000;
2073
+ --tw-shadow-color: initial;
2074
+ --tw-shadow-alpha: 100%;
2075
+ --tw-inset-shadow: 0 0 #0000;
2076
+ --tw-inset-shadow-color: initial;
2077
+ --tw-inset-shadow-alpha: 100%;
2078
+ --tw-ring-color: initial;
2079
+ --tw-ring-shadow: 0 0 #0000;
2080
+ --tw-inset-ring-color: initial;
2081
+ --tw-inset-ring-shadow: 0 0 #0000;
2082
+ --tw-ring-inset: initial;
2083
+ --tw-ring-offset-width: 0px;
2084
+ --tw-ring-offset-color: #fff;
2085
+ --tw-ring-offset-shadow: 0 0 #0000;
2086
+ --tw-outline-style: solid;
2087
+ --tw-blur: initial;
2088
+ --tw-brightness: initial;
2089
+ --tw-contrast: initial;
2090
+ --tw-grayscale: initial;
2091
+ --tw-hue-rotate: initial;
2092
+ --tw-invert: initial;
2093
+ --tw-opacity: initial;
2094
+ --tw-saturate: initial;
2095
+ --tw-sepia: initial;
2096
+ --tw-drop-shadow: initial;
2097
+ --tw-drop-shadow-color: initial;
2098
+ --tw-drop-shadow-alpha: 100%;
2099
+ --tw-drop-shadow-size: initial;
2100
+ --tw-backdrop-blur: initial;
2101
+ --tw-backdrop-brightness: initial;
2102
+ --tw-backdrop-contrast: initial;
2103
+ --tw-backdrop-grayscale: initial;
2104
+ --tw-backdrop-hue-rotate: initial;
2105
+ --tw-backdrop-invert: initial;
2106
+ --tw-backdrop-opacity: initial;
2107
+ --tw-backdrop-saturate: initial;
2108
+ --tw-backdrop-sepia: initial;
2109
+ --tw-duration: initial;
2110
+ --tw-ease: initial;
2111
+ }
2112
+ }
2113
+ }
2114
+
2115
+ /* When used in a modal, the card should fill the available space */
2116
+ .modal-card .card-content[data-v-68dad7e6] {
2117
+ flex: 1;
2118
+ overflow: hidden;
2119
+ }
2120
+ .modal-card .card-header[data-v-68dad7e6],
2121
+ .modal-card .card-footer[data-v-68dad7e6] {
2122
+ flex-shrink: 0;
2123
+ }
2124
+
2125
+ /*
2126
+ BITWARDEN & PASSWORD MANAGER STYLE PREVENTION
2127
+ =============================================
2128
+
2129
+ These styles use !important to prevent password managers (Bitwarden, 1Password, etc.)
2130
+ from overriding our input styling. Password managers often inject their own CSS that
2131
+ can break our design system.
2132
+
2133
+ If you need to modify input styles, edit these CSS rules rather than just the Tailwind
2134
+ classes, as password managers may override the Tailwind classes.
2135
+ */
2136
+
2137
+ /* Base input styles - override password manager modifications */
2138
+ input[type="email"][data-v-e87dc617],
2139
+ input[type="password"][data-v-e87dc617],
2140
+ input[type="text"][data-v-e87dc617],
2141
+ input[type="number"][data-v-e87dc617],
2142
+ input[type="tel"][data-v-e87dc617],
2143
+ input[type="url"][data-v-e87dc617] {
2144
+ /* Force our styles to take precedence over password manager modifications */
2145
+ background-color: white !important;
2146
+ background-image: none !important;
2147
+ border: 1px solid rgb(209 213 219) !important; /* gray-300 */
2148
+ border-radius: 0.5rem !important; /* rounded-lg */
2149
+ box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; /* shadow-sm */
2150
+ color: black !important;
2151
+ font-family: inherit !important;
2152
+ font-size: 0.875rem !important; /* text-sm */
2153
+ line-height: 1.25rem !important;
2154
+ padding: 0.625rem 0.75rem !important; /* py-2.5 px-3 */
2155
+ transition: border-color 0.2s, box-shadow 0.2s !important;
2156
+ }
2157
+
2158
+ /* Focus state overrides */
2159
+ input[type="email"][data-v-e87dc617]:focus,
2160
+ input[type="password"][data-v-e87dc617]:focus,
2161
+ input[type="text"][data-v-e87dc617]:focus,
2162
+ input[type="number"][data-v-e87dc617]:focus,
2163
+ input[type="tel"][data-v-e87dc617]:focus,
2164
+ input[type="url"][data-v-e87dc617]:focus {
2165
+ border-color: rgb(234 0 168) !important; /* strands-500 */
2166
+ box-shadow: 0 0 0 3px rgb(234 0 168 / 0.1) !important; /* strands-500 with opacity */
2167
+ outline: none !important;
2168
+ }
2169
+
2170
+ /* Error state overrides */
2171
+ input.border-red-300[data-v-e87dc617] {
2172
+ border-color: rgb(252 165 165) !important; /* red-300 */
2173
+ }
2174
+ input.border-red-300[data-v-e87dc617]:focus {
2175
+ border-color: rgb(239 68 68) !important; /* red-500 */
2176
+ box-shadow: 0 0 0 3px rgb(239 68 68 / 0.1) !important; /* red-500 with opacity */
2177
+ }
2178
+
2179
+ /* Disabled state overrides */
2180
+ input[data-v-e87dc617]:disabled {
2181
+ background-color: rgb(249 250 251) !important; /* gray-50 */
2182
+ color: rgb(107 114 128) !important; /* gray-500 */
2183
+ cursor: not-allowed !important;
2184
+ }
2185
+
2186
+ /* Bitwarden and other password manager specific overrides */
2187
+ input[data-bwautofill][data-v-e87dc617],
2188
+ input[data-lpignore][data-v-e87dc617],
2189
+ input[data-form-type][data-v-e87dc617],
2190
+ input[data-1p-ignore][data-v-e87dc617] {
2191
+ background-color: white !important;
2192
+ background-image: none !important;
2193
+ border: 1px solid rgb(209 213 219) !important;
2194
+ box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
2195
+ }
2196
+
2197
+ /* Override webkit autofill styling */
2198
+ input[data-v-e87dc617]:-webkit-autofill,
2199
+ input[data-v-e87dc617]:-webkit-autofill:hover,
2200
+ input[data-v-e87dc617]:-webkit-autofill:focus,
2201
+ input[data-v-e87dc617]:-webkit-autofill:active {
2202
+ -webkit-box-shadow: 0 0 0 30px white inset !important;
2203
+ -webkit-text-fill-color: black !important;
2204
+ border: 1px solid rgb(209 213 219) !important;
2205
+ border-radius: 0.5rem !important;
2206
+ -webkit-transition: background-color 5000s ease-in-out 0s !important;
2207
+ transition: background-color 5000s ease-in-out 0s !important;
2208
+ }
2209
+
2210
+ /* Ensure password inputs have proper padding for our eye icon */
2211
+ input[type="password"][data-v-e87dc617] {
2212
+ padding-right: 2.5rem !important; /* pr-10 for our eye icon */
2213
+ }
2214
+
2215
+ /* Hide browser password reveal buttons */
2216
+ input[data-v-e87dc617]::-ms-reveal,
2217
+ input[data-v-e87dc617]::-ms-clear {
2218
+ display: none !important;
2219
+ }
2220
+
2221
+ /* Additional size-specific overrides to maintain consistency */
2222
+ input.px-3.py-2[data-v-e87dc617] {
2223
+ padding: 0.5rem 0.75rem !important; /* sm size */
2224
+ }
2225
+ input.px-3.py-2\.5[data-v-e87dc617] {
2226
+ padding: 0.625rem 0.75rem !important; /* md size - default */
2227
+ }
2228
+ input.px-4.py-3[data-v-e87dc617] {
2229
+ padding: 0.75rem 1rem !important; /* lg size */
2230
+ }
2231
+
2232
+ /* Icon padding overrides */
2233
+ input.pl-10[data-v-e87dc617] {
2234
+ padding-left: 2.5rem !important;
2235
+ }
2236
+ input.pr-10[data-v-e87dc617] {
2237
+ padding-right: 2.5rem !important;
2238
+ }
2239
+
2240
+ @keyframes draw-line-32cc7309 {
2241
+ 0% {
2242
+ stroke-dasharray: 100 1000;
2243
+ stroke-dashoffset: 1000;
2244
+ }
2245
+ 100% {
2246
+ stroke-dasharray: 100 1000;
2247
+ stroke-dashoffset: -100;
2248
+ }
2249
+ }
2250
+ .animate-draw-line[data-v-32cc7309] {
2251
+ animation: draw-line-32cc7309 .8s linear infinite;
2252
+ }
2253
+
2254
+ /* Modal Overlay - Full responsive behavior */
2255
+ .modal-overlay[data-v-63dd5ea5] {
2256
+ position: fixed;
2257
+ inset: 0;
2258
+ z-index: 50;
2259
+ display: flex;
2260
+ align-items: center;
2261
+ justify-content: center;
2262
+ background-color: rgba(0, 0, 0, 0.8);
2263
+ transition: opacity 0.2s ease-in-out;
2264
+
2265
+ /* Mobile-first padding */
2266
+ padding: 0.75rem; /* 12px on mobile */
2267
+ }
2268
+
2269
+ /* Tablet and larger padding */
2270
+ @media (min-width: 768px) {
2271
+ .modal-overlay[data-v-63dd5ea5] {
2272
+ padding: 1rem; /* 16px on tablet+ */
2273
+ }
2274
+ }
2275
+
2276
+ /* Desktop padding */
2277
+ @media (min-width: 1024px) {
2278
+ .modal-overlay[data-v-63dd5ea5] {
2279
+ padding: 1.5rem; /* 24px on desktop */
2280
+ }
2281
+ }
2282
+
2283
+ /* Modal Container - Responsive sizing with width constraints */
2284
+ .modal-container[data-v-63dd5ea5] {
2285
+ width: 100%;
2286
+ max-width: 100%;
2287
+ max-height: 100%;
2288
+ display: flex;
2289
+ flex-direction: column;
2290
+ transition: transform 0.2s ease-in-out;
2291
+ transform: translateY(0);
2292
+
2293
+ /* Mobile: Full width with minimal constraints */
2294
+ min-width: auto;
2295
+
2296
+ /* Default modal width constraints */
2297
+ min-width: 320px; /* Minimum usable width */
2298
+ max-width: 640px; /* Default maximum width for better readability */
2299
+ }
2300
+
2301
+ /* Tablet responsiveness */
2302
+ @media (min-width: 640px) {
2303
+ .modal-container[data-v-63dd5ea5] {
2304
+ min-width: 320px;
2305
+ max-width: min(640px, 95vw); /* Respect both fixed max and viewport */
2306
+ max-height: 95vh;
2307
+ }
2308
+ }
2309
+
2310
+ /* Desktop responsiveness */
2311
+ @media (min-width: 768px) {
2312
+ .modal-container[data-v-63dd5ea5] {
2313
+ max-width: min(640px, 90vw); /* Respect both fixed max and viewport */
2314
+ max-height: 90vh;
2315
+ }
2316
+ }
2317
+
2318
+ /* Large desktop */
2319
+ @media (min-width: 1024px) {
2320
+ .modal-container[data-v-63dd5ea5] {
2321
+ max-width: min(640px, 85vw); /* Respect both fixed max and viewport */
2322
+ max-height: 85vh;
2323
+ }
2324
+ }
2325
+
2326
+ /* Modal Card - Flexible layout */
2327
+ .modal-card[data-v-63dd5ea5] {
2328
+ display: flex;
2329
+ flex-direction: column;
2330
+ height: 100%;
2331
+ max-height: 100%;
2332
+ overflow: hidden;
2333
+ border-radius: 0.5rem; /* Default rounded */
2334
+ }
2335
+
2336
+ /* Mobile: Less rounded corners, more mobile-friendly */
2337
+ @media (max-width: 639px) {
2338
+ .modal-card[data-v-63dd5ea5] {
2339
+ border-radius: 0.375rem;
2340
+ }
2341
+ }
2342
+
2343
+ /* Mobile: Override width constraints for very small screens */
2344
+ @media (max-width: 639px) {
2345
+ .modal-container[data-v-63dd5ea5] {
2346
+ min-width: 280px; /* Smaller minimum for mobile */
2347
+ max-width: 100%; /* Full width available on mobile */
2348
+ }
2349
+ }
2350
+
2351
+ /* Fullscreen mobile option */
2352
+ @media (max-width: 639px) {
2353
+ .modal-container.fullscreen-mobile[data-v-63dd5ea5] {
2354
+ width: 100vw;
2355
+ height: 100vh;
2356
+ max-width: 100vw;
2357
+ max-height: 100vh;
2358
+ min-width: 100vw; /* Override min-width for fullscreen */
2359
+ }
2360
+ .modal-container.fullscreen-mobile .modal-card[data-v-63dd5ea5] {
2361
+ border-radius: 0;
2362
+ height: 100vh;
2363
+ }
2364
+ }
2365
+
2366
+ /* Header - Always visible */
2367
+ .modal-header[data-v-63dd5ea5] {
2368
+ flex-shrink: 0;
2369
+ }
2370
+
2371
+ /* Content - Scrollable area */
2372
+ .modal-content[data-v-63dd5ea5] {
2373
+ flex: 1;
2374
+ overflow-y: auto;
2375
+ overflow-x: hidden;
2376
+ min-height: 0; /* Important for flex child scrolling */
2377
+
2378
+ /* Responsive scrollbar spacing */
2379
+ padding-right: 2px;
2380
+ margin-right: -2px;
2381
+ }
2382
+
2383
+ /* Mobile: Larger touch targets and spacing */
2384
+ @media (max-width: 639px) {
2385
+ .modal-content[data-v-63dd5ea5] {
2386
+ padding-right: 3px;
2387
+ margin-right: -3px;
2388
+ }
2389
+ }
2390
+
2391
+ /* Footer - Always visible */
2392
+ .modal-footer[data-v-63dd5ea5] {
2393
+ flex-shrink: 0;
2394
+ margin-top: auto;
2395
+ }
2396
+
2397
+ /* Custom Scrollbar Styling - Responsive */
2398
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar {
2399
+ width: 4px; /* Thinner on mobile */
2400
+ }
2401
+
2402
+ /* Tablet and larger scrollbar */
2403
+ @media (min-width: 768px) {
2404
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar {
2405
+ width: 6px;
2406
+ }
2407
+ }
2408
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar-track {
2409
+ background: #f1f5f9;
2410
+ border-radius: 3px;
2411
+ }
2412
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
2413
+ background: #cbd5e1;
2414
+ border-radius: 3px;
2415
+ -webkit-transition: background-color 0.2s ease;
2416
+ transition: background-color 0.2s ease;
2417
+ }
2418
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb:hover {
2419
+ background: #94a3b8;
2420
+ }
2421
+
2422
+ /* Firefox scrollbar - responsive */
2423
+ .modal-content[data-v-63dd5ea5] {
2424
+ scrollbar-width: thin;
2425
+ scrollbar-color: #cbd5e1 #f1f5f9;
2426
+ }
2427
+
2428
+ /* Mobile: Even thinner scrollbar for Firefox */
2429
+ @media (max-width: 639px) {
2430
+ .modal-content[data-v-63dd5ea5] {
2431
+ scrollbar-width: auto; /* Let Firefox decide */
2432
+ }
2433
+ }
2434
+
2435
+ /* Touch-friendly scrolling for mobile */
2436
+ @media (max-width: 639px) {
2437
+ .modal-content[data-v-63dd5ea5] {
2438
+ -webkit-overflow-scrolling: touch;
2439
+ overscroll-behavior: contain;
2440
+ }
2441
+ }
2442
+
2443
+ /* Animation and accessibility improvements */
2444
+ @media (prefers-reduced-motion: reduce) {
2445
+ .modal-overlay[data-v-63dd5ea5],
2446
+ .modal-container[data-v-63dd5ea5],
2447
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
2448
+ -webkit-transition: none;
2449
+ transition: none;
2450
+ }
2451
+ }
2452
+
2453
+ /* High contrast mode support */
2454
+ @media (prefers-contrast: high) {
2455
+ .modal-overlay[data-v-63dd5ea5] {
2456
+ background-color: rgba(0, 0, 0, 0.9);
2457
+ }
2458
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
2459
+ background: #1e293b;
2460
+ }
2461
+ }
2462
+
2463
+ /* Dark mode support preparation */
2464
+ @media (prefers-color-scheme: dark) {
2465
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar-track {
2466
+ background: #374151;
2467
+ }
2468
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
2469
+ background: #6b7280;
2470
+ }
2471
+ .modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb:hover {
2472
+ background: #9ca3af;
2473
+ }
2474
+ }
2475
+
2476
+ /* Simple fade transition - gentle and smooth */
2477
+ .fade-enter-active[data-v-4583e1b6],
2478
+ .fade-leave-active[data-v-4583e1b6] {
2479
+ transition: opacity 350ms cubic-bezier(0.16, 1, 0.3, 1);
2480
+ }
2481
+ .fade-enter-from[data-v-4583e1b6],
2482
+ .fade-leave-to[data-v-4583e1b6] {
2483
+ opacity: 0;
2484
+ }
2485
+
2486
+ /* Modern height-fade transition using interpolate-size for smooth height: auto */
2487
+ .height-fade-enter-active[data-v-4583e1b6],
2488
+ .height-fade-leave-active[data-v-4583e1b6] {
2489
+ overflow: hidden;
2490
+ }
2491
+
2492
+ /* Modern browsers with interpolate-size support */
2493
+ @supports (interpolate-size: allow-keywords) {
2494
+ .height-fade-enter-active[data-v-4583e1b6],
2495
+ .height-fade-leave-active[data-v-4583e1b6] {
2496
+ interpolate-size: allow-keywords;
2497
+ }
2498
+ .height-fade-enter-active[data-v-4583e1b6] {
2499
+ transition:
2500
+ opacity 600ms cubic-bezier(0.16, 1, 0.3, 1),
2501
+ height 600ms cubic-bezier(0.16, 1, 0.3, 1),
2502
+ transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
2503
+ }
2504
+ .height-fade-leave-active[data-v-4583e1b6] {
2505
+ transition:
2506
+ opacity 600ms cubic-bezier(0.16, 1, 0.3, 1),
2507
+ height 600ms cubic-bezier(0.16, 1, 0.3, 1),
2508
+ transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
2509
+ }
2510
+ .height-fade-enter-from[data-v-4583e1b6] {
2511
+ opacity: 0;
2512
+ height: 0;
2513
+ transform: scale(0.99) translateY(-3px);
2514
+ }
2515
+ .height-fade-leave-to[data-v-4583e1b6] {
2516
+ opacity: 0;
2517
+ height: 0;
2518
+ transform: scale(0.995) translateY(1px);
2519
+ }
2520
+ .height-fade-enter-to[data-v-4583e1b6],
2521
+ .height-fade-leave-from[data-v-4583e1b6] {
2522
+ opacity: 1;
2523
+ height: auto;
2524
+ transform: scale(1) translateY(0);
2525
+ }
2526
+ }
2527
+
2528
+ /* Fallback for older browsers */
2529
+ @supports not (interpolate-size: allow-keywords) {
2530
+ .height-fade-enter-active[data-v-4583e1b6] {
2531
+ transition:
2532
+ opacity 600ms cubic-bezier(0.16, 1, 0.3, 1),
2533
+ max-height 600ms cubic-bezier(0.16, 1, 0.3, 1),
2534
+ transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
2535
+ }
2536
+ .height-fade-leave-active[data-v-4583e1b6] {
2537
+ transition:
2538
+ opacity 600ms cubic-bezier(0.16, 1, 0.3, 1),
2539
+ max-height 600ms cubic-bezier(0.16, 1, 0.3, 1),
2540
+ transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
2541
+ }
2542
+ .height-fade-enter-from[data-v-4583e1b6] {
2543
+ opacity: 0;
2544
+ max-height: 0;
2545
+ transform: scale(0.99) translateY(-3px);
2546
+ }
2547
+ .height-fade-leave-to[data-v-4583e1b6] {
2548
+ opacity: 0;
2549
+ max-height: 0;
2550
+ transform: scale(0.995) translateY(1px);
2551
+ }
2552
+ .height-fade-enter-to[data-v-4583e1b6],
2553
+ .height-fade-leave-from[data-v-4583e1b6] {
2554
+ opacity: 1;
2555
+ max-height: 300px;
2556
+ transform: scale(1) translateY(0);
2557
+ }
2558
+ }
2559
+
2560
+ /* Support block transition - gentle fade with subtle scale */
2561
+ .support-fade-enter-active[data-v-4583e1b6],
2562
+ .support-fade-leave-active[data-v-4583e1b6] {
2563
+ transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
2564
+ }
2565
+ .support-fade-enter-from[data-v-4583e1b6] {
2566
+ opacity: 0;
2567
+ transform: scale(0.97) translateY(8px);
2568
+ }
2569
+ .support-fade-leave-to[data-v-4583e1b6] {
2570
+ opacity: 0;
2571
+ transform: scale(0.99) translateY(-4px);
2572
+ }
2573
+ .support-fade-enter-to[data-v-4583e1b6],
2574
+ .support-fade-leave-from[data-v-4583e1b6] {
2575
+ opacity: 1;
2576
+ transform: scale(1) translateY(0);
2577
+ }
2578
+
2579
+ /* Expand transition - for alerts using modern height animation */
2580
+ .expand-enter-active[data-v-4583e1b6],
2581
+ .expand-leave-active[data-v-4583e1b6] {
2582
+ overflow: hidden;
2583
+ }
2584
+
2585
+ /* Modern browsers with interpolate-size support for expand */
2586
+ @supports (interpolate-size: allow-keywords) {
2587
+ .expand-enter-active[data-v-4583e1b6],
2588
+ .expand-leave-active[data-v-4583e1b6] {
2589
+ interpolate-size: allow-keywords;
2590
+ }
2591
+ .expand-enter-active[data-v-4583e1b6] {
2592
+ transition:
2593
+ opacity 550ms cubic-bezier(0.16, 1, 0.3, 1),
2594
+ height 550ms cubic-bezier(0.16, 1, 0.3, 1),
2595
+ transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
2596
+ }
2597
+ .expand-leave-active[data-v-4583e1b6] {
2598
+ transition:
2599
+ opacity 550ms cubic-bezier(0.16, 1, 0.3, 1),
2600
+ height 550ms cubic-bezier(0.16, 1, 0.3, 1),
2601
+ transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
2602
+ }
2603
+ .expand-enter-from[data-v-4583e1b6] {
2604
+ opacity: 0;
2605
+ height: 0;
2606
+ transform: scale(0.99) translateY(-2px);
2607
+ }
2608
+ .expand-leave-to[data-v-4583e1b6] {
2609
+ opacity: 0;
2610
+ height: 0;
2611
+ transform: scale(0.997) translateY(1px);
2612
+ }
2613
+ .expand-enter-to[data-v-4583e1b6],
2614
+ .expand-leave-from[data-v-4583e1b6] {
2615
+ opacity: 1;
2616
+ height: auto;
2617
+ transform: scale(1) translateY(0);
2618
+ }
2619
+ }
2620
+
2621
+ /* Fallback for expand in older browsers */
2622
+ @supports not (interpolate-size: allow-keywords) {
2623
+ .expand-enter-active[data-v-4583e1b6] {
2624
+ transition:
2625
+ opacity 550ms cubic-bezier(0.16, 1, 0.3, 1),
2626
+ max-height 550ms cubic-bezier(0.16, 1, 0.3, 1),
2627
+ transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
2628
+ }
2629
+ .expand-leave-active[data-v-4583e1b6] {
2630
+ transition:
2631
+ opacity 550ms cubic-bezier(0.16, 1, 0.3, 1),
2632
+ max-height 550ms cubic-bezier(0.16, 1, 0.3, 1),
2633
+ transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
2634
+ }
2635
+ .expand-enter-from[data-v-4583e1b6] {
2636
+ opacity: 0;
2637
+ max-height: 0;
2638
+ transform: scale(0.99) translateY(-2px);
2639
+ }
2640
+ .expand-leave-to[data-v-4583e1b6] {
2641
+ opacity: 0;
2642
+ max-height: 0;
2643
+ transform: scale(0.997) translateY(1px);
2644
+ }
2645
+ .expand-enter-to[data-v-4583e1b6],
2646
+ .expand-leave-from[data-v-4583e1b6] {
2647
+ opacity: 1;
2648
+ max-height: 150px;
2649
+ transform: scale(1) translateY(0);
2650
+ }
2651
+ }
2652
+
2653
+ /* Loading pulse animation */
2654
+ @keyframes pulse-4583e1b6 {
2655
+ 0%, 100% {
2656
+ opacity: 1;
2657
+ }
2658
+ 50% {
2659
+ opacity: 0.5;
2660
+ }
2661
+ }
2662
+ .animate-pulse[data-v-4583e1b6] {
2663
+ animation: pulse-4583e1b6 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2664
+ }
2665
+
2666
+ /* Slide up animation for main container - elegant entrance */
2667
+ @keyframes slide-up-4583e1b6 {
2668
+ from {
2669
+ opacity: 0;
2670
+ transform: translateY(24px) scale(0.96);
2671
+ filter: blur(2px);
2672
+ }
2673
+ to {
2674
+ opacity: 1;
2675
+ transform: translateY(0) scale(1);
2676
+ filter: blur(0px);
2677
+ }
2678
+ }
2679
+ .animate-slide-up[data-v-4583e1b6] {
2680
+ animation: slide-up-4583e1b6 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
2681
+ }
2682
+
2683
+ /* Fade in animation for alerts - gentle appearance */
2684
+ @keyframes fade-in-4583e1b6 {
2685
+ from {
2686
+ opacity: 0;
2687
+ transform: scale(0.97) translateY(6px);
2688
+ }
2689
+ to {
2690
+ opacity: 1;
2691
+ transform: scale(1) translateY(0);
2692
+ }
2693
+ }
2694
+ .animate-fade-in[data-v-4583e1b6] {
2695
+ animation: fade-in-4583e1b6 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
2696
+ }
2697
+
2698
+ /* Email field spacing animation */
2699
+ .email-field-spacing[data-v-4583e1b6] {
2700
+ transition: margin-bottom 500ms cubic-bezier(0.16, 1, 0.3, 1);
2701
+ }
2702
+ .email-field-spacing.has-password[data-v-4583e1b6] {
2703
+ margin-bottom: 1rem; /* mb-4 equivalent */
2704
+ }
2705
+ .email-field-spacing.no-password[data-v-4583e1b6] {
2706
+ margin-bottom: 0;
2707
+ }
2708
+
2709
+ /* Password field transition - optimized for form layout */
2710
+ .password-fade-enter-active[data-v-4583e1b6],
2711
+ .password-fade-leave-active[data-v-4583e1b6] {
2712
+ overflow: hidden;
2713
+ }
2714
+
2715
+ /* Modern browsers with interpolate-size support for password field */
2716
+ @supports (interpolate-size: allow-keywords) {
2717
+ .password-fade-enter-active[data-v-4583e1b6],
2718
+ .password-fade-leave-active[data-v-4583e1b6] {
2719
+ interpolate-size: allow-keywords;
2720
+ }
2721
+ .password-fade-enter-active[data-v-4583e1b6] {
2722
+ transition:
2723
+ opacity 500ms cubic-bezier(0.16, 1, 0.3, 1),
2724
+ height 500ms cubic-bezier(0.16, 1, 0.3, 1),
2725
+ margin 500ms cubic-bezier(0.16, 1, 0.3, 1),
2726
+ transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
2727
+ }
2728
+ .password-fade-leave-active[data-v-4583e1b6] {
2729
+ transition:
2730
+ opacity 500ms cubic-bezier(0.16, 1, 0.3, 1),
2731
+ height 500ms cubic-bezier(0.16, 1, 0.3, 1),
2732
+ margin 500ms cubic-bezier(0.16, 1, 0.3, 1),
2733
+ transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
2734
+ }
2735
+ .password-fade-enter-from[data-v-4583e1b6] {
2736
+ opacity: 0;
2737
+ height: 0;
2738
+ margin-top: 0;
2739
+ margin-bottom: 0;
2740
+ transform: scale(0.99) translateY(-2px);
2741
+ }
2742
+ .password-fade-leave-to[data-v-4583e1b6] {
2743
+ opacity: 0;
2744
+ height: 0;
2745
+ margin-top: 0;
2746
+ margin-bottom: 0;
2747
+ transform: scale(0.995) translateY(1px);
2748
+ }
2749
+ .password-fade-enter-to[data-v-4583e1b6],
2750
+ .password-fade-leave-from[data-v-4583e1b6] {
2751
+ opacity: 1;
2752
+ height: auto;
2753
+ transform: scale(1) translateY(0);
2754
+ }
2755
+ }
2756
+
2757
+ /* Fallback for password field in older browsers */
2758
+ @supports not (interpolate-size: allow-keywords) {
2759
+ .password-fade-enter-active[data-v-4583e1b6] {
2760
+ transition:
2761
+ opacity 500ms cubic-bezier(0.16, 1, 0.3, 1),
2762
+ max-height 500ms cubic-bezier(0.16, 1, 0.3, 1),
2763
+ margin 500ms cubic-bezier(0.16, 1, 0.3, 1),
2764
+ transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
2765
+ }
2766
+ .password-fade-leave-active[data-v-4583e1b6] {
2767
+ transition:
2768
+ opacity 500ms cubic-bezier(0.16, 1, 0.3, 1),
2769
+ max-height 500ms cubic-bezier(0.16, 1, 0.3, 1),
2770
+ margin 500ms cubic-bezier(0.16, 1, 0.3, 1),
2771
+ transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
2772
+ }
2773
+ .password-fade-enter-from[data-v-4583e1b6] {
2774
+ opacity: 0;
2775
+ max-height: 0;
2776
+ margin-top: 0;
2777
+ margin-bottom: 0;
2778
+ transform: scale(0.99) translateY(-2px);
2779
+ }
2780
+ .password-fade-leave-to[data-v-4583e1b6] {
2781
+ opacity: 0;
2782
+ max-height: 0;
2783
+ margin-top: 0;
2784
+ margin-bottom: 0;
2785
+ transform: scale(0.995) translateY(1px);
2786
+ }
2787
+ .password-fade-enter-to[data-v-4583e1b6],
2788
+ .password-fade-leave-from[data-v-4583e1b6] {
2789
+ opacity: 1;
2790
+ max-height: 120px;
2791
+ transform: scale(1) translateY(0);
2792
+ }
2793
+ }
2794
+
2795
+ .expand-enter-active[data-v-9670e06b] {
2796
+ transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
2797
+ overflow: hidden;
2798
+ }
2799
+ .expand-leave-active[data-v-9670e06b] {
2800
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
2801
+ overflow: hidden;
2802
+ }
2803
+ .expand-enter-from[data-v-9670e06b] {
2804
+ max-height: 0;
2805
+ opacity: 0;
2806
+ transform: translateY(-10px);
2807
+ }
2808
+ .expand-leave-to[data-v-9670e06b] {
2809
+ max-height: 0;
2810
+ opacity: 0;
2811
+ transform: translateY(-10px);
2812
+ }
2813
+ .expand-enter-to[data-v-9670e06b],
2814
+ .expand-leave-from[data-v-9670e06b] {
2815
+ max-height: 300px; /* Approximate max height for password form */
2816
+ opacity: 1;
2817
+ transform: translateY(0);
2818
+ }
2819
+
2820
+ /* Profile container - 80% of dynamic viewport height */
2821
+ .profile-container[data-v-9670e06b] {
2822
+ max-height: 80dvh;
2823
+ display: flex;
2824
+ flex-direction: column;
2825
+ overflow: hidden;
2826
+ }
2827
+
2828
+ /* Profile content - scrollable area */
2829
+ .profile-content[data-v-9670e06b] {
2830
+ flex: 1;
2831
+ overflow-y: auto;
2832
+ overflow-x: hidden;
2833
+ min-height: 0; /* Important for flex child scrolling */
2834
+
2835
+ /* Custom scrollbar styling */
2836
+ scrollbar-width: thin;
2837
+ scrollbar-color: #cbd5e1 #f1f5f9;
2838
+ }
2839
+
2840
+ /* Webkit scrollbar styling */
2841
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar {
2842
+ width: 6px;
2843
+ }
2844
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar-track {
2845
+ background: #f1f5f9;
2846
+ border-radius: 3px;
2847
+ }
2848
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar-thumb {
2849
+ background: #cbd5e1;
2850
+ border-radius: 3px;
2851
+ -webkit-transition: background-color 0.2s ease;
2852
+ transition: background-color 0.2s ease;
2853
+ }
2854
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar-thumb:hover {
2855
+ background: #94a3b8;
2856
+ }
2857
+
2858
+ /* Mobile: Touch-friendly scrolling */
2859
+ @media (max-width: 768px) {
2860
+ .profile-content[data-v-9670e06b] {
2861
+ -webkit-overflow-scrolling: touch;
2862
+ overscroll-behavior: contain;
2863
+ scrollbar-width: auto; /* Let mobile decide */
2864
+ }
2865
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar {
2866
+ width: 4px; /* Thinner on mobile */
2867
+ }
2868
+ }
2869
+
2870
+ /* Accessibility improvements */
2871
+ @media (prefers-reduced-motion: reduce) {
2872
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar-thumb {
2873
+ -webkit-transition: none;
2874
+ transition: none;
2875
+ }
2876
+ }
2877
+
2878
+ /* High contrast mode */
2879
+ @media (prefers-contrast: high) {
2880
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar-thumb {
2881
+ background: #1e293b;
2882
+ }
2883
+ }
2884
+
2885
+ /* Dark mode support */
2886
+ @media (prefers-color-scheme: dark) {
2887
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar-track {
2888
+ background: #374151;
2889
+ }
2890
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar-thumb {
2891
+ background: #6b7280;
2892
+ }
2893
+ .profile-content[data-v-9670e06b]::-webkit-scrollbar-thumb:hover {
2894
+ background: #9ca3af;
2895
+ }
2896
+ }