diff --git a/app/constants.ts b/app/constants.ts
index e7997ed3..0ee28bbc 100644
--- a/app/constants.ts
+++ b/app/constants.ts
@@ -9,7 +9,7 @@ export const baseDir = app.getAppPath();
export const fastapiDir = isDev ? path.join(baseDir, "servers/fastapi") : path.join(baseDir, "resources/fastapi");
export const nextjsDir = isDev ? path.join(baseDir, "servers/nextjs") : path.join(baseDir, "resources/nextjs");
-export const tempDir = app.getPath("temp")
+export const tempDir = path.join(app.getPath("temp"), "presenton")
export const userDataDir = app.getPath("userData")
export const downloadsDir = app.getPath("downloads")
export const userConfigPath = path.join(userDataDir, "userConfig.json")
\ No newline at end of file
diff --git a/package.json b/package.json
index 63e3f740..724bb03c 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
"dev": "tsc && electron --gtk-version=3 .",
"setup:env": "npm install && cd servers/fastapi && poetry install && cd ../../servers/nextjs && npm install",
"build:ts": "tsc",
- "build:css": "tailwindcss -i ./resources/ui/assets/tailwind.import.css -o ./resources/ui/assets/tailwind.css",
+ "build:css": "tailwindcss -i ./resources/ui/assets/css/tailwind.import.css -o ./resources/ui/assets/css/tailwind.css --watch",
"build:nextjs": "rm -rf resources/nextjs && cp -r servers/nextjs resources/nextjs && cd resources/nextjs && npm install --omit=dev && npm run build",
"build:fastapi": "rm -rf resources/fastapi && cd servers/fastapi && .venv/bin/pyinstaller --name fastapi --distpath ../../resources server.py",
"build:electron": "tsc && node build.js",
diff --git a/resources/ui/assets/tailwind.css b/resources/ui/assets/css/tailwind.css
similarity index 65%
rename from resources/ui/assets/tailwind.css
rename to resources/ui/assets/css/tailwind.css
index e54a0240..52f4669e 100644
--- a/resources/ui/assets/tailwind.css
+++ b/resources/ui/assets/css/tailwind.css
@@ -8,28 +8,15 @@
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-red-50: oklch(97.1% 0.013 17.38);
- --color-red-100: oklch(93.6% 0.032 17.717);
--color-red-300: oklch(80.8% 0.114 19.571);
--color-red-400: oklch(70.4% 0.191 22.216);
--color-red-500: oklch(63.7% 0.237 25.331);
--color-red-600: oklch(57.7% 0.245 27.325);
--color-red-700: oklch(50.5% 0.213 27.518);
--color-orange-500: oklch(70.5% 0.213 47.604);
- --color-yellow-50: oklch(98.7% 0.026 102.212);
- --color-yellow-200: oklch(94.5% 0.129 101.54);
- --color-yellow-400: oklch(85.2% 0.199 91.936);
- --color-yellow-500: oklch(79.5% 0.184 86.047);
- --color-yellow-600: oklch(68.1% 0.162 75.834);
- --color-yellow-700: oklch(55.4% 0.135 66.442);
--color-green-50: oklch(98.2% 0.018 155.826);
--color-green-100: oklch(96.2% 0.044 156.743);
- --color-green-400: oklch(79.2% 0.209 151.711);
- --color-green-500: oklch(72.3% 0.219 149.579);
- --color-green-600: oklch(62.7% 0.194 149.214);
--color-green-700: oklch(52.7% 0.154 150.069);
- --color-emerald-50: oklch(97.9% 0.021 166.113);
- --color-emerald-100: oklch(95% 0.052 163.051);
- --color-emerald-200: oklch(90.5% 0.093 164.15);
--color-emerald-500: oklch(69.6% 0.17 162.48);
--color-emerald-600: oklch(59.6% 0.145 163.225);
--color-emerald-700: oklch(50.8% 0.118 165.612);
@@ -43,24 +30,16 @@
--color-blue-700: oklch(48.8% 0.243 264.376);
--color-blue-800: oklch(42.4% 0.199 265.638);
--color-blue-900: oklch(37.9% 0.146 265.522);
- --color-indigo-50: oklch(96.2% 0.018 272.314);
- --color-indigo-100: oklch(93% 0.034 272.788);
- --color-indigo-200: oklch(87% 0.065 274.039);
- --color-indigo-500: oklch(58.5% 0.233 277.117);
--color-indigo-600: oklch(51.1% 0.262 276.966);
--color-indigo-700: oklch(45.7% 0.24 277.023);
--color-purple-50: oklch(97.7% 0.014 308.299);
--color-purple-100: oklch(94.6% 0.033 307.174);
--color-purple-200: oklch(90.2% 0.063 306.703);
- --color-purple-300: oklch(82.7% 0.119 306.383);
--color-purple-400: oklch(71.4% 0.203 305.504);
--color-purple-500: oklch(62.7% 0.265 303.9);
--color-purple-600: oklch(55.8% 0.288 302.321);
--color-purple-700: oklch(49.6% 0.265 301.924);
--color-pink-500: oklch(65.6% 0.241 354.308);
- --color-rose-500: oklch(64.5% 0.246 16.439);
- --color-slate-50: oklch(98.4% 0.003 247.858);
- --color-slate-100: oklch(96.8% 0.007 247.896);
--color-gray-50: oklch(98.5% 0.002 247.839);
--color-gray-100: oklch(96.7% 0.003 264.542);
--color-gray-200: oklch(92.8% 0.006 264.531);
@@ -74,16 +53,10 @@
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
- --container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
- --container-xl: 36rem;
- --container-2xl: 42rem;
--container-3xl: 48rem;
- --container-4xl: 56rem;
- --container-5xl: 64rem;
- --container-6xl: 72rem;
--container-7xl: 80rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
@@ -101,37 +74,23 @@
--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;
- --text-7xl: 4.5rem;
- --text-7xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
- --font-weight-extrabold: 800;
- --font-weight-black: 900;
--tracking-tight: -0.025em;
--tracking-widest: 0.1em;
- --leading-tight: 1.25;
- --leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
- --radius-2xl: 1rem;
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
- --animate-bounce: bounce 1s infinite;
--blur-sm: 8px;
--blur-xl: 24px;
- --blur-3xl: 64px;
--aspect-video: 16 / 9;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -291,12 +250,6 @@
.pointer-events-none {
pointer-events: none;
}
- .collapse {
- visibility: collapse;
- }
- .invisible {
- visibility: hidden;
- }
.visible {
visibility: visible;
}
@@ -338,18 +291,6 @@
.inset-y-0 {
inset-block: calc(var(--spacing) * 0);
}
- .-top-8 {
- top: calc(var(--spacing) * -8);
- }
- .-top-10 {
- top: calc(var(--spacing) * -10);
- }
- .-top-12 {
- top: calc(var(--spacing) * -12);
- }
- .-top-40 {
- top: calc(var(--spacing) * -40);
- }
.top-0 {
top: calc(var(--spacing) * 0);
}
@@ -365,57 +306,24 @@
.top-2\.5 {
top: calc(var(--spacing) * 2.5);
}
- .top-3 {
- top: calc(var(--spacing) * 3);
- }
.top-4 {
top: calc(var(--spacing) * 4);
}
- .top-5 {
- top: calc(var(--spacing) * 5);
- }
- .top-10 {
- top: calc(var(--spacing) * 10);
- }
- .top-\[2px\] {
- top: 2px;
- }
.top-\[5\.2rem\] {
top: 5.2rem;
}
- .top-\[18px\] {
- top: 18px;
- }
.top-\[50\%\] {
top: 50%;
}
- .top-\[65\%\] {
- top: 65%;
- }
- .top-\[105\%\] {
- top: 105%;
- }
- .top-full {
- top: 100%;
- }
.-right-4 {
right: calc(var(--spacing) * -4);
}
- .-right-12 {
- right: calc(var(--spacing) * -12);
- }
- .-right-40 {
- right: calc(var(--spacing) * -40);
- }
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-1 {
right: calc(var(--spacing) * 1);
}
- .right-1\/3 {
- right: calc(1/3 * 100%);
- }
.right-2 {
right: calc(var(--spacing) * 2);
}
@@ -428,21 +336,9 @@
.right-6 {
right: calc(var(--spacing) * 6);
}
- .right-24 {
- right: calc(var(--spacing) * 24);
- }
- .-bottom-2 {
- bottom: calc(var(--spacing) * -2);
- }
.-bottom-4 {
bottom: calc(var(--spacing) * -4);
}
- .-bottom-12 {
- bottom: calc(var(--spacing) * -12);
- }
- .-bottom-40 {
- bottom: calc(var(--spacing) * -40);
- }
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
@@ -461,21 +357,9 @@
.bottom-20 {
bottom: calc(var(--spacing) * 20);
}
- .-left-4 {
- left: calc(var(--spacing) * -4);
- }
.-left-7 {
left: calc(var(--spacing) * -7);
}
- .-left-12 {
- left: calc(var(--spacing) * -12);
- }
- .-left-20 {
- left: calc(var(--spacing) * -20);
- }
- .-left-40 {
- left: calc(var(--spacing) * -40);
- }
.left-0 {
left: calc(var(--spacing) * 0);
}
@@ -497,12 +381,6 @@
.left-\[50\%\] {
left: 50%;
}
- .isolate {
- isolation: isolate;
- }
- .-z-10 {
- z-index: calc(10 * -1);
- }
.z-10 {
z-index: 10;
}
@@ -518,9 +396,6 @@
.z-50 {
z-index: 50;
}
- .z-\[-1\] {
- z-index: -1;
- }
.z-\[-10\] {
z-index: -10;
}
@@ -530,18 +405,12 @@
.order-1 {
order: 1;
}
- .order-2 {
- order: 2;
- }
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
- .float-right {
- float: right;
- }
.container {
width: 100%;
@media (width >= 40rem) {
@@ -560,18 +429,9 @@
max-width: 96rem;
}
}
- .m-0 {
- margin: calc(var(--spacing) * 0);
- }
- .m-1 {
- margin: calc(var(--spacing) * 1);
- }
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
- .mx-1 {
- margin-inline: calc(var(--spacing) * 1);
- }
.mx-2 {
margin-inline: calc(var(--spacing) * 2);
}
@@ -581,29 +441,17 @@
.my-1 {
margin-block: calc(var(--spacing) * 1);
}
- .my-2 {
- margin-block: calc(var(--spacing) * 2);
- }
- .my-3 {
- margin-block: calc(var(--spacing) * 3);
- }
.my-4 {
margin-block: calc(var(--spacing) * 4);
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
- .my-8 {
- margin-block: calc(var(--spacing) * 8);
- }
.my-10 {
margin-block: calc(var(--spacing) * 10);
}
- .my-12 {
- margin-block: calc(var(--spacing) * 12);
- }
- .-mt-4 {
- margin-top: calc(var(--spacing) * -4);
+ .mt-0 {
+ margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * 0.5);
@@ -611,15 +459,9 @@
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
- .mt-1\.5 {
- margin-top: calc(var(--spacing) * 1.5);
- }
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
- .mt-3 {
- margin-top: calc(var(--spacing) * 3);
- }
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
@@ -638,6 +480,12 @@
.mt-16 {
margin-top: calc(var(--spacing) * 16);
}
+ .mt-20 {
+ margin-top: calc(var(--spacing) * 20);
+ }
+ .mt-40 {
+ margin-top: calc(var(--spacing) * 40);
+ }
.mr-0 {
margin-right: calc(var(--spacing) * 0);
}
@@ -647,9 +495,6 @@
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
- .mr-3 {
- margin-right: calc(var(--spacing) * 3);
- }
.mr-4 {
margin-right: calc(var(--spacing) * 4);
}
@@ -680,12 +525,6 @@
.mb-12 {
margin-bottom: calc(var(--spacing) * 12);
}
- .mb-16 {
- margin-bottom: calc(var(--spacing) * 16);
- }
- .-ml-4 {
- margin-left: calc(var(--spacing) * -4);
- }
.-ml-\[300px\] {
margin-left: calc(300px * -1);
}
@@ -698,12 +537,6 @@
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
- .ml-4 {
- margin-left: calc(var(--spacing) * 4);
- }
- .ml-6 {
- margin-left: calc(var(--spacing) * 6);
- }
.ml-auto {
margin-left: auto;
}
@@ -734,9 +567,6 @@
.block {
display: block;
}
- .block\! {
- display: block !important;
- }
.contents {
display: contents;
}
@@ -749,51 +579,15 @@
.hidden {
display: none;
}
- .inline {
- display: inline;
- }
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
- .inline-table {
- display: inline-table;
- }
- .list-item {
- display: list-item;
- }
.table {
display: table;
}
- .table\! {
- display: table !important;
- }
- .table-caption {
- display: table-caption;
- }
- .table-cell {
- display: table-cell;
- }
- .table-column {
- display: table-column;
- }
- .table-column-group {
- display: table-column-group;
- }
- .table-footer-group {
- display: table-footer-group;
- }
- .table-header-group {
- display: table-header-group;
- }
- .table-row {
- display: table-row;
- }
- .table-row-group {
- display: table-row-group;
- }
.aspect-\[4\/3\] {
aspect-ratio: 4/3;
}
@@ -806,17 +600,12 @@
.aspect-video {
aspect-ratio: var(--aspect-video);
}
- .size-0 {
- width: calc(var(--spacing) * 0);
- height: calc(var(--spacing) * 0);
- }
- .size-1 {
- width: calc(var(--spacing) * 1);
- height: calc(var(--spacing) * 1);
- }
.\!h-6 {
height: calc(var(--spacing) * 6) !important;
}
+ .h-0 {
+ height: calc(var(--spacing) * 0);
+ }
.h-0\.5 {
height: calc(var(--spacing) * 0.5);
}
@@ -826,9 +615,6 @@
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
- .h-1\/2 {
- height: calc(1/2 * 100%);
- }
.h-2 {
height: calc(var(--spacing) * 2);
}
@@ -892,12 +678,6 @@
.h-64 {
height: calc(var(--spacing) * 64);
}
- .h-80 {
- height: calc(var(--spacing) * 80);
- }
- .h-\[1\.5px\] {
- height: 1.5px;
- }
.h-\[1px\] {
height: 1px;
}
@@ -919,18 +699,9 @@
.h-\[34px\] {
height: 34px;
}
- .h-\[40px\] {
- height: 40px;
- }
- .h-\[42px\] {
- height: 42px;
- }
.h-\[48px\] {
height: 48px;
}
- .h-\[60px\] {
- height: 60px;
- }
.h-\[60vh\] {
height: 60vh;
}
@@ -940,39 +711,12 @@
.h-\[85vh\] {
height: 85vh;
}
- .h-\[100px\] {
- height: 100px;
- }
.h-\[120px\] {
height: 120px;
}
- .h-\[200px\] {
- height: 200px;
- }
.h-\[210px\] {
height: 210px;
}
- .h-\[250px\] {
- height: 250px;
- }
- .h-\[400px\] {
- height: 400px;
- }
- .h-\[500px\] {
- height: 500px;
- }
- .h-\[780px\] {
- height: 780px;
- }
- .h-\[790px\] {
- height: 790px;
- }
- .h-\[900px\] {
- height: 900px;
- }
- .h-\[calc\(90vh-8rem\)\] {
- height: calc(90vh - 8rem);
- }
.h-\[calc\(100\%-100px\)\] {
height: calc(100% - 100px);
}
@@ -994,15 +738,9 @@
.h-\[var\(--radix-select-trigger-height\)\] {
height: var(--radix-select-trigger-height);
}
- .h-auto {
- height: auto;
- }
.h-full {
height: 100%;
}
- .h-min {
- height: min-content;
- }
.h-px {
height: 1px;
}
@@ -1018,27 +756,15 @@
.max-h-\[80vh\] {
max-height: 80vh;
}
- .max-h-\[90vh\] {
- max-height: 90vh;
- }
.max-h-\[100px\] {
max-height: 100px;
}
- .max-h-\[150px\] {
- max-height: 150px;
- }
- .max-h-\[200px\] {
- max-height: 200px;
- }
.max-h-\[300px\] {
max-height: 300px;
}
.max-h-\[500px\] {
max-height: 500px;
}
- .max-h-\[600px\] {
- max-height: 600px;
- }
.max-h-\[720px\] {
max-height: 720px;
}
@@ -1054,9 +780,6 @@
.min-h-\[70vh\] {
min-height: 70vh;
}
- .min-h-\[80vh\] {
- min-height: 80vh;
- }
.min-h-\[100px\] {
min-height: 100px;
}
@@ -1072,15 +795,15 @@
.min-h-\[300px\] {
min-height: 300px;
}
- .min-h-\[400px\] {
- min-height: 400px;
- }
.min-h-screen {
min-height: 100vh;
}
.\!w-6 {
width: calc(var(--spacing) * 6) !important;
}
+ .w-0 {
+ width: calc(var(--spacing) * 0);
+ }
.w-0\.5 {
width: calc(var(--spacing) * 0.5);
}
@@ -1096,9 +819,6 @@
.w-1\/3 {
width: calc(1/3 * 100%);
}
- .w-1\/4 {
- width: calc(1/4 * 100%);
- }
.w-2 {
width: calc(var(--spacing) * 2);
}
@@ -1126,15 +846,9 @@
.w-5 {
width: calc(var(--spacing) * 5);
}
- .w-5\/6 {
- width: calc(5/6 * 100%);
- }
.w-6 {
width: calc(var(--spacing) * 6);
}
- .w-7 {
- width: calc(var(--spacing) * 7);
- }
.w-8 {
width: calc(var(--spacing) * 8);
}
@@ -1147,9 +861,6 @@
.w-12 {
width: calc(var(--spacing) * 12);
}
- .w-14 {
- width: calc(var(--spacing) * 14);
- }
.w-16 {
width: calc(var(--spacing) * 16);
}
@@ -1159,9 +870,6 @@
.w-24 {
width: calc(var(--spacing) * 24);
}
- .w-28 {
- width: calc(var(--spacing) * 28);
- }
.w-32 {
width: calc(var(--spacing) * 32);
}
@@ -1180,15 +888,9 @@
.w-60 {
width: calc(var(--spacing) * 60);
}
- .w-64 {
- width: calc(var(--spacing) * 64);
- }
.w-72 {
width: calc(var(--spacing) * 72);
}
- .w-80 {
- width: calc(var(--spacing) * 80);
- }
.w-\[1px\] {
width: 1px;
}
@@ -1207,12 +909,6 @@
.w-\[34px\] {
width: 34px;
}
- .w-\[60\%\] {
- width: 60%;
- }
- .w-\[60px\] {
- width: 60px;
- }
.w-\[70\%\] {
width: 70%;
}
@@ -1228,15 +924,9 @@
.w-\[87\%\] {
width: 87%;
}
- .w-\[90\%\] {
- width: 90%;
- }
.w-\[95\%\] {
width: 95%;
}
- .w-\[100px\] {
- width: 100px;
- }
.w-\[102px\] {
width: 102px;
}
@@ -1264,9 +954,6 @@
.w-\[300px\] {
width: 300px;
}
- .w-\[320px\] {
- width: 320px;
- }
.w-\[350px\] {
width: 350px;
}
@@ -1288,21 +975,9 @@
.w-screen {
width: 100vw;
}
- .max-w-2xl {
- max-width: var(--container-2xl);
- }
.max-w-3xl {
max-width: var(--container-3xl);
}
- .max-w-4xl {
- max-width: var(--container-4xl);
- }
- .max-w-5xl {
- max-width: var(--container-5xl);
- }
- .max-w-6xl {
- max-width: var(--container-6xl);
- }
.max-w-7xl {
max-width: var(--container-7xl);
}
@@ -1312,36 +987,18 @@
.max-w-\[90vw\] {
max-width: 90vw;
}
- .max-w-\[100px\] {
- max-width: 100px;
- }
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[300px\] {
max-width: 300px;
}
- .max-w-\[327px\] {
- max-width: 327px;
- }
.max-w-\[350px\] {
max-width: 350px;
}
- .max-w-\[420px\] {
- max-width: 420px;
- }
- .max-w-\[800px\] {
- max-width: 800px;
- }
- .max-w-\[826px\] {
- max-width: 826px;
- }
.max-w-\[1000px\] {
max-width: 1000px;
}
- .max-w-\[1060px\] {
- max-width: 1060px;
- }
.max-w-\[1100px\] {
max-width: 1100px;
}
@@ -1363,18 +1020,6 @@
.max-w-none {
max-width: none;
}
- .max-w-sm {
- max-width: var(--container-sm);
- }
- .max-w-xl {
- max-width: var(--container-xl);
- }
- .max-w-xs {
- max-width: var(--container-xs);
- }
- .min-w-0 {
- min-width: calc(var(--spacing) * 0);
- }
.min-w-8 {
min-width: calc(var(--spacing) * 8);
}
@@ -1387,12 +1032,6 @@
.min-w-\[100px\] {
min-width: 100px;
}
- .min-w-\[155px\] {
- min-width: 155px;
- }
- .min-w-\[160px\] {
- min-width: 160px;
- }
.min-w-\[162px\] {
min-width: 162px;
}
@@ -1414,9 +1053,6 @@
.flex-shrink-0 {
flex-shrink: 0;
}
- .shrink {
- flex-shrink: 1;
- }
.shrink-0 {
flex-shrink: 0;
}
@@ -1426,18 +1062,16 @@
.grow {
flex-grow: 1;
}
- .grow-0 {
- flex-grow: 0;
- }
- .basis-full {
- flex-basis: 100%;
- }
.caption-bottom {
caption-side: bottom;
}
.border-collapse {
border-collapse: collapse;
}
+ .-translate-x-1 {
+ --tw-translate-x: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1458,6 +1092,10 @@
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
+ .-translate-y-1 {
+ --tw-translate-y: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1478,33 +1116,15 @@
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
- .scale-105 {
- --tw-scale-x: 105%;
- --tw-scale-y: 105%;
- --tw-scale-z: 105%;
- scale: var(--tw-scale-x) var(--tw-scale-y);
- }
.scale-110 {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
- .scale-\[1\.02\] {
- scale: 1.02;
- }
- .-rotate-90 {
- rotate: calc(90deg * -1);
- }
- .rotate-90 {
- rotate: 90deg;
- }
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
- .animate-bounce {
- animation: var(--animate-bounce);
- }
.animate-pulse {
animation: var(--animate-pulse);
}
@@ -1538,30 +1158,12 @@
.resize {
resize: both;
}
- .resize-none {
- resize: none;
- }
- .snap-x {
- scroll-snap-type: x var(--tw-scroll-snap-strictness);
- }
- .snap-mandatory {
- --tw-scroll-snap-strictness: mandatory;
- }
- .snap-center {
- scroll-snap-align: center;
+ .list-inside {
+ list-style-position: inside;
}
.list-decimal {
list-style-type: decimal;
}
- .list-disc {
- list-style-type: disc;
- }
- .list-none {
- list-style-type: none;
- }
- .appearance-none {
- appearance: none;
- }
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@@ -1574,24 +1176,15 @@
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
- .grid-cols-6 {
- grid-template-columns: repeat(6, minmax(0, 1fr));
- }
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
- .flex-row {
- flex-direction: row;
- }
.flex-wrap {
flex-wrap: wrap;
}
- .items-baseline {
- align-items: baseline;
- }
.items-center {
align-items: center;
}
@@ -1628,9 +1221,6 @@
.gap-4 {
gap: calc(var(--spacing) * 4);
}
- .gap-5 {
- gap: calc(var(--spacing) * 5);
- }
.gap-6 {
gap: calc(var(--spacing) * 6);
}
@@ -1646,9 +1236,6 @@
.gap-14 {
gap: calc(var(--spacing) * 14);
}
- .gap-16 {
- gap: calc(var(--spacing) * 16);
- }
.gap-\[2px\] {
gap: 2px;
}
@@ -1701,13 +1288,6 @@
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}
}
- .space-y-12 {
- :where(& > :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)));
- }
- }
.space-y-\[3px\] {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
@@ -1736,9 +1316,6 @@
margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
}
}
- .self-start {
- align-self: flex-start;
- }
.truncate {
overflow: hidden;
text-overflow: ellipsis;
@@ -1762,9 +1339,6 @@
.rounded {
border-radius: 0.25rem;
}
- .rounded-2xl {
- border-radius: var(--radius-2xl);
- }
.rounded-\[8px\] {
border-radius: 8px;
}
@@ -1802,22 +1376,10 @@
border-top-left-radius: var(--radius-lg);
border-top-right-radius: var(--radius-lg);
}
- .rounded-l-lg {
- border-top-left-radius: var(--radius-lg);
- border-bottom-left-radius: var(--radius-lg);
- }
- .rounded-l-none {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
.rounded-r-lg {
border-top-right-radius: var(--radius-lg);
border-bottom-right-radius: var(--radius-lg);
}
- .rounded-r-none {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
.rounded-b-lg {
border-bottom-right-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg);
@@ -1866,12 +1428,6 @@
--tw-border-style: none;
border-style: none;
}
- .border-\[\#3d3d3d\] {
- border-color: #3d3d3d;
- }
- .border-\[\#5141e5\] {
- border-color: #5141e5;
- }
.border-\[\#5146E5\] {
border-color: #5146E5;
}
@@ -1896,9 +1452,6 @@
.border-current {
border-color: currentcolor;
}
- .border-emerald-600 {
- border-color: var(--color-emerald-600);
- }
.border-gray-100 {
border-color: var(--color-gray-100);
}
@@ -1911,39 +1464,18 @@
.border-gray-400 {
border-color: var(--color-gray-400);
}
- .border-gray-700 {
- border-color: var(--color-gray-700);
- }
.border-gray-800 {
border-color: var(--color-gray-800);
}
- .border-indigo-500 {
- border-color: var(--color-indigo-500);
- }
- .border-indigo-600 {
- border-color: var(--color-indigo-600);
- }
- .border-purple-100 {
- border-color: var(--color-purple-100);
- }
.border-purple-200 {
border-color: var(--color-purple-200);
}
.border-purple-400 {
border-color: var(--color-purple-400);
}
- .border-purple-600 {
- border-color: var(--color-purple-600);
- }
.border-red-300 {
border-color: var(--color-red-300);
}
- .border-red-400 {
- border-color: var(--color-red-400);
- }
- .border-red-500 {
- border-color: var(--color-red-500);
- }
.border-transparent {
border-color: transparent;
}
@@ -1956,9 +1488,6 @@
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
- .border-yellow-200 {
- border-color: var(--color-yellow-200);
- }
.border-t-blue-200 {
border-top-color: var(--color-blue-200);
}
@@ -1980,45 +1509,27 @@
.border-l-transparent {
border-left-color: transparent;
}
- .bg-\[\#1A1A1A\] {
- background-color: #1A1A1A;
- }
.bg-\[\#5141e5\] {
background-color: #5141e5;
}
.bg-\[\#5146E5\] {
background-color: #5146E5;
}
- .bg-\[\#5146e5\] {
- background-color: #5146e5;
- }
.bg-\[\#6358fd\] {
background-color: #6358fd;
}
- .bg-\[\#6558fd\] {
- background-color: #6558fd;
- }
.bg-\[\#030303\] {
background-color: #030303;
}
- .bg-\[\#130000\] {
- background-color: #130000;
- }
.bg-\[\#E9E8F8\] {
background-color: #E9E8F8;
}
- .bg-\[\#EBEBEB\] {
- background-color: #EBEBEB;
- }
.bg-\[\#EDEDED\] {
background-color: #EDEDED;
}
.bg-\[\#F9F9F9\] {
background-color: #F9F9F9;
}
- .bg-\[\#FAFAFA\] {
- background-color: #FAFAFA;
- }
.bg-\[\#e8f0fe\] {
background-color: #e8f0fe;
}
@@ -2028,9 +1539,6 @@
.bg-\[\#f8f9fa\] {
background-color: #f8f9fa;
}
- .bg-\[\#fff3dc\] {
- background-color: #fff3dc;
- }
.bg-black {
background-color: var(--color-black);
}
@@ -2040,12 +1548,6 @@
background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
}
}
- .bg-black\/10 {
- background-color: color-mix(in srgb, #000 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
- }
- }
.bg-black\/20 {
background-color: color-mix(in srgb, #000 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
@@ -2073,18 +1575,6 @@
.bg-blue-50 {
background-color: var(--color-blue-50);
}
- .bg-blue-50\/30 {
- background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
- }
- }
- .bg-blue-50\/50 {
- background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
- }
- }
.bg-blue-100 {
background-color: var(--color-blue-100);
}
@@ -2106,12 +1596,6 @@
.bg-current {
background-color: currentcolor;
}
- .bg-emerald-100 {
- background-color: var(--color-emerald-100);
- }
- .bg-emerald-200 {
- background-color: var(--color-emerald-200);
- }
.bg-emerald-600 {
background-color: var(--color-emerald-600);
}
@@ -2142,69 +1626,18 @@
.bg-green-100 {
background-color: var(--color-green-100);
}
- .bg-green-500 {
- background-color: var(--color-green-500);
- }
- .bg-green-500\/50 {
- background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
- }
- }
- .bg-indigo-50 {
- background-color: var(--color-indigo-50);
- }
- .bg-indigo-100 {
- background-color: var(--color-indigo-100);
- }
- .bg-indigo-200 {
- background-color: var(--color-indigo-200);
- }
- .bg-indigo-500 {
- background-color: var(--color-indigo-500);
- }
.bg-indigo-600 {
background-color: var(--color-indigo-600);
}
.bg-purple-50 {
background-color: var(--color-purple-50);
}
- .bg-purple-50\/50 {
- background-color: color-mix(in srgb, oklch(97.7% 0.014 308.299) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-purple-50) 50%, transparent);
- }
- }
- .bg-purple-100 {
- background-color: var(--color-purple-100);
- }
- .bg-purple-300 {
- background-color: var(--color-purple-300);
- }
- .bg-purple-500 {
- background-color: var(--color-purple-500);
- }
.bg-purple-600 {
background-color: var(--color-purple-600);
}
- .bg-red-50 {
- background-color: var(--color-red-50);
- }
- .bg-red-100 {
- background-color: var(--color-red-100);
- }
.bg-red-500 {
background-color: var(--color-red-500);
}
- .bg-red-500\/30 {
- background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
- }
- }
- .bg-slate-100 {
- background-color: var(--color-slate-100);
- }
.bg-transparent {
background-color: transparent;
}
@@ -2247,116 +1680,30 @@
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
- .bg-yellow-50 {
- background-color: var(--color-yellow-50);
- }
- .bg-yellow-500\/50 {
- background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
- }
- }
.bg-gradient-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
- .bg-gradient-to-br {
- --tw-gradient-position: to bottom right in oklab;
- background-image: linear-gradient(var(--tw-gradient-stops));
- }
- .bg-gradient-to-l {
- --tw-gradient-position: to left 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));
}
- .bg-\[url\(\"\/generator\/upload_bg\.png\"\)\] {
- background-image: url("/generator/upload_bg.png");
- }
- .bg-\[url\(\'\/generator\/upload_bg\.png\'\)\] {
- background-image: url('/generator/upload_bg.png');
- }
.from-\[\#9034EA\] {
--tw-gradient-from: #9034EA;
--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-\[\#E9E8F8\] {
- --tw-gradient-from: #E9E8F8;
- --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-\[\#b077f0\] {
- --tw-gradient-from: #b077f0;
- --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-blue-50 {
- --tw-gradient-from: var(--color-blue-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-blue-500\/10 {
- --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
- }
- --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-blue-600 {
--tw-gradient-from: var(--color-blue-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));
}
- .from-emerald-50 {
- --tw-gradient-from: var(--color-emerald-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-gray-50 {
--tw-gradient-from: var(--color-gray-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-green-50 {
- --tw-gradient-from: var(--color-green-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-indigo-50 {
- --tw-gradient-from: var(--color-indigo-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-indigo-500 {
- --tw-gradient-from: var(--color-indigo-500);
- --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-indigo-600 {
- --tw-gradient-from: var(--color-indigo-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));
- }
- .from-purple-50 {
- --tw-gradient-from: var(--color-purple-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-purple-200 {
- --tw-gradient-from: var(--color-purple-200);
- --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-purple-500 {
--tw-gradient-from: var(--color-purple-500);
--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-purple-600 {
- --tw-gradient-from: var(--color-purple-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));
- }
- .from-red-50 {
- --tw-gradient-from: var(--color-red-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-slate-50 {
- --tw-gradient-from: var(--color-slate-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-white {
- --tw-gradient-from: var(--color-white);
- --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));
- }
.via-\[\#5146E5\] {
--tw-gradient-via: #5146E5;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -2371,45 +1718,14 @@
--tw-gradient-to: #5146E5;
--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-\[\#7100ea\] {
- --tw-gradient-to: #7100ea;
- --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-\[\#9034EA\] {
--tw-gradient-to: #9034EA;
--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-blue-200 {
- --tw-gradient-to: var(--color-blue-200);
- --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-blue-600 {
- --tw-gradient-to: var(--color-blue-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));
- }
- .to-gray-50 {
- --tw-gradient-to: var(--color-gray-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));
- }
.to-gray-100 {
--tw-gradient-to: var(--color-gray-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-green-100 {
- --tw-gradient-to: var(--color-green-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-indigo-50 {
- --tw-gradient-to: var(--color-indigo-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));
- }
- .to-indigo-500\/10 {
- --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
- }
- --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-indigo-600 {
--tw-gradient-to: var(--color-indigo-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));
@@ -2418,48 +1734,13 @@
--tw-gradient-to: var(--color-orange-500);
--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-purple-50 {
- --tw-gradient-to: var(--color-purple-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));
- }
- .to-purple-500 {
- --tw-gradient-to: var(--color-purple-500);
- --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-purple-600 {
- --tw-gradient-to: var(--color-purple-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));
- }
- .to-red-100 {
- --tw-gradient-to: var(--color-red-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-transparent {
- --tw-gradient-to: transparent;
- --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-white {
--tw-gradient-to: var(--color-white);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
- .bg-cover {
- background-size: cover;
- }
- .bg-clip-text {
- background-clip: text;
- }
- .bg-center {
- background-position: center;
- }
- .mask-repeat {
- mask-repeat: repeat;
- }
.fill-current {
fill: currentcolor;
}
- .fill-yellow-400 {
- fill: var(--color-yellow-400);
- }
.stroke-white {
stroke: var(--color-white);
}
@@ -2469,9 +1750,6 @@
.object-cover {
object-fit: cover;
}
- .object-top {
- object-position: top;
- }
.p-0 {
padding: calc(var(--spacing) * 0);
}
@@ -2484,9 +1762,6 @@
.p-2 {
padding: calc(var(--spacing) * 2);
}
- .p-2\.5 {
- padding: calc(var(--spacing) * 2.5);
- }
.p-3 {
padding: calc(var(--spacing) * 3);
}
@@ -2529,18 +1804,6 @@
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
- .px-10 {
- padding-inline: calc(var(--spacing) * 10);
- }
- .px-20 {
- padding-inline: calc(var(--spacing) * 20);
- }
- .px-\[14px\] {
- padding-inline: 14px;
- }
- .py-0\.5 {
- padding-block: calc(var(--spacing) * 0.5);
- }
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
@@ -2550,6 +1813,9 @@
.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);
}
@@ -2565,42 +1831,18 @@
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
- .py-10 {
- padding-block: calc(var(--spacing) * 10);
- }
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
- .py-14 {
- padding-block: calc(var(--spacing) * 14);
- }
- .py-16 {
- padding-block: calc(var(--spacing) * 16);
- }
- .py-20 {
- padding-block: calc(var(--spacing) * 20);
- }
- .py-24 {
- padding-block: calc(var(--spacing) * 24);
- }
.py-\[10px\] {
padding-block: 10px;
}
- .py-\[86px\] {
- padding-block: 86px;
- }
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
- .pt-1 {
- padding-top: calc(var(--spacing) * 1);
- }
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
- .pt-3 {
- padding-top: calc(var(--spacing) * 3);
- }
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
@@ -2610,12 +1852,6 @@
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
- .pt-10 {
- padding-top: calc(var(--spacing) * 10);
- }
- .pt-16 {
- padding-top: calc(var(--spacing) * 16);
- }
.pt-20 {
padding-top: calc(var(--spacing) * 20);
}
@@ -2631,9 +1867,6 @@
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
- .pr-24 {
- padding-right: calc(var(--spacing) * 24);
- }
.pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
@@ -2658,18 +1891,9 @@
.pb-16 {
padding-bottom: calc(var(--spacing) * 16);
}
- .pb-20 {
- padding-bottom: calc(var(--spacing) * 20);
- }
- .pb-\[75\%\] {
- padding-bottom: 75%;
- }
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
- .pl-4 {
- padding-left: calc(var(--spacing) * 4);
- }
.pl-6 {
padding-left: calc(var(--spacing) * 6);
}
@@ -2685,9 +1909,6 @@
.text-end {
text-align: end;
}
- .text-justify {
- text-align: justify;
- }
.text-left {
text-align: left;
}
@@ -2697,9 +1918,6 @@
.text-start {
text-align: start;
}
- .indent-4 {
- text-indent: calc(var(--spacing) * 4);
- }
.align-bottom {
vertical-align: bottom;
}
@@ -2724,14 +1942,6 @@
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
- .text-5xl {
- font-size: var(--text-5xl);
- line-height: var(--tw-leading, var(--text-5xl--line-height));
- }
- .text-7xl {
- font-size: var(--text-7xl);
- line-height: var(--tw-leading, var(--text-7xl--line-height));
- }
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
@@ -2767,15 +1977,9 @@
.text-\[10px\] {
font-size: 10px;
}
- .text-\[12px\] {
- font-size: 12px;
- }
.text-\[13px\] {
font-size: 13px;
}
- .text-\[14px\] {
- font-size: 14px;
- }
.text-\[16px\] {
font-size: 16px;
}
@@ -2788,9 +1992,6 @@
.text-\[26px\] {
font-size: 26px;
}
- .text-\[28px\] {
- font-size: 28px;
- }
.text-\[32px\] {
font-size: 32px;
}
@@ -2805,14 +2006,6 @@
--tw-leading: calc(var(--spacing) * 6);
line-height: calc(var(--spacing) * 6);
}
- .leading-\[1\.2\] {
- --tw-leading: 1.2;
- line-height: 1.2;
- }
- .leading-\[1\.5\] {
- --tw-leading: 1.5;
- line-height: 1.5;
- }
.leading-\[20px\] {
--tw-leading: 20px;
line-height: 20px;
@@ -2825,14 +2018,6 @@
--tw-leading: 26px;
line-height: 26px;
}
- .leading-\[27px\] {
- --tw-leading: 27px;
- line-height: 27px;
- }
- .leading-\[30px\] {
- --tw-leading: 30px;
- line-height: 30px;
- }
.leading-\[32px\] {
--tw-leading: 32px;
line-height: 32px;
@@ -2849,14 +2034,6 @@
--tw-leading: 48px;
line-height: 48px;
}
- .leading-\[60px\] {
- --tw-leading: 60px;
- line-height: 60px;
- }
- .leading-\[150\%\] {
- --tw-leading: 150%;
- line-height: 150%;
- }
.leading-none {
--tw-leading: 1;
line-height: 1;
@@ -2865,30 +2042,14 @@
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
- .leading-tight {
- --tw-leading: var(--leading-tight);
- line-height: var(--leading-tight);
- }
.font-\[400\] {
--tw-font-weight: 400;
font-weight: 400;
}
- .font-\[800\] {
- --tw-font-weight: 800;
- font-weight: 800;
- }
- .font-black {
- --tw-font-weight: var(--font-weight-black);
- font-weight: var(--font-weight-black);
- }
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
- .font-extrabold {
- --tw-font-weight: var(--font-weight-extrabold);
- font-weight: var(--font-weight-extrabold);
- }
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
@@ -2901,10 +2062,6 @@
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
- .tracking-\[-1\.12px\] {
- --tw-tracking: -1.12px;
- letter-spacing: -1.12px;
- }
.tracking-\[0\.64px\] {
--tw-tracking: 0.64px;
letter-spacing: 0.64px;
@@ -2917,9 +2074,6 @@
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
- .text-wrap {
- text-wrap: wrap;
- }
.whitespace-nowrap {
white-space: nowrap;
}
@@ -2935,9 +2089,6 @@
.text-\[\#444\] {
color: #444;
}
- .text-\[\#5141e5\] {
- color: #5141e5;
- }
.text-\[\#5146E5\] {
color: #5146E5;
}
@@ -2953,24 +2104,9 @@
.text-\[\#667085\] {
color: #667085;
}
- .text-\[\#FFF\] {
- color: #FFF;
- }
- .text-\[\#f88800\] {
- color: #f88800;
- }
.text-black {
color: var(--color-black);
}
- .text-black\/80 {
- color: color-mix(in srgb, #000 80%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-black) 80%, transparent);
- }
- }
- .text-blue-50 {
- color: var(--color-blue-50);
- }
.text-blue-500 {
color: var(--color-blue-500);
}
@@ -2989,15 +2125,9 @@
.text-emerald-600 {
color: var(--color-emerald-600);
}
- .text-emerald-700 {
- color: var(--color-emerald-700);
- }
.text-gray-100 {
color: var(--color-gray-100);
}
- .text-gray-200 {
- color: var(--color-gray-200);
- }
.text-gray-400 {
color: var(--color-gray-400);
}
@@ -3016,57 +2146,21 @@
.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-indigo-500 {
- color: var(--color-indigo-500);
- }
- .text-indigo-600 {
- color: var(--color-indigo-600);
- }
- .text-indigo-700 {
- color: var(--color-indigo-700);
- }
- .text-purple-100 {
- color: var(--color-purple-100);
- }
.text-purple-400 {
color: var(--color-purple-400);
}
.text-purple-600 {
color: var(--color-purple-600);
}
- .text-purple-700 {
- color: var(--color-purple-700);
- }
- .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-rose-500 {
- color: var(--color-rose-500);
- }
- .text-transparent {
- color: transparent;
- }
.text-white {
color: var(--color-white);
}
@@ -3076,46 +2170,12 @@
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
- .text-white\/90 {
- color: color-mix(in srgb, #fff 90%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, var(--color-white) 90%, transparent);
- }
- }
- .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);
- }
.capitalize {
text-transform: capitalize;
}
- .lowercase {
- text-transform: lowercase;
- }
- .uppercase {
- text-transform: uppercase;
- }
.italic {
font-style: italic;
}
- .ordinal {
- --tw-ordinal: ordinal;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .line-through {
- text-decoration-line: line-through;
- }
- .overline {
- text-decoration-line: overline;
- }
.underline {
text-decoration-line: underline;
}
@@ -3126,20 +2186,12 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
- .placeholder-gray-500 {
- &::placeholder {
- color: var(--color-gray-500);
- }
- }
.opacity-0 {
opacity: 0%;
}
.opacity-20 {
opacity: 20%;
}
- .opacity-30 {
- opacity: 30%;
- }
.opacity-50 {
opacity: 50%;
}
@@ -3149,6 +2201,9 @@
.opacity-70 {
opacity: 70%;
}
+ .opacity-75 {
+ opacity: 75%;
+ }
.opacity-90 {
opacity: 90%;
}
@@ -3197,25 +2252,6 @@
.ring-\[\#5146E5\] {
--tw-ring-color: #5146E5;
}
- .ring-blue-500 {
- --tw-ring-color: var(--color-blue-500);
- }
- .ring-green-400 {
- --tw-ring-color: var(--color-green-400);
- }
- .ring-purple-500 {
- --tw-ring-color: var(--color-purple-500);
- }
- .ring-red-400 {
- --tw-ring-color: var(--color-red-400);
- }
- .ring-yellow-400 {
- --tw-ring-color: var(--color-yellow-400);
- }
- .ring-offset-2 {
- --tw-ring-offset-width: 2px;
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- }
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
@@ -3227,14 +2263,6 @@
.outline-blue-500 {
outline-color: var(--color-blue-500);
}
- .blur {
- --tw-blur: blur(8px);
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .blur-3xl {
- --tw-blur: blur(var(--blur-3xl));
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
.blur-xl {
--tw-blur: blur(var(--blur-xl));
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,);
@@ -3243,34 +2271,22 @@
--tw-brightness: brightness(0%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
- .drop-shadow {
- --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
- --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
- 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,);
- }
- .grayscale {
- --tw-grayscale: grayscale(100%);
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
- .sepia {
- --tw-sepia: sepia(100%);
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
.filter {
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
- .filter\! {
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
- }
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
+ .backdrop-filter {
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ }
.transition {
transition-property: color, background-color, border-color, 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));
@@ -3291,11 +2307,6 @@
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));
- }
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3313,10 +2324,6 @@
--tw-duration: 500ms;
transition-duration: 500ms;
}
- .ease-in {
- --tw-ease: var(--ease-in);
- transition-timing-function: var(--ease-in);
- }
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
@@ -3333,46 +2340,6 @@
-webkit-user-select: none;
user-select: none;
}
- .\[ticket\:489\] {
- ticket: 489;
- }
- .\[ticket\:1523\] {
- ticket: 1523;
- }
- .\[ticket\:1570\] {
- ticket: 1570;
- }
- .\[ticket\:1892\] {
- ticket: 1892;
- }
- .\[ticket\:2229\] {
- ticket: 2229;
- }
- .\[ticket\:2362\] {
- ticket: 2362;
- }
- .\[ticket\:2619\] {
- ticket: 2619;
- }
- .\[ticket\:3208\] {
- ticket: 3208;
- }
- .\[ticket\:3633\] {
- ticket: 3633;
- }
- .\[ticket\:4457\] {
- ticket: 4457;
- }
- .\[ticket\:10782\] {
- ticket: 10782;
- }
- .group-hover\:block {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- display: block;
- }
- }
- }
.group-hover\:scale-105 {
&:is(:where(.group):hover *) {
@media (hover: hover) {
@@ -3390,13 +2357,6 @@
}
}
}
- .group-hover\:border-indigo-200 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- border-color: var(--color-indigo-200);
- }
- }
- }
.group-hover\:bg-black\/10 {
&:is(:where(.group):hover *) {
@media (hover: hover) {
@@ -3417,13 +2377,6 @@
}
}
}
- .group-hover\:bg-gray-50 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- background-color: var(--color-gray-50);
- }
- }
- }
.group-hover\:bg-purple-100 {
&:is(:where(.group):hover *) {
@media (hover: hover) {
@@ -3459,34 +2412,6 @@
}
}
}
- .group-hover\:text-green-500 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- color: var(--color-green-500);
- }
- }
- }
- .group-hover\:text-indigo-500 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- color: var(--color-indigo-500);
- }
- }
- }
- .group-hover\:text-red-500 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- color: var(--color-red-500);
- }
- }
- }
- .group-hover\:text-yellow-500 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- color: var(--color-yellow-500);
- }
- }
- }
.group-hover\:opacity-100 {
&:is(:where(.group):hover *) {
@media (hover: hover) {
@@ -3494,14 +2419,6 @@
}
}
}
- .group-hover\:shadow-lg {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- --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));
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- }
- }
.group-\[\.destructive\]\:text-red-300 {
&:is(:where(.group):is(.destructive) *) {
color: var(--color-red-300);
@@ -3546,14 +2463,6 @@
border-bottom-width: 0px;
}
}
- .hover\:-translate-y-0\.5 {
- &:hover {
- @media (hover: hover) {
- --tw-translate-y: calc(var(--spacing) * -0.5);
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- }
- }
.hover\:scale-105 {
&:hover {
@media (hover: hover) {
@@ -3564,13 +2473,6 @@
}
}
}
- .hover\:scale-\[1\.02\] {
- &:hover {
- @media (hover: hover) {
- scale: 1.02;
- }
- }
- }
.hover\:border {
&:hover {
@media (hover: hover) {
@@ -3593,10 +2495,10 @@
}
}
}
- .hover\:border-blue-300 {
+ .hover\:border-blue-200 {
&:hover {
@media (hover: hover) {
- border-color: var(--color-blue-300);
+ border-color: var(--color-blue-200);
}
}
}
@@ -3607,13 +2509,6 @@
}
}
}
- .hover\:border-purple-400 {
- &:hover {
- @media (hover: hover) {
- border-color: var(--color-purple-400);
- }
- }
- }
.hover\:bg-\[\#4338ca\] {
&:hover {
@media (hover: hover) {
@@ -3628,13 +2523,6 @@
}
}
}
- .hover\:bg-\[\#5141e5\]\/10 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in oklab, #5141e5 10%, transparent);
- }
- }
- }
.hover\:bg-\[\#5141e5\]\/80 {
&:hover {
@media (hover: hover) {
@@ -3663,13 +2551,6 @@
}
}
}
- .hover\:bg-\[\#6558fd\]\/50 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in oklab, #6558fd 50%, transparent);
- }
- }
- }
.hover\:bg-\[\#E9E8F8\] {
&:hover {
@media (hover: hover) {
@@ -3691,20 +2572,6 @@
}
}
}
- .hover\:bg-\[\#fff3dc\]\/90 {
- &:hover {
- @media (hover: hover) {
- background-color: color-mix(in oklab, #fff3dc 90%, transparent);
- }
- }
- }
- .hover\:bg-blue-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-blue-50);
- }
- }
- }
.hover\:bg-blue-100 {
&:hover {
@media (hover: hover) {
@@ -3726,13 +2593,6 @@
}
}
}
- .hover\:bg-emerald-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-emerald-50);
- }
- }
- }
.hover\:bg-emerald-700 {
&:hover {
@media (hover: hover) {
@@ -3761,13 +2621,6 @@
}
}
}
- .hover\:bg-gray-300 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-300);
- }
- }
- }
.hover\:bg-gray-700 {
&:hover {
@media (hover: hover) {
@@ -3775,13 +2628,6 @@
}
}
}
- .hover\:bg-green-600 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-green-600);
- }
- }
- }
.hover\:bg-indigo-700 {
&:hover {
@media (hover: hover) {
@@ -3789,20 +2635,6 @@
}
}
}
- .hover\:bg-purple-50 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-purple-50);
- }
- }
- }
- .hover\:bg-purple-100 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-purple-100);
- }
- }
- }
.hover\:bg-purple-700 {
&:hover {
@media (hover: hover) {
@@ -3824,20 +2656,6 @@
}
}
}
- .hover\:bg-slate-100 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-slate-100);
- }
- }
- }
- .hover\:bg-transparent {
- &:hover {
- @media (hover: hover) {
- background-color: transparent;
- }
- }
- }
.hover\:bg-white {
&:hover {
@media (hover: hover) {
@@ -3873,14 +2691,6 @@
}
}
}
- .hover\:from-purple-700 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-purple-700);
- --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));
- }
- }
- }
.hover\:to-indigo-700 {
&:hover {
@media (hover: hover) {
@@ -3889,24 +2699,10 @@
}
}
}
- .hover\:text-blue-600 {
+ .hover\:text-blue-700 {
&:hover {
@media (hover: hover) {
- color: var(--color-blue-600);
- }
- }
- }
- .hover\:text-blue-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-800);
- }
- }
- }
- .hover\:text-gray-200 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-gray-200);
+ color: var(--color-blue-700);
}
}
}
@@ -3924,20 +2720,6 @@
}
}
}
- .hover\:text-gray-800 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-gray-800);
- }
- }
- }
- .hover\:text-indigo-500 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-indigo-500);
- }
- }
- }
.hover\:text-red-500 {
&:hover {
@media (hover: hover) {
@@ -3987,14 +2769,6 @@
}
}
}
- .hover\:shadow-lg {
- &:hover {
- @media (hover: hover) {
- --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));
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- }
- }
.hover\:shadow-md {
&:hover {
@media (hover: hover) {
@@ -4050,19 +2824,14 @@
}
}
}
- .focus\:z-10 {
- &:focus {
- z-index: 10;
- }
- }
.focus\:border-\[\#5146E5\] {
&:focus {
border-color: #5146E5;
}
}
- .focus\:border-indigo-500 {
+ .focus\:border-blue-500 {
&:focus {
- border-color: var(--color-indigo-500);
+ border-color: var(--color-blue-500);
}
}
.focus\:border-transparent {
@@ -4104,21 +2873,24 @@
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-blue-200 {
+ &:focus {
+ --tw-ring-color: var(--color-blue-200);
+ }
+ }
+ .focus\:ring-blue-500\/20 {
+ &:focus {
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
+ }
+ }
+ }
.focus\:ring-emerald-500 {
&:focus {
--tw-ring-color: var(--color-emerald-500);
}
}
- .focus\:ring-indigo-500 {
- &:focus {
- --tw-ring-color: var(--color-indigo-500);
- }
- }
- .focus\:ring-purple-500 {
- &:focus {
- --tw-ring-color: var(--color-purple-500);
- }
- }
.focus\:ring-red-300 {
&:focus {
--tw-ring-color: var(--color-red-300);
@@ -4150,11 +2922,6 @@
}
}
}
- .focus-visible\:right-1 {
- &:focus-visible {
- right: calc(var(--spacing) * 1);
- }
- }
.focus-visible\:ring-0 {
&:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -4178,38 +2945,17 @@
--tw-ring-color: #5146E5;
}
}
- .focus-visible\:ring-blue-200 {
- &:focus-visible {
- --tw-ring-color: var(--color-blue-200);
- }
- }
.focus-visible\:ring-blue-300 {
&:focus-visible {
--tw-ring-color: var(--color-blue-300);
}
}
- .focus-visible\:ring-purple-600 {
- &:focus-visible {
- --tw-ring-color: var(--color-purple-600);
- }
- }
- .focus-visible\:ring-white {
- &:focus-visible {
- --tw-ring-color: var(--color-white);
- }
- }
.focus-visible\:ring-offset-0 {
&:focus-visible {
--tw-ring-offset-width: 0px;
--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-1 {
- &:focus-visible {
- --tw-ring-offset-width: 1px;
- --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-2 {
&:focus-visible {
--tw-ring-offset-width: 2px;
@@ -4222,11 +2968,6 @@
outline-style: none;
}
}
- .active\:scale-\[0\.98\] {
- &:active {
- scale: 0.98;
- }
- }
.disabled\:pointer-events-none {
&:disabled {
pointer-events: none;
@@ -4394,201 +3135,51 @@
left: calc(var(--spacing) * 4);
}
}
- .sm\:col-span-2 {
- @media (width >= 40rem) {
- grid-column: span 2 / span 2;
- }
- }
.sm\:mx-4 {
@media (width >= 40rem) {
margin-inline: calc(var(--spacing) * 4);
}
}
- .sm\:my-12 {
- @media (width >= 40rem) {
- margin-block: calc(var(--spacing) * 12);
- }
- }
.sm\:mt-8 {
@media (width >= 40rem) {
margin-top: calc(var(--spacing) * 8);
}
}
- .sm\:mr-3 {
- @media (width >= 40rem) {
- margin-right: calc(var(--spacing) * 3);
- }
- }
- .sm\:mr-4 {
- @media (width >= 40rem) {
- margin-right: calc(var(--spacing) * 4);
- }
- }
- .sm\:mr-6 {
- @media (width >= 40rem) {
- margin-right: calc(var(--spacing) * 6);
- }
- }
- .sm\:mb-3 {
- @media (width >= 40rem) {
- margin-bottom: calc(var(--spacing) * 3);
- }
- }
- .sm\:mb-6 {
- @media (width >= 40rem) {
- margin-bottom: calc(var(--spacing) * 6);
- }
- }
- .sm\:mb-8 {
- @media (width >= 40rem) {
- margin-bottom: calc(var(--spacing) * 8);
- }
- }
- .sm\:mb-10 {
- @media (width >= 40rem) {
- margin-bottom: calc(var(--spacing) * 10);
- }
- }
- .sm\:mb-12 {
- @media (width >= 40rem) {
- margin-bottom: calc(var(--spacing) * 12);
- }
- }
- .sm\:ml-4 {
- @media (width >= 40rem) {
- margin-left: calc(var(--spacing) * 4);
- }
- }
- .sm\:ml-6 {
- @media (width >= 40rem) {
- margin-left: calc(var(--spacing) * 6);
- }
- }
- .sm\:block {
- @media (width >= 40rem) {
- display: block;
- }
- }
.sm\:flex {
@media (width >= 40rem) {
display: flex;
}
}
- .sm\:inline {
- @media (width >= 40rem) {
- display: inline;
- }
- }
.sm\:h-5 {
@media (width >= 40rem) {
height: calc(var(--spacing) * 5);
}
}
- .sm\:h-7 {
- @media (width >= 40rem) {
- height: calc(var(--spacing) * 7);
- }
- }
.sm\:h-14 {
@media (width >= 40rem) {
height: calc(var(--spacing) * 14);
}
}
- .sm\:h-\[72px\] {
- @media (width >= 40rem) {
- height: 72px;
- }
- }
- .sm\:h-\[250px\] {
- @media (width >= 40rem) {
- height: 250px;
- }
- }
- .sm\:h-\[300px\] {
- @media (width >= 40rem) {
- height: 300px;
- }
- }
- .sm\:h-\[400px\] {
- @media (width >= 40rem) {
- height: 400px;
- }
- }
- .sm\:h-\[1100px\] {
- @media (width >= 40rem) {
- height: 1100px;
- }
- }
- .sm\:h-\[1200px\] {
- @media (width >= 40rem) {
- height: 1200px;
- }
- }
.sm\:w-5 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 5);
}
}
- .sm\:w-7 {
- @media (width >= 40rem) {
- width: calc(var(--spacing) * 7);
- }
- }
.sm\:w-14 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 14);
}
}
- .sm\:w-\[55\%\] {
- @media (width >= 40rem) {
- width: 55%;
- }
- }
- .sm\:w-\[72px\] {
- @media (width >= 40rem) {
- width: 72px;
- }
- }
- .sm\:w-\[85\%\] {
- @media (width >= 40rem) {
- width: 85%;
- }
- }
- .sm\:w-\[90\%\] {
- @media (width >= 40rem) {
- width: 90%;
- }
- }
.sm\:w-\[400px\] {
@media (width >= 40rem) {
width: 400px;
}
}
- .sm\:max-w-\[350px\] {
- @media (width >= 40rem) {
- max-width: 350px;
- }
- }
.sm\:max-w-\[500px\] {
@media (width >= 40rem) {
max-width: 500px;
}
}
- .sm\:max-w-\[600px\] {
- @media (width >= 40rem) {
- max-width: 600px;
- }
- }
- .sm\:max-w-\[720px\] {
- @media (width >= 40rem) {
- max-width: 720px;
- }
- }
- .sm\:max-w-md {
- @media (width >= 40rem) {
- max-width: var(--container-md);
- }
- }
.sm\:max-w-sm {
@media (width >= 40rem) {
max-width: var(--container-sm);
@@ -4654,15 +3245,6 @@
gap: calc(var(--spacing) * 18);
}
}
- .sm\:space-y-5 {
- @media (width >= 40rem) {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
- }
- }
- }
.sm\:space-x-2 {
@media (width >= 40rem) {
:where(& > :not(:last-child)) {
@@ -4687,21 +3269,11 @@
padding: calc(var(--spacing) * 4);
}
}
- .sm\:p-5 {
- @media (width >= 40rem) {
- padding: calc(var(--spacing) * 5);
- }
- }
.sm\:p-6 {
@media (width >= 40rem) {
padding: calc(var(--spacing) * 6);
}
}
- .sm\:px-4 {
- @media (width >= 40rem) {
- padding-inline: calc(var(--spacing) * 4);
- }
- }
.sm\:px-6 {
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 6);
@@ -4712,36 +3284,16 @@
padding-inline: calc(var(--spacing) * 12);
}
}
- .sm\:py-2 {
- @media (width >= 40rem) {
- padding-block: calc(var(--spacing) * 2);
- }
- }
- .sm\:py-4 {
- @media (width >= 40rem) {
- padding-block: calc(var(--spacing) * 4);
- }
- }
.sm\:py-6 {
@media (width >= 40rem) {
padding-block: calc(var(--spacing) * 6);
}
}
- .sm\:py-16 {
- @media (width >= 40rem) {
- padding-block: calc(var(--spacing) * 16);
- }
- }
.sm\:py-\[40px\] {
@media (width >= 40rem) {
padding-block: 40px;
}
}
- .sm\:pt-12 {
- @media (width >= 40rem) {
- padding-top: calc(var(--spacing) * 12);
- }
- }
.sm\:pr-4 {
@media (width >= 40rem) {
padding-right: calc(var(--spacing) * 4);
@@ -4752,11 +3304,6 @@
padding-bottom: calc(var(--spacing) * 2);
}
}
- .sm\:pb-8 {
- @media (width >= 40rem) {
- padding-bottom: calc(var(--spacing) * 8);
- }
- }
.sm\:text-left {
@media (width >= 40rem) {
text-align: left;
@@ -4768,12 +3315,6 @@
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
- .sm\:text-3xl {
- @media (width >= 40rem) {
- font-size: var(--text-3xl);
- line-height: var(--tw-leading, var(--text-3xl--line-height));
- }
- }
.sm\:text-base {
@media (width >= 40rem) {
font-size: var(--text-base);
@@ -4786,68 +3327,12 @@
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
- .sm\:text-sm {
- @media (width >= 40rem) {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- }
.sm\:text-xl {
@media (width >= 40rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
- .sm\:text-\[14px\] {
- @media (width >= 40rem) {
- font-size: 14px;
- }
- }
- .sm\:text-\[15px\] {
- @media (width >= 40rem) {
- font-size: 15px;
- }
- }
- .sm\:text-\[18px\] {
- @media (width >= 40rem) {
- font-size: 18px;
- }
- }
- .sm\:text-\[32px\] {
- @media (width >= 40rem) {
- font-size: 32px;
- }
- }
- .md\:order-1 {
- @media (width >= 48rem) {
- order: 1;
- }
- }
- .md\:order-2 {
- @media (width >= 48rem) {
- order: 2;
- }
- }
- .md\:col-span-2 {
- @media (width >= 48rem) {
- grid-column: span 2 / span 2;
- }
- }
- .md\:mt-6 {
- @media (width >= 48rem) {
- margin-top: calc(var(--spacing) * 6);
- }
- }
- .md\:mb-6 {
- @media (width >= 48rem) {
- margin-bottom: calc(var(--spacing) * 6);
- }
- }
- .md\:mb-16 {
- @media (width >= 48rem) {
- margin-bottom: calc(var(--spacing) * 16);
- }
- }
.md\:block {
@media (width >= 48rem) {
display: block;
@@ -4858,11 +3343,6 @@
display: flex;
}
}
- .md\:hidden {
- @media (width >= 48rem) {
- display: none;
- }
- }
.md\:h-\[32px\] {
@media (width >= 48rem) {
height: 32px;
@@ -4878,56 +3358,11 @@
height: 210px;
}
}
- .md\:h-\[350px\] {
- @media (width >= 48rem) {
- height: 350px;
- }
- }
- .md\:h-\[450px\] {
- @media (width >= 48rem) {
- height: 450px;
- }
- }
- .md\:h-\[500px\] {
- @media (width >= 48rem) {
- height: 500px;
- }
- }
- .md\:h-\[712px\] {
- @media (width >= 48rem) {
- height: 712px;
- }
- }
- .md\:h-\[1150px\] {
- @media (width >= 48rem) {
- height: 1150px;
- }
- }
- .md\:h-\[1650px\] {
- @media (width >= 48rem) {
- height: 1650px;
- }
- }
- .md\:h-\[1750px\] {
- @media (width >= 48rem) {
- height: 1750px;
- }
- }
- .md\:w-1\/2 {
- @media (width >= 48rem) {
- width: calc(1/2 * 100%);
- }
- }
.md\:w-\[32px\] {
@media (width >= 48rem) {
width: 32px;
}
}
- .md\:w-\[45\%\] {
- @media (width >= 48rem) {
- width: 45%;
- }
- }
.md\:w-\[64px\] {
@media (width >= 48rem) {
width: 64px;
@@ -4953,16 +3388,6 @@
max-width: 420px;
}
}
- .md\:max-w-\[600px\] {
- @media (width >= 48rem) {
- max-width: 600px;
- }
- }
- .md\:basis-1\/2 {
- @media (width >= 48rem) {
- flex-basis: calc(1/2 * 100%);
- }
- }
.md\:grid-cols-2 {
@media (width >= 48rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -5008,11 +3433,6 @@
gap: calc(var(--spacing) * 12);
}
}
- .md\:gap-16 {
- @media (width >= 48rem) {
- gap: calc(var(--spacing) * 16);
- }
- }
.md\:space-y-2 {
@media (width >= 48rem) {
:where(& > :not(:last-child)) {
@@ -5027,199 +3447,22 @@
padding: calc(var(--spacing) * 6);
}
}
- .md\:px-6 {
- @media (width >= 48rem) {
- padding-inline: calc(var(--spacing) * 6);
- }
- }
.md\:px-8 {
@media (width >= 48rem) {
padding-inline: calc(var(--spacing) * 8);
}
}
- .md\:px-20 {
- @media (width >= 48rem) {
- padding-inline: calc(var(--spacing) * 20);
- }
- }
.md\:py-3 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 3);
}
}
- .md\:py-4 {
- @media (width >= 48rem) {
- padding-block: calc(var(--spacing) * 4);
- }
- }
- .md\:py-12 {
- @media (width >= 48rem) {
- padding-block: calc(var(--spacing) * 12);
- }
- }
- .md\:py-20 {
- @media (width >= 48rem) {
- padding-block: calc(var(--spacing) * 20);
- }
- }
- .md\:pt-20 {
- @media (width >= 48rem) {
- padding-top: calc(var(--spacing) * 20);
- }
- }
- .md\:pb-20 {
- @media (width >= 48rem) {
- padding-bottom: calc(var(--spacing) * 20);
- }
- }
- .md\:text-left {
- @media (width >= 48rem) {
- text-align: left;
- }
- }
- .md\:text-2xl {
- @media (width >= 48rem) {
- font-size: var(--text-2xl);
- line-height: var(--tw-leading, var(--text-2xl--line-height));
- }
- }
- .md\:text-4xl {
- @media (width >= 48rem) {
- font-size: var(--text-4xl);
- line-height: var(--tw-leading, var(--text-4xl--line-height));
- }
- }
- .md\:text-6xl {
- @media (width >= 48rem) {
- font-size: var(--text-6xl);
- line-height: var(--tw-leading, var(--text-6xl--line-height));
- }
- }
.md\:text-base {
@media (width >= 48rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
- .md\:text-lg {
- @media (width >= 48rem) {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- }
- .md\:text-sm {
- @media (width >= 48rem) {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- }
- .md\:text-xl {
- @media (width >= 48rem) {
- font-size: var(--text-xl);
- line-height: var(--tw-leading, var(--text-xl--line-height));
- }
- }
- .md\:text-\[15px\] {
- @media (width >= 48rem) {
- font-size: 15px;
- }
- }
- .md\:text-\[18px\] {
- @media (width >= 48rem) {
- font-size: 18px;
- }
- }
- .md\:text-\[20px\] {
- @media (width >= 48rem) {
- font-size: 20px;
- }
- }
- .md\:text-\[24px\] {
- @media (width >= 48rem) {
- font-size: 24px;
- }
- }
- .md\:text-\[28px\] {
- @media (width >= 48rem) {
- font-size: 28px;
- }
- }
- .md\:text-\[32px\] {
- @media (width >= 48rem) {
- font-size: 32px;
- }
- }
- .md\:text-\[35px\] {
- @media (width >= 48rem) {
- font-size: 35px;
- }
- }
- .md\:text-\[36px\] {
- @media (width >= 48rem) {
- font-size: 36px;
- }
- }
- .md\:text-\[40px\] {
- @media (width >= 48rem) {
- font-size: 40px;
- }
- }
- .md\:text-\[56px\] {
- @media (width >= 48rem) {
- font-size: 56px;
- }
- }
- .md\:leading-\[1\.3\] {
- @media (width >= 48rem) {
- --tw-leading: 1.3;
- line-height: 1.3;
- }
- }
- .md\:leading-\[27px\] {
- @media (width >= 48rem) {
- --tw-leading: 27px;
- line-height: 27px;
- }
- }
- .md\:leading-\[40px\] {
- @media (width >= 48rem) {
- --tw-leading: 40px;
- line-height: 40px;
- }
- }
- .md\:leading-\[50px\] {
- @media (width >= 48rem) {
- --tw-leading: 50px;
- line-height: 50px;
- }
- }
- .md\:leading-\[64px\] {
- @media (width >= 48rem) {
- --tw-leading: 64px;
- line-height: 64px;
- }
- }
- .md\:leading-normal {
- @media (width >= 48rem) {
- --tw-leading: var(--leading-normal);
- line-height: var(--leading-normal);
- }
- }
- .lg\:col-span-1 {
- @media (width >= 64rem) {
- grid-column: span 1 / span 1;
- }
- }
- .lg\:col-span-2 {
- @media (width >= 64rem) {
- grid-column: span 2 / span 2;
- }
- }
- .lg\:my-16 {
- @media (width >= 64rem) {
- margin-block: calc(var(--spacing) * 16);
- }
- }
.lg\:mt-3 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 3);
@@ -5245,31 +3488,16 @@
margin-top: calc(var(--spacing) * 16);
}
}
- .lg\:mr-0 {
- @media (width >= 64rem) {
- margin-right: calc(var(--spacing) * 0);
- }
- }
.lg\:mb-4 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 4);
}
}
- .lg\:mb-12 {
- @media (width >= 64rem) {
- margin-bottom: calc(var(--spacing) * 12);
- }
- }
.lg\:mb-16 {
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 16);
}
}
- .lg\:ml-0 {
- @media (width >= 64rem) {
- margin-left: calc(var(--spacing) * 0);
- }
- }
.lg\:block {
@media (width >= 64rem) {
display: block;
@@ -5295,51 +3523,6 @@
aspect-ratio: 4/4;
}
}
- .lg\:h-8 {
- @media (width >= 64rem) {
- height: calc(var(--spacing) * 8);
- }
- }
- .lg\:h-16 {
- @media (width >= 64rem) {
- height: calc(var(--spacing) * 16);
- }
- }
- .lg\:h-44 {
- @media (width >= 64rem) {
- height: calc(var(--spacing) * 44);
- }
- }
- .lg\:h-\[96px\] {
- @media (width >= 64rem) {
- height: 96px;
- }
- }
- .lg\:h-\[200px\] {
- @media (width >= 64rem) {
- height: 200px;
- }
- }
- .lg\:h-\[400px\] {
- @media (width >= 64rem) {
- height: 400px;
- }
- }
- .lg\:h-\[600px\] {
- @media (width >= 64rem) {
- height: 600px;
- }
- }
- .lg\:h-\[712px\] {
- @media (width >= 64rem) {
- height: 712px;
- }
- }
- .lg\:h-\[1500px\] {
- @media (width >= 64rem) {
- height: 1500px;
- }
- }
.lg\:min-h-\[300px\] {
@media (width >= 64rem) {
min-height: 300px;
@@ -5350,79 +3533,29 @@
width: calc(1/2 * 100%);
}
}
- .lg\:w-8 {
- @media (width >= 64rem) {
- width: calc(var(--spacing) * 8);
- }
- }
.lg\:w-16 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 16);
}
}
- .lg\:w-44 {
- @media (width >= 64rem) {
- width: calc(var(--spacing) * 44);
- }
- }
- .lg\:w-56 {
- @media (width >= 64rem) {
- width: calc(var(--spacing) * 56);
- }
- }
.lg\:w-\[30\%\] {
@media (width >= 64rem) {
width: 30%;
}
}
- .lg\:w-\[50\%\] {
- @media (width >= 64rem) {
- width: 50%;
- }
- }
.lg\:w-\[60\%\] {
@media (width >= 64rem) {
width: 60%;
}
}
- .lg\:w-\[80\%\] {
- @media (width >= 64rem) {
- width: 80%;
- }
- }
- .lg\:w-\[96px\] {
- @media (width >= 64rem) {
- width: 96px;
- }
- }
- .lg\:w-\[200px\] {
- @media (width >= 64rem) {
- width: 200px;
- }
- }
- .lg\:w-full {
- @media (width >= 64rem) {
- width: 100%;
- }
- }
.lg\:max-w-\[70\%\] {
@media (width >= 64rem) {
max-width: 70%;
}
}
- .lg\:max-w-\[80\%\] {
+ .lg\:grid-cols-1 {
@media (width >= 64rem) {
- max-width: 80%;
- }
- }
- .lg\:max-w-\[920px\] {
- @media (width >= 64rem) {
- max-width: 920px;
- }
- }
- .lg\:basis-1\/3 {
- @media (width >= 64rem) {
- flex-basis: calc(1/3 * 100%);
+ grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.lg\:grid-cols-2 {
@@ -5445,21 +3578,11 @@
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
- .lg\:flex-col {
- @media (width >= 64rem) {
- flex-direction: column;
- }
- }
.lg\:flex-row {
@media (width >= 64rem) {
flex-direction: row;
}
}
- .lg\:gap-4 {
- @media (width >= 64rem) {
- gap: calc(var(--spacing) * 4);
- }
- }
.lg\:gap-6 {
@media (width >= 64rem) {
gap: calc(var(--spacing) * 6);
@@ -5539,127 +3662,21 @@
padding: calc(var(--spacing) * 6);
}
}
- .lg\:p-8 {
- @media (width >= 64rem) {
- padding: calc(var(--spacing) * 8);
- }
- }
- .lg\:px-0 {
- @media (width >= 64rem) {
- padding-inline: calc(var(--spacing) * 0);
- }
- }
- .lg\:px-6 {
- @media (width >= 64rem) {
- padding-inline: calc(var(--spacing) * 6);
- }
- }
- .lg\:px-8 {
- @media (width >= 64rem) {
- padding-inline: calc(var(--spacing) * 8);
- }
- }
.lg\:px-20 {
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 20);
}
}
- .lg\:py-6 {
- @media (width >= 64rem) {
- padding-block: calc(var(--spacing) * 6);
- }
- }
- .lg\:py-8 {
- @media (width >= 64rem) {
- padding-block: calc(var(--spacing) * 8);
- }
- }
- .lg\:py-16 {
- @media (width >= 64rem) {
- padding-block: calc(var(--spacing) * 16);
- }
- }
- .lg\:py-20 {
- @media (width >= 64rem) {
- padding-block: calc(var(--spacing) * 20);
- }
- }
- .lg\:py-24 {
- @media (width >= 64rem) {
- padding-block: calc(var(--spacing) * 24);
- }
- }
.lg\:py-\[86px\] {
@media (width >= 64rem) {
padding-block: 86px;
}
}
- .lg\:pt-16 {
- @media (width >= 64rem) {
- padding-top: calc(var(--spacing) * 16);
- }
- }
- .lg\:pb-0 {
- @media (width >= 64rem) {
- padding-bottom: calc(var(--spacing) * 0);
- }
- }
.lg\:pb-8 {
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 8);
}
}
- .lg\:pb-10 {
- @media (width >= 64rem) {
- padding-bottom: calc(var(--spacing) * 10);
- }
- }
- .lg\:text-left {
- @media (width >= 64rem) {
- text-align: left;
- }
- }
- .lg\:text-2xl {
- @media (width >= 64rem) {
- font-size: var(--text-2xl);
- line-height: var(--tw-leading, var(--text-2xl--line-height));
- }
- }
- .lg\:text-4xl {
- @media (width >= 64rem) {
- font-size: var(--text-4xl);
- line-height: var(--tw-leading, var(--text-4xl--line-height));
- }
- }
- .lg\:text-5xl {
- @media (width >= 64rem) {
- font-size: var(--text-5xl);
- line-height: var(--tw-leading, var(--text-5xl--line-height));
- }
- }
- .lg\:text-base {
- @media (width >= 64rem) {
- font-size: var(--text-base);
- line-height: var(--tw-leading, var(--text-base--line-height));
- }
- }
- .lg\:text-lg {
- @media (width >= 64rem) {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- }
- .lg\:text-xl {
- @media (width >= 64rem) {
- font-size: var(--text-xl);
- line-height: var(--tw-leading, var(--text-xl--line-height));
- }
- }
- .lg\:text-\[16px\] {
- @media (width >= 64rem) {
- font-size: 16px;
- }
- }
.lg\:text-\[20px\] {
@media (width >= 64rem) {
font-size: 20px;
@@ -5680,32 +3697,6 @@
font-size: 40px;
}
}
- .lg\:text-\[44px\] {
- @media (width >= 64rem) {
- font-size: 44px;
- }
- }
- .lg\:text-\[45px\] {
- @media (width >= 64rem) {
- font-size: 45px;
- }
- }
- .lg\:text-\[50px\] {
- @media (width >= 64rem) {
- font-size: 50px;
- }
- }
- .lg\:text-\[56px\] {
- @media (width >= 64rem) {
- font-size: 56px;
- }
- }
- .lg\:leading-\[1\.4\] {
- @media (width >= 64rem) {
- --tw-leading: 1.4;
- line-height: 1.4;
- }
- }
.lg\:leading-\[30px\] {
@media (width >= 64rem) {
--tw-leading: 30px;
@@ -5724,34 +3715,11 @@
line-height: 48px;
}
}
- .lg\:leading-\[60px\] {
- @media (width >= 64rem) {
- --tw-leading: 60px;
- line-height: 60px;
- }
- }
- .lg\:leading-\[64px\] {
- @media (width >= 64rem) {
- --tw-leading: 64px;
- line-height: 64px;
- }
- }
- .lg\:leading-\[76px\] {
- @media (width >= 64rem) {
- --tw-leading: 76px;
- line-height: 76px;
- }
- }
.xl\:relative {
@media (width >= 80rem) {
position: relative;
}
}
- .xl\:-left-10 {
- @media (width >= 80rem) {
- left: calc(var(--spacing) * -10);
- }
- }
.xl\:z-auto {
@media (width >= 80rem) {
z-index: auto;
@@ -5767,46 +3735,11 @@
display: none;
}
}
- .xl\:h-48 {
- @media (width >= 80rem) {
- height: calc(var(--spacing) * 48);
- }
- }
- .xl\:h-\[1650px\] {
- @media (width >= 80rem) {
- height: 1650px;
- }
- }
- .xl\:w-48 {
- @media (width >= 80rem) {
- width: calc(var(--spacing) * 48);
- }
- }
- .xl\:w-64 {
- @media (width >= 80rem) {
- width: calc(var(--spacing) * 64);
- }
- }
- .xl\:w-\[31\%\] {
- @media (width >= 80rem) {
- width: 31%;
- }
- }
- .xl\:w-\[65\%\] {
- @media (width >= 80rem) {
- width: 65%;
- }
- }
.xl\:w-\[70\%\] {
@media (width >= 80rem) {
width: 70%;
}
}
- .xl\:w-\[80\%\] {
- @media (width >= 80rem) {
- width: 80%;
- }
- }
.xl\:max-w-\[65\%\] {
@media (width >= 80rem) {
max-width: 65%;
@@ -5818,46 +3751,6 @@
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
- .xl\:gap-6 {
- @media (width >= 80rem) {
- gap: calc(var(--spacing) * 6);
- }
- }
- .xl\:pt-20 {
- @media (width >= 80rem) {
- padding-top: calc(var(--spacing) * 20);
- }
- }
- .xl\:text-\[52px\] {
- @media (width >= 80rem) {
- font-size: 52px;
- }
- }
- .xl\:text-\[56px\] {
- @media (width >= 80rem) {
- font-size: 56px;
- }
- }
- .xl\:text-\[64px\] {
- @media (width >= 80rem) {
- font-size: 64px;
- }
- }
- .\32 xl\:-top-16 {
- @media (width >= 96rem) {
- top: calc(var(--spacing) * -16);
- }
- }
- .\32 xl\:h-\[2000px\] {
- @media (width >= 96rem) {
- height: 2000px;
- }
- }
- .\32 xl\:w-\[60\%\] {
- @media (width >= 96rem) {
- width: 60%;
- }
- }
.\32 xl\:gap-6 {
@media (width >= 96rem) {
gap: calc(var(--spacing) * 6);
@@ -6058,11 +3951,6 @@
syntax: "*";
inherits: false;
}
-@property --tw-scroll-snap-strictness {
- syntax: "*";
- inherits: false;
- initial-value: proximity;
-}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
@@ -6132,26 +4020,6 @@
syntax: "*";
inherits: false;
}
-@property --tw-ordinal {
- syntax: "*";
- inherits: false;
-}
-@property --tw-slashed-zero {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-figure {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-spacing {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-fraction {
- syntax: "*";
- inherits: false;
-}
@property --tw-shadow {
syntax: "*";
inherits: false;
@@ -6329,16 +4197,6 @@
opacity: 0.5;
}
}
-@keyframes bounce {
- 0%, 100% {
- transform: translateY(-25%);
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
- }
- 50% {
- transform: none;
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
- }
-}
@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 {
@@ -6353,7 +4211,6 @@
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
- --tw-scroll-snap-strictness: proximity;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-border-style: solid;
@@ -6369,11 +4226,6 @@
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
- --tw-ordinal: initial;
- --tw-slashed-zero: initial;
- --tw-numeric-figure: initial;
- --tw-numeric-spacing: initial;
- --tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
diff --git a/resources/ui/assets/tailwind.import.css b/resources/ui/assets/css/tailwind.import.css
similarity index 100%
rename from resources/ui/assets/tailwind.import.css
rename to resources/ui/assets/css/tailwind.import.css
diff --git a/resources/ui/assets/images/presenton_logo.png b/resources/ui/assets/images/presenton_logo.png
new file mode 100644
index 00000000..4a3ac317
Binary files /dev/null and b/resources/ui/assets/images/presenton_logo.png differ
diff --git a/resources/ui/homepage/index.html b/resources/ui/homepage/index.html
index 9a762633..bf42acbc 100644
--- a/resources/ui/homepage/index.html
+++ b/resources/ui/homepage/index.html
@@ -3,13 +3,30 @@
Presenton Open Source
-
+
+
- Presenton Open Source
- Waiting for server to start...
+ 
+ Waiting for server to start...
+