create-gardener 2.0.3 → 2.0.5

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 (18) hide show
  1. package/package.json +2 -2
  2. package/template/buildHelper.js +6 -2
  3. package/template/jsconfig.json +6 -12
  4. package/template/package.json +3 -3
  5. package/template/src/backend/controllers/gardener/addPage.ts +40 -3
  6. package/template/src/backend/controllers/gardener/index.ts +1 -0
  7. package/template/src/backend/controllers/gardener/saveTemplate.ts +60 -0
  8. package/template/src/backend/routes/gardener.route.ts +2 -10
  9. package/template/src/frontend/static/gardenerDev.js +98 -5
  10. package/template/src/frontend/static/pages/{_get-started.js → pages._al.js} +1 -4
  11. package/template/src/frontend/static/pages/pages._new.js +2 -0
  12. package/template/src/frontend/static/style.css +1069 -1
  13. package/template/src/frontend/static/style2.css +4 -0
  14. package/template/src/frontend/template/template._.ejs +120 -0
  15. package/template/src/frontend/views/_.ejs +9 -3
  16. package/template/src/frontend/frontendtemplate.ejs +0 -24
  17. package/template/src/frontend/views/_get-started.ejs +0 -25
  18. /package/template/src/frontend/static/pages/{_.js → pages._.js} +0 -0
package/template/src/frontend/static/style.css CHANGED
@@ -1,2 +1,1070 @@
1
1
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- @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-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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-300:oklch(80.8% .114 19.571);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-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-50:oklch(97.9% .021 166.113);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-cyan-50:oklch(98.4% .019 200.873);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-800:oklch(42.4% .199 265.638);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-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-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-5xl:64rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/4{top:25%}.top-2\/5{top:40%}.top-\[-60px\]{top:-60px}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-22{bottom:calc(var(--spacing) * 22)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/4{left:25%}.left-2\/5{left:40%}.left-\[100vw\]{left:100vw}.z-2{z-index:2}.z-50{z-index:50}.z-90{z-index:90}.z-100{z-index:100}.mx-auto{margin-inline:auto}.my-10{margin-block:calc(var(--spacing) * 10)}.my-15{margin-block:calc(var(--spacing) * 15)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-10{margin-left:calc(var(--spacing) * 10)}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.h-2\/4{height:50%}.h-5{height:calc(var(--spacing) * 5)}.h-15{height:calc(var(--spacing) * 15)}.h-96{height:calc(var(--spacing) * 96)}.h-screen{height:100vh}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-5{width:calc(var(--spacing) * 5)}.w-15{width:calc(var(--spacing) * 15)}.w-96{width:calc(var(--spacing) * 96)}.w-200{width:calc(var(--spacing) * 200)}.w-full{width:100%}.w-screen{width:100vw}.max-w-5xl{max-width:var(--container-5xl)}.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)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.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}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-12{gap:calc(var(--spacing) * 12)}: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)))}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-black{border-color:var(--color-black)}.border-gray-700{border-color:var(--color-gray-700)}.border-green-100{border-color:var(--color-green-100)}.border-green-500{border-color:var(--color-green-500)}.border-green-700{border-color:var(--color-green-700)}.border-slate-700{border-color:var(--color-slate-700)}.bg-\[\#1e1e1e\]{background-color:#1e1e1e}.bg-\[\#2e7d32\]{background-color:#2e7d32}.bg-\[\#d32f2f\]{background-color:#d32f2f}.bg-\[\#ed6c02\]{background-color:#ed6c02}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-900{background-color:var(--color-green-900)}.bg-red-300{background-color:var(--color-red-300)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-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))}.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)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-black{color:var(--color-black)}.text-blue-300{color:var(--color-blue-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-green-100{color:var(--color-green-100)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-all{-webkit-user-select:all;user-select:all}@media (hover:hover){.hover\:bg-green-800:hover{background-color:var(--color-green-800)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (min-width:48rem){.md\:right-\[60px\]{right:60px}.md\:left-auto{left:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
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-300: oklch(80.8% 0.114 19.571);
11
+ --color-green-100: oklch(96.2% 0.044 156.743);
12
+ --color-green-200: oklch(92.5% 0.084 155.995);
13
+ --color-green-300: oklch(87.1% 0.15 154.449);
14
+ --color-green-400: oklch(79.2% 0.209 151.711);
15
+ --color-green-500: oklch(72.3% 0.219 149.579);
16
+ --color-green-600: oklch(62.7% 0.194 149.214);
17
+ --color-green-700: oklch(52.7% 0.154 150.069);
18
+ --color-green-800: oklch(44.8% 0.119 151.328);
19
+ --color-green-900: oklch(39.3% 0.095 152.535);
20
+ --color-emerald-50: oklch(97.9% 0.021 166.113);
21
+ --color-emerald-300: oklch(84.5% 0.143 164.978);
22
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
23
+ --color-cyan-50: oklch(98.4% 0.019 200.873);
24
+ --color-blue-300: oklch(80.9% 0.105 251.813);
25
+ --color-blue-400: oklch(70.7% 0.165 254.624);
26
+ --color-blue-500: oklch(62.3% 0.214 259.815);
27
+ --color-blue-600: oklch(54.6% 0.245 262.881);
28
+ --color-blue-800: oklch(42.4% 0.199 265.638);
29
+ --color-slate-50: oklch(98.4% 0.003 247.858);
30
+ --color-slate-100: oklch(96.8% 0.007 247.896);
31
+ --color-slate-200: oklch(92.9% 0.013 255.508);
32
+ --color-slate-300: oklch(86.9% 0.022 252.894);
33
+ --color-slate-500: oklch(55.4% 0.046 257.417);
34
+ --color-slate-600: oklch(44.6% 0.043 257.281);
35
+ --color-slate-700: oklch(37.2% 0.044 257.287);
36
+ --color-slate-800: oklch(27.9% 0.041 260.031);
37
+ --color-slate-900: oklch(20.8% 0.042 265.755);
38
+ --color-gray-200: oklch(92.8% 0.006 264.531);
39
+ --color-gray-300: oklch(87.2% 0.01 258.338);
40
+ --color-gray-400: oklch(70.7% 0.022 261.325);
41
+ --color-gray-500: oklch(55.1% 0.027 264.364);
42
+ --color-gray-700: oklch(37.3% 0.034 259.733);
43
+ --color-gray-800: oklch(27.8% 0.033 256.848);
44
+ --color-gray-900: oklch(21% 0.034 264.665);
45
+ --color-black: #000;
46
+ --color-white: #fff;
47
+ --spacing: 0.25rem;
48
+ --container-sm: 24rem;
49
+ --container-md: 28rem;
50
+ --container-2xl: 42rem;
51
+ --container-5xl: 64rem;
52
+ --container-7xl: 80rem;
53
+ --text-sm: 0.875rem;
54
+ --text-sm--line-height: calc(1.25 / 0.875);
55
+ --text-base: 1rem;
56
+ --text-base--line-height: calc(1.5 / 1);
57
+ --text-lg: 1.125rem;
58
+ --text-lg--line-height: calc(1.75 / 1.125);
59
+ --text-xl: 1.25rem;
60
+ --text-xl--line-height: calc(1.75 / 1.25);
61
+ --text-2xl: 1.5rem;
62
+ --text-2xl--line-height: calc(2 / 1.5);
63
+ --text-3xl: 1.875rem;
64
+ --text-3xl--line-height: calc(2.25 / 1.875);
65
+ --text-4xl: 2.25rem;
66
+ --text-4xl--line-height: calc(2.5 / 2.25);
67
+ --text-5xl: 3rem;
68
+ --text-5xl--line-height: 1;
69
+ --text-6xl: 3.75rem;
70
+ --text-6xl--line-height: 1;
71
+ --font-weight-medium: 500;
72
+ --font-weight-semibold: 600;
73
+ --font-weight-bold: 700;
74
+ --tracking-wide: 0.025em;
75
+ --leading-relaxed: 1.625;
76
+ --radius-md: 0.375rem;
77
+ --radius-lg: 0.5rem;
78
+ --radius-xl: 0.75rem;
79
+ --radius-2xl: 1rem;
80
+ --radius-3xl: 1.5rem;
81
+ --blur-md: 12px;
82
+ --default-transition-duration: 150ms;
83
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
84
+ --default-font-family: var(--font-sans);
85
+ --default-mono-font-family: var(--font-mono);
86
+ }
87
+ }
88
+ @layer base {
89
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
90
+ box-sizing: border-box;
91
+ margin: 0;
92
+ padding: 0;
93
+ border: 0 solid;
94
+ }
95
+ html, :host {
96
+ line-height: 1.5;
97
+ -webkit-text-size-adjust: 100%;
98
+ tab-size: 4;
99
+ 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");
100
+ font-feature-settings: var(--default-font-feature-settings, normal);
101
+ font-variation-settings: var(--default-font-variation-settings, normal);
102
+ -webkit-tap-highlight-color: transparent;
103
+ }
104
+ hr {
105
+ height: 0;
106
+ color: inherit;
107
+ border-top-width: 1px;
108
+ }
109
+ abbr:where([title]) {
110
+ -webkit-text-decoration: underline dotted;
111
+ text-decoration: underline dotted;
112
+ }
113
+ h1, h2, h3, h4, h5, h6 {
114
+ font-size: inherit;
115
+ font-weight: inherit;
116
+ }
117
+ a {
118
+ color: inherit;
119
+ -webkit-text-decoration: inherit;
120
+ text-decoration: inherit;
121
+ }
122
+ b, strong {
123
+ font-weight: bolder;
124
+ }
125
+ code, kbd, samp, pre {
126
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
127
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
128
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
129
+ font-size: 1em;
130
+ }
131
+ small {
132
+ font-size: 80%;
133
+ }
134
+ sub, sup {
135
+ font-size: 75%;
136
+ line-height: 0;
137
+ position: relative;
138
+ vertical-align: baseline;
139
+ }
140
+ sub {
141
+ bottom: -0.25em;
142
+ }
143
+ sup {
144
+ top: -0.5em;
145
+ }
146
+ table {
147
+ text-indent: 0;
148
+ border-color: inherit;
149
+ border-collapse: collapse;
150
+ }
151
+ :-moz-focusring {
152
+ outline: auto;
153
+ }
154
+ progress {
155
+ vertical-align: baseline;
156
+ }
157
+ summary {
158
+ display: list-item;
159
+ }
160
+ ol, ul, menu {
161
+ list-style: none;
162
+ }
163
+ img, svg, video, canvas, audio, iframe, embed, object {
164
+ display: block;
165
+ vertical-align: middle;
166
+ }
167
+ img, video {
168
+ max-width: 100%;
169
+ height: auto;
170
+ }
171
+ button, input, select, optgroup, textarea, ::file-selector-button {
172
+ font: inherit;
173
+ font-feature-settings: inherit;
174
+ font-variation-settings: inherit;
175
+ letter-spacing: inherit;
176
+ color: inherit;
177
+ border-radius: 0;
178
+ background-color: transparent;
179
+ opacity: 1;
180
+ }
181
+ :where(select:is([multiple], [size])) optgroup {
182
+ font-weight: bolder;
183
+ }
184
+ :where(select:is([multiple], [size])) optgroup option {
185
+ padding-inline-start: 20px;
186
+ }
187
+ ::file-selector-button {
188
+ margin-inline-end: 4px;
189
+ }
190
+ ::placeholder {
191
+ opacity: 1;
192
+ }
193
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
194
+ ::placeholder {
195
+ color: currentcolor;
196
+ @supports (color: color-mix(in lab, red, red)) {
197
+ color: color-mix(in oklab, currentcolor 50%, transparent);
198
+ }
199
+ }
200
+ }
201
+ textarea {
202
+ resize: vertical;
203
+ }
204
+ ::-webkit-search-decoration {
205
+ -webkit-appearance: none;
206
+ }
207
+ ::-webkit-date-and-time-value {
208
+ min-height: 1lh;
209
+ text-align: inherit;
210
+ }
211
+ ::-webkit-datetime-edit {
212
+ display: inline-flex;
213
+ }
214
+ ::-webkit-datetime-edit-fields-wrapper {
215
+ padding: 0;
216
+ }
217
+ ::-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 {
218
+ padding-block: 0;
219
+ }
220
+ ::-webkit-calendar-picker-indicator {
221
+ line-height: 1;
222
+ }
223
+ :-moz-ui-invalid {
224
+ box-shadow: none;
225
+ }
226
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
227
+ appearance: button;
228
+ }
229
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
230
+ height: auto;
231
+ }
232
+ [hidden]:where(:not([hidden="until-found"])) {
233
+ display: none !important;
234
+ }
235
+ }
236
+ @layer utilities {
237
+ .fixed {
238
+ position: fixed;
239
+ }
240
+ .static {
241
+ position: static;
242
+ }
243
+ .start {
244
+ inset-inline-start: var(--spacing);
245
+ }
246
+ .end {
247
+ inset-inline-end: var(--spacing);
248
+ }
249
+ .top-0 {
250
+ top: calc(var(--spacing) * 0);
251
+ }
252
+ .top-1\/4 {
253
+ top: calc(1 / 4 * 100%);
254
+ }
255
+ .top-2\/5 {
256
+ top: calc(2 / 5 * 100%);
257
+ }
258
+ .top-\[-60px\] {
259
+ top: -60px;
260
+ }
261
+ .right-0 {
262
+ right: calc(var(--spacing) * 0);
263
+ }
264
+ .right-2 {
265
+ right: calc(var(--spacing) * 2);
266
+ }
267
+ .right-4 {
268
+ right: calc(var(--spacing) * 4);
269
+ }
270
+ .bottom-0 {
271
+ bottom: calc(var(--spacing) * 0);
272
+ }
273
+ .bottom-4 {
274
+ bottom: calc(var(--spacing) * 4);
275
+ }
276
+ .bottom-6 {
277
+ bottom: calc(var(--spacing) * 6);
278
+ }
279
+ .bottom-20 {
280
+ bottom: calc(var(--spacing) * 20);
281
+ }
282
+ .bottom-22 {
283
+ bottom: calc(var(--spacing) * 22);
284
+ }
285
+ .left-0 {
286
+ left: calc(var(--spacing) * 0);
287
+ }
288
+ .left-1\/4 {
289
+ left: calc(1 / 4 * 100%);
290
+ }
291
+ .left-2\/5 {
292
+ left: calc(2 / 5 * 100%);
293
+ }
294
+ .left-\[100vw\] {
295
+ left: 100vw;
296
+ }
297
+ .z-2 {
298
+ z-index: 2;
299
+ }
300
+ .z-50 {
301
+ z-index: 50;
302
+ }
303
+ .z-90 {
304
+ z-index: 90;
305
+ }
306
+ .z-100 {
307
+ z-index: 100;
308
+ }
309
+ .m-2 {
310
+ margin: calc(var(--spacing) * 2);
311
+ }
312
+ .mx-auto {
313
+ margin-inline: auto;
314
+ }
315
+ .my-10 {
316
+ margin-block: calc(var(--spacing) * 10);
317
+ }
318
+ .my-15 {
319
+ margin-block: calc(var(--spacing) * 15);
320
+ }
321
+ .mt-2 {
322
+ margin-top: calc(var(--spacing) * 2);
323
+ }
324
+ .mt-6 {
325
+ margin-top: calc(var(--spacing) * 6);
326
+ }
327
+ .mr-2 {
328
+ margin-right: calc(var(--spacing) * 2);
329
+ }
330
+ .mb-4 {
331
+ margin-bottom: calc(var(--spacing) * 4);
332
+ }
333
+ .mb-6 {
334
+ margin-bottom: calc(var(--spacing) * 6);
335
+ }
336
+ .mb-8 {
337
+ margin-bottom: calc(var(--spacing) * 8);
338
+ }
339
+ .ml-10 {
340
+ margin-left: calc(var(--spacing) * 10);
341
+ }
342
+ .box-border {
343
+ box-sizing: border-box;
344
+ }
345
+ .block {
346
+ display: block;
347
+ }
348
+ .flex {
349
+ display: flex;
350
+ }
351
+ .grid {
352
+ display: grid;
353
+ }
354
+ .inline {
355
+ display: inline;
356
+ }
357
+ .inline-block {
358
+ display: inline-block;
359
+ }
360
+ .h-2\/4 {
361
+ height: calc(2 / 4 * 100%);
362
+ }
363
+ .h-5 {
364
+ height: calc(var(--spacing) * 5);
365
+ }
366
+ .h-14 {
367
+ height: calc(var(--spacing) * 14);
368
+ }
369
+ .h-15 {
370
+ height: calc(var(--spacing) * 15);
371
+ }
372
+ .h-35 {
373
+ height: calc(var(--spacing) * 35);
374
+ }
375
+ .h-96 {
376
+ height: calc(var(--spacing) * 96);
377
+ }
378
+ .h-screen {
379
+ height: 100vh;
380
+ }
381
+ .w-1\/4 {
382
+ width: calc(1 / 4 * 100%);
383
+ }
384
+ .w-2\/4 {
385
+ width: calc(2 / 4 * 100%);
386
+ }
387
+ .w-5 {
388
+ width: calc(var(--spacing) * 5);
389
+ }
390
+ .w-14 {
391
+ width: calc(var(--spacing) * 14);
392
+ }
393
+ .w-15 {
394
+ width: calc(var(--spacing) * 15);
395
+ }
396
+ .w-35 {
397
+ width: calc(var(--spacing) * 35);
398
+ }
399
+ .w-50 {
400
+ width: calc(var(--spacing) * 50);
401
+ }
402
+ .w-96 {
403
+ width: calc(var(--spacing) * 96);
404
+ }
405
+ .w-200 {
406
+ width: calc(var(--spacing) * 200);
407
+ }
408
+ .w-full {
409
+ width: 100%;
410
+ }
411
+ .w-screen {
412
+ width: 100vw;
413
+ }
414
+ .max-w-5xl {
415
+ max-width: var(--container-5xl);
416
+ }
417
+ .max-w-md {
418
+ max-width: var(--container-md);
419
+ }
420
+ .max-w-sm {
421
+ max-width: var(--container-sm);
422
+ }
423
+ .min-w-100 {
424
+ min-width: calc(var(--spacing) * 100);
425
+ }
426
+ .flex-1 {
427
+ flex: 1;
428
+ }
429
+ .transform {
430
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
431
+ }
432
+ .cursor-pointer {
433
+ cursor: pointer;
434
+ }
435
+ .grid-cols-2 {
436
+ grid-template-columns: repeat(2, minmax(0, 1fr));
437
+ }
438
+ .flex-col {
439
+ flex-direction: column;
440
+ }
441
+ .flex-wrap {
442
+ flex-wrap: wrap;
443
+ }
444
+ .items-center {
445
+ align-items: center;
446
+ }
447
+ .justify-around {
448
+ justify-content: space-around;
449
+ }
450
+ .justify-between {
451
+ justify-content: space-between;
452
+ }
453
+ .justify-center {
454
+ justify-content: center;
455
+ }
456
+ .gap-2 {
457
+ gap: calc(var(--spacing) * 2);
458
+ }
459
+ .gap-3 {
460
+ gap: calc(var(--spacing) * 3);
461
+ }
462
+ .gap-4 {
463
+ gap: calc(var(--spacing) * 4);
464
+ }
465
+ .gap-12 {
466
+ gap: calc(var(--spacing) * 12);
467
+ }
468
+ .space-y-3 {
469
+ :where(& > :not(:last-child)) {
470
+ --tw-space-y-reverse: 0;
471
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
472
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
473
+ }
474
+ }
475
+ .overflow-scroll {
476
+ overflow: scroll;
477
+ }
478
+ .overflow-x-auto {
479
+ overflow-x: auto;
480
+ }
481
+ .rounded {
482
+ border-radius: 0.25rem;
483
+ }
484
+ .rounded-2xl {
485
+ border-radius: var(--radius-2xl);
486
+ }
487
+ .rounded-full {
488
+ border-radius: calc(infinity * 1px);
489
+ }
490
+ .rounded-lg {
491
+ border-radius: var(--radius-lg);
492
+ }
493
+ .rounded-md {
494
+ border-radius: var(--radius-md);
495
+ }
496
+ .rounded-xl {
497
+ border-radius: var(--radius-xl);
498
+ }
499
+ .rounded-t-lg {
500
+ border-top-left-radius: var(--radius-lg);
501
+ border-top-right-radius: var(--radius-lg);
502
+ }
503
+ .border {
504
+ border-style: var(--tw-border-style);
505
+ border-width: 1px;
506
+ }
507
+ .border-2 {
508
+ border-style: var(--tw-border-style);
509
+ border-width: 2px;
510
+ }
511
+ .border-t-4 {
512
+ border-top-style: var(--tw-border-style);
513
+ border-top-width: 4px;
514
+ }
515
+ .border-b-1 {
516
+ border-bottom-style: var(--tw-border-style);
517
+ border-bottom-width: 1px;
518
+ }
519
+ .border-black {
520
+ border-color: var(--color-black);
521
+ }
522
+ .border-gray-700 {
523
+ border-color: var(--color-gray-700);
524
+ }
525
+ .border-green-100 {
526
+ border-color: var(--color-green-100);
527
+ }
528
+ .border-green-500 {
529
+ border-color: var(--color-green-500);
530
+ }
531
+ .border-green-700 {
532
+ border-color: var(--color-green-700);
533
+ }
534
+ .border-slate-700 {
535
+ border-color: var(--color-slate-700);
536
+ }
537
+ .bg-\[\#1e1e1e\] {
538
+ background-color: #1e1e1e;
539
+ }
540
+ .bg-\[\#2e7d32\] {
541
+ background-color: #2e7d32;
542
+ }
543
+ .bg-\[\#d32f2f\] {
544
+ background-color: #d32f2f;
545
+ }
546
+ .bg-\[\#ed6c02\] {
547
+ background-color: #ed6c02;
548
+ }
549
+ .bg-black {
550
+ background-color: var(--color-black);
551
+ }
552
+ .bg-blue-500 {
553
+ background-color: var(--color-blue-500);
554
+ }
555
+ .bg-gray-200 {
556
+ background-color: var(--color-gray-200);
557
+ }
558
+ .bg-gray-400 {
559
+ background-color: var(--color-gray-400);
560
+ }
561
+ .bg-gray-500 {
562
+ background-color: var(--color-gray-500);
563
+ }
564
+ .bg-gray-800 {
565
+ background-color: var(--color-gray-800);
566
+ }
567
+ .bg-green-200 {
568
+ background-color: var(--color-green-200);
569
+ }
570
+ .bg-green-300 {
571
+ background-color: var(--color-green-300);
572
+ }
573
+ .bg-green-500 {
574
+ background-color: var(--color-green-500);
575
+ }
576
+ .bg-green-700 {
577
+ background-color: var(--color-green-700);
578
+ }
579
+ .bg-green-900 {
580
+ background-color: var(--color-green-900);
581
+ }
582
+ .bg-red-300 {
583
+ background-color: var(--color-red-300);
584
+ }
585
+ .bg-slate-50 {
586
+ background-color: var(--color-slate-50);
587
+ }
588
+ .bg-slate-800 {
589
+ background-color: var(--color-slate-800);
590
+ }
591
+ .bg-slate-900 {
592
+ background-color: var(--color-slate-900);
593
+ }
594
+ .bg-white {
595
+ background-color: var(--color-white);
596
+ }
597
+ .object-contain {
598
+ object-fit: contain;
599
+ }
600
+ .p-2 {
601
+ padding: calc(var(--spacing) * 2);
602
+ }
603
+ .p-3 {
604
+ padding: calc(var(--spacing) * 3);
605
+ }
606
+ .p-4 {
607
+ padding: calc(var(--spacing) * 4);
608
+ }
609
+ .p-5 {
610
+ padding: calc(var(--spacing) * 5);
611
+ }
612
+ .p-6 {
613
+ padding: calc(var(--spacing) * 6);
614
+ }
615
+ .px-4 {
616
+ padding-inline: calc(var(--spacing) * 4);
617
+ }
618
+ .px-6 {
619
+ padding-inline: calc(var(--spacing) * 6);
620
+ }
621
+ .px-8 {
622
+ padding-inline: calc(var(--spacing) * 8);
623
+ }
624
+ .px-10 {
625
+ padding-inline: calc(var(--spacing) * 10);
626
+ }
627
+ .py-2 {
628
+ padding-block: calc(var(--spacing) * 2);
629
+ }
630
+ .py-3 {
631
+ padding-block: calc(var(--spacing) * 3);
632
+ }
633
+ .py-12 {
634
+ padding-block: calc(var(--spacing) * 12);
635
+ }
636
+ .py-20 {
637
+ padding-block: calc(var(--spacing) * 20);
638
+ }
639
+ .pb-1\.5 {
640
+ padding-bottom: calc(var(--spacing) * 1.5);
641
+ }
642
+ .text-center {
643
+ text-align: center;
644
+ }
645
+ .text-left {
646
+ text-align: left;
647
+ }
648
+ .font-mono {
649
+ font-family: var(--font-mono);
650
+ }
651
+ .font-sans {
652
+ font-family: var(--font-sans);
653
+ }
654
+ .text-2xl {
655
+ font-size: var(--text-2xl);
656
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
657
+ }
658
+ .text-3xl {
659
+ font-size: var(--text-3xl);
660
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
661
+ }
662
+ .text-5xl {
663
+ font-size: var(--text-5xl);
664
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
665
+ }
666
+ .text-6xl {
667
+ font-size: var(--text-6xl);
668
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
669
+ }
670
+ .text-lg {
671
+ font-size: var(--text-lg);
672
+ line-height: var(--tw-leading, var(--text-lg--line-height));
673
+ }
674
+ .text-sm {
675
+ font-size: var(--text-sm);
676
+ line-height: var(--tw-leading, var(--text-sm--line-height));
677
+ }
678
+ .text-xl {
679
+ font-size: var(--text-xl);
680
+ line-height: var(--tw-leading, var(--text-xl--line-height));
681
+ }
682
+ .font-bold {
683
+ --tw-font-weight: var(--font-weight-bold);
684
+ font-weight: var(--font-weight-bold);
685
+ }
686
+ .font-medium {
687
+ --tw-font-weight: var(--font-weight-medium);
688
+ font-weight: var(--font-weight-medium);
689
+ }
690
+ .tracking-wide {
691
+ --tw-tracking: var(--tracking-wide);
692
+ letter-spacing: var(--tracking-wide);
693
+ }
694
+ .text-black {
695
+ color: var(--color-black);
696
+ }
697
+ .text-blue-300 {
698
+ color: var(--color-blue-300);
699
+ }
700
+ .text-emerald-400 {
701
+ color: var(--color-emerald-400);
702
+ }
703
+ .text-gray-300 {
704
+ color: var(--color-gray-300);
705
+ }
706
+ .text-gray-400 {
707
+ color: var(--color-gray-400);
708
+ }
709
+ .text-green-100 {
710
+ color: var(--color-green-100);
711
+ }
712
+ .text-green-300 {
713
+ color: var(--color-green-300);
714
+ }
715
+ .text-green-400 {
716
+ color: var(--color-green-400);
717
+ }
718
+ .text-green-500 {
719
+ color: var(--color-green-500);
720
+ }
721
+ .text-green-800 {
722
+ color: var(--color-green-800);
723
+ }
724
+ .text-green-900 {
725
+ color: var(--color-green-900);
726
+ }
727
+ .text-slate-500 {
728
+ color: var(--color-slate-500);
729
+ }
730
+ .text-slate-600 {
731
+ color: var(--color-slate-600);
732
+ }
733
+ .text-slate-700 {
734
+ color: var(--color-slate-700);
735
+ }
736
+ .text-slate-900 {
737
+ color: var(--color-slate-900);
738
+ }
739
+ .text-white {
740
+ color: var(--color-white);
741
+ }
742
+ .lowercase {
743
+ text-transform: lowercase;
744
+ }
745
+ .uppercase {
746
+ text-transform: uppercase;
747
+ }
748
+ .italic {
749
+ font-style: italic;
750
+ }
751
+ .opacity-70 {
752
+ opacity: 70%;
753
+ }
754
+ .shadow-lg {
755
+ --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));
756
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
757
+ }
758
+ .shadow-sm {
759
+ --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));
760
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
761
+ }
762
+ .shadow-xl {
763
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
764
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
765
+ }
766
+ .backdrop-blur-md {
767
+ --tw-backdrop-blur: blur(var(--blur-md));
768
+ -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,);
769
+ 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,);
770
+ }
771
+ .transition {
772
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
773
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
774
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
775
+ }
776
+ .transition-all {
777
+ transition-property: all;
778
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
779
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
780
+ }
781
+ .duration-200 {
782
+ --tw-duration: 200ms;
783
+ transition-duration: 200ms;
784
+ }
785
+ .select-all {
786
+ -webkit-user-select: all;
787
+ user-select: all;
788
+ }
789
+ .hover\:bg-blue-600 {
790
+ &:hover {
791
+ @media (hover: hover) {
792
+ background-color: var(--color-blue-600);
793
+ }
794
+ }
795
+ }
796
+ .hover\:bg-gray-800 {
797
+ &:hover {
798
+ @media (hover: hover) {
799
+ background-color: var(--color-gray-800);
800
+ }
801
+ }
802
+ }
803
+ .hover\:bg-gray-900 {
804
+ &:hover {
805
+ @media (hover: hover) {
806
+ background-color: var(--color-gray-900);
807
+ }
808
+ }
809
+ }
810
+ .hover\:bg-green-600 {
811
+ &:hover {
812
+ @media (hover: hover) {
813
+ background-color: var(--color-green-600);
814
+ }
815
+ }
816
+ }
817
+ .hover\:bg-green-800 {
818
+ &:hover {
819
+ @media (hover: hover) {
820
+ background-color: var(--color-green-800);
821
+ }
822
+ }
823
+ }
824
+ .hover\:bg-white\/10 {
825
+ &:hover {
826
+ @media (hover: hover) {
827
+ background-color: color-mix(in srgb, #fff 10%, transparent);
828
+ @supports (color: color-mix(in lab, red, red)) {
829
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
830
+ }
831
+ }
832
+ }
833
+ }
834
+ .hover\:text-white {
835
+ &:hover {
836
+ @media (hover: hover) {
837
+ color: var(--color-white);
838
+ }
839
+ }
840
+ }
841
+ .active\:scale-95 {
842
+ &:active {
843
+ --tw-scale-x: 95%;
844
+ --tw-scale-y: 95%;
845
+ --tw-scale-z: 95%;
846
+ scale: var(--tw-scale-x) var(--tw-scale-y);
847
+ }
848
+ }
849
+ .md\:right-\[60px\] {
850
+ @media (width >= 48rem) {
851
+ right: 60px;
852
+ }
853
+ }
854
+ .md\:left-auto {
855
+ @media (width >= 48rem) {
856
+ left: auto;
857
+ }
858
+ }
859
+ .md\:grid-cols-2 {
860
+ @media (width >= 48rem) {
861
+ grid-template-columns: repeat(2, minmax(0, 1fr));
862
+ }
863
+ }
864
+ .md\:text-base {
865
+ @media (width >= 48rem) {
866
+ font-size: var(--text-base);
867
+ line-height: var(--tw-leading, var(--text-base--line-height));
868
+ }
869
+ }
870
+ }
871
+ @property --tw-rotate-x {
872
+ syntax: "*";
873
+ inherits: false;
874
+ }
875
+ @property --tw-rotate-y {
876
+ syntax: "*";
877
+ inherits: false;
878
+ }
879
+ @property --tw-rotate-z {
880
+ syntax: "*";
881
+ inherits: false;
882
+ }
883
+ @property --tw-skew-x {
884
+ syntax: "*";
885
+ inherits: false;
886
+ }
887
+ @property --tw-skew-y {
888
+ syntax: "*";
889
+ inherits: false;
890
+ }
891
+ @property --tw-space-y-reverse {
892
+ syntax: "*";
893
+ inherits: false;
894
+ initial-value: 0;
895
+ }
896
+ @property --tw-border-style {
897
+ syntax: "*";
898
+ inherits: false;
899
+ initial-value: solid;
900
+ }
901
+ @property --tw-font-weight {
902
+ syntax: "*";
903
+ inherits: false;
904
+ }
905
+ @property --tw-tracking {
906
+ syntax: "*";
907
+ inherits: false;
908
+ }
909
+ @property --tw-shadow {
910
+ syntax: "*";
911
+ inherits: false;
912
+ initial-value: 0 0 #0000;
913
+ }
914
+ @property --tw-shadow-color {
915
+ syntax: "*";
916
+ inherits: false;
917
+ }
918
+ @property --tw-shadow-alpha {
919
+ syntax: "<percentage>";
920
+ inherits: false;
921
+ initial-value: 100%;
922
+ }
923
+ @property --tw-inset-shadow {
924
+ syntax: "*";
925
+ inherits: false;
926
+ initial-value: 0 0 #0000;
927
+ }
928
+ @property --tw-inset-shadow-color {
929
+ syntax: "*";
930
+ inherits: false;
931
+ }
932
+ @property --tw-inset-shadow-alpha {
933
+ syntax: "<percentage>";
934
+ inherits: false;
935
+ initial-value: 100%;
936
+ }
937
+ @property --tw-ring-color {
938
+ syntax: "*";
939
+ inherits: false;
940
+ }
941
+ @property --tw-ring-shadow {
942
+ syntax: "*";
943
+ inherits: false;
944
+ initial-value: 0 0 #0000;
945
+ }
946
+ @property --tw-inset-ring-color {
947
+ syntax: "*";
948
+ inherits: false;
949
+ }
950
+ @property --tw-inset-ring-shadow {
951
+ syntax: "*";
952
+ inherits: false;
953
+ initial-value: 0 0 #0000;
954
+ }
955
+ @property --tw-ring-inset {
956
+ syntax: "*";
957
+ inherits: false;
958
+ }
959
+ @property --tw-ring-offset-width {
960
+ syntax: "<length>";
961
+ inherits: false;
962
+ initial-value: 0px;
963
+ }
964
+ @property --tw-ring-offset-color {
965
+ syntax: "*";
966
+ inherits: false;
967
+ initial-value: #fff;
968
+ }
969
+ @property --tw-ring-offset-shadow {
970
+ syntax: "*";
971
+ inherits: false;
972
+ initial-value: 0 0 #0000;
973
+ }
974
+ @property --tw-backdrop-blur {
975
+ syntax: "*";
976
+ inherits: false;
977
+ }
978
+ @property --tw-backdrop-brightness {
979
+ syntax: "*";
980
+ inherits: false;
981
+ }
982
+ @property --tw-backdrop-contrast {
983
+ syntax: "*";
984
+ inherits: false;
985
+ }
986
+ @property --tw-backdrop-grayscale {
987
+ syntax: "*";
988
+ inherits: false;
989
+ }
990
+ @property --tw-backdrop-hue-rotate {
991
+ syntax: "*";
992
+ inherits: false;
993
+ }
994
+ @property --tw-backdrop-invert {
995
+ syntax: "*";
996
+ inherits: false;
997
+ }
998
+ @property --tw-backdrop-opacity {
999
+ syntax: "*";
1000
+ inherits: false;
1001
+ }
1002
+ @property --tw-backdrop-saturate {
1003
+ syntax: "*";
1004
+ inherits: false;
1005
+ }
1006
+ @property --tw-backdrop-sepia {
1007
+ syntax: "*";
1008
+ inherits: false;
1009
+ }
1010
+ @property --tw-duration {
1011
+ syntax: "*";
1012
+ inherits: false;
1013
+ }
1014
+ @property --tw-scale-x {
1015
+ syntax: "*";
1016
+ inherits: false;
1017
+ initial-value: 1;
1018
+ }
1019
+ @property --tw-scale-y {
1020
+ syntax: "*";
1021
+ inherits: false;
1022
+ initial-value: 1;
1023
+ }
1024
+ @property --tw-scale-z {
1025
+ syntax: "*";
1026
+ inherits: false;
1027
+ initial-value: 1;
1028
+ }
1029
+ @layer properties {
1030
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1031
+ *, ::before, ::after, ::backdrop {
1032
+ --tw-rotate-x: initial;
1033
+ --tw-rotate-y: initial;
1034
+ --tw-rotate-z: initial;
1035
+ --tw-skew-x: initial;
1036
+ --tw-skew-y: initial;
1037
+ --tw-space-y-reverse: 0;
1038
+ --tw-border-style: solid;
1039
+ --tw-font-weight: initial;
1040
+ --tw-tracking: initial;
1041
+ --tw-shadow: 0 0 #0000;
1042
+ --tw-shadow-color: initial;
1043
+ --tw-shadow-alpha: 100%;
1044
+ --tw-inset-shadow: 0 0 #0000;
1045
+ --tw-inset-shadow-color: initial;
1046
+ --tw-inset-shadow-alpha: 100%;
1047
+ --tw-ring-color: initial;
1048
+ --tw-ring-shadow: 0 0 #0000;
1049
+ --tw-inset-ring-color: initial;
1050
+ --tw-inset-ring-shadow: 0 0 #0000;
1051
+ --tw-ring-inset: initial;
1052
+ --tw-ring-offset-width: 0px;
1053
+ --tw-ring-offset-color: #fff;
1054
+ --tw-ring-offset-shadow: 0 0 #0000;
1055
+ --tw-backdrop-blur: initial;
1056
+ --tw-backdrop-brightness: initial;
1057
+ --tw-backdrop-contrast: initial;
1058
+ --tw-backdrop-grayscale: initial;
1059
+ --tw-backdrop-hue-rotate: initial;
1060
+ --tw-backdrop-invert: initial;
1061
+ --tw-backdrop-opacity: initial;
1062
+ --tw-backdrop-saturate: initial;
1063
+ --tw-backdrop-sepia: initial;
1064
+ --tw-duration: initial;
1065
+ --tw-scale-x: 1;
1066
+ --tw-scale-y: 1;
1067
+ --tw-scale-z: 1;
1068
+ }
1069
+ }
1070
+ }