This commit is contained in:
2025-06-11 12:17:18 +02:00
parent 7b8c831970
commit 406f7e07ae
53 changed files with 1361 additions and 42 deletions

View File

@@ -280,6 +280,12 @@
.-top-2 {
top: calc(var(--spacing) * -2);
}
.-top-16 {
top: calc(var(--spacing) * -16);
}
.-top-40 {
top: calc(var(--spacing) * -40);
}
.-top-44 {
top: calc(var(--spacing) * -44);
}
@@ -307,6 +313,9 @@
.top-\[4px\] {
top: 4px;
}
.top-\[calc\(100\%-13rem\)\] {
top: calc(100% - 13rem);
}
.-right-2 {
right: calc(var(--spacing) * -2);
}
@@ -340,9 +349,15 @@
.left-\[7px\] {
left: 7px;
}
.left-\[calc\(50\%\+3rem\)\] {
left: calc(50% + 3rem);
}
.left-\[calc\(50\%\+var\(--offset\)\)\] {
left: calc(50% + var(--offset));
}
.left-\[calc\(50\%-11rem\)\] {
left: calc(50% - 11rem);
}
.isolate {
isolation: isolate;
}
@@ -493,6 +508,9 @@
.mb-32 {
margin-bottom: calc(var(--spacing) * 32);
}
.-ml-24 {
margin-left: calc(var(--spacing) * -24);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * 0.5);
}
@@ -535,9 +553,18 @@
.aspect-9\/16 {
aspect-ratio: 9/16;
}
.aspect-801\/1036 {
aspect-ratio: 801/1036;
}
.aspect-1155\/678 {
aspect-ratio: 1155/678;
}
.aspect-1313\/771 {
aspect-ratio: 1313/771;
}
.aspect-\[1155\/678\] {
aspect-ratio: 1155/678;
}
.aspect-\[var\(--width\)\/var\(--height\)\] {
aspect-ratio: var(--width)/var(--height);
}
@@ -671,9 +698,18 @@
.w-104 {
width: calc(var(--spacing) * 104);
}
.w-144\.5 {
width: calc(var(--spacing) * 144.5);
}
.w-200\.25 {
width: calc(var(--spacing) * 200.25);
}
.w-328\.25 {
width: calc(var(--spacing) * 328.25);
}
.w-\[36\.125rem\] {
width: 36.125rem;
}
.w-auto {
width: auto;
}
@@ -755,6 +791,9 @@
.rotate-\[-10deg\] {
rotate: -10deg;
}
.rotate-\[30deg\] {
rotate: 30deg;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
@@ -1087,12 +1126,24 @@
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.bg-white\/20 {
background-color: color-mix(in srgb, #fff 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.bg-white\/35 {
background-color: color-mix(in srgb, #fff 35%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}
.bg-white\/90 {
background-color: color-mix(in srgb, #fff 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.bg-linear-145 {
--tw-gradient-position: 145deg;
@supports (background-image: linear-gradient(in lab, red, red)) {
@@ -1132,6 +1183,10 @@
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[radial-gradient\(circle\,transparent_25\%\,color-mix\(in_srgb\,var\(--color-blue-500\)_var\(--opacity\)\,transparent\)_100\%\)\] {
background-image: radial-gradient(circle,transparent 25%,oklch(62.3% 0.214 259.815) 100%);
@supports (color: color-mix(in lab, red, red)) {
@@ -1154,10 +1209,30 @@
--tw-gradient-from: #0f112b;
--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-\[\#7d59ff\] {
--tw-gradient-from: #7d59ff;
--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-\[\#8d80ff\] {
--tw-gradient-from: #8d80ff;
--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-\[\#490ae7\] {
--tw-gradient-from: #490ae7;
--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-\[\#ac97f7\] {
--tw-gradient-from: #ac97f7;
--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-\[\#b79fff\] {
--tw-gradient-from: #b79fff;
--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-\[\#e6d7ff\] {
--tw-gradient-from: #e6d7ff;
--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-\[\#e6dcff\] {
--tw-gradient-from: #e6dcff;
--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));
@@ -1238,11 +1313,36 @@
--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);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#9b82ff\] {
--tw-gradient-via: #9b82ff;
--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);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#987eff\] {
--tw-gradient-via: #987eff;
--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);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#9592ff\] {
--tw-gradient-via: #9592ff;
--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);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#a28aff\] {
--tw-gradient-via: #a28aff;
--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);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#a38ff2\] {
--tw-gradient-via: #a38ff2;
--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);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#b7a8f3\] {
--tw-gradient-via: #b7a8f3;
--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);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#ee87cb\] {
--tw-gradient-via: #ee87cb;
--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);
@@ -1262,10 +1362,26 @@
.via-70\% {
--tw-gradient-via-position: 70%;
}
.to-\[\#8a5af1\] {
--tw-gradient-to: #8a5af1;
--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-\[\#948dfd\] {
--tw-gradient-to: #948dfd;
--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-\[\#4605b0\] {
--tw-gradient-to: #4605b0;
--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-\[\#6434cd\] {
--tw-gradient-to: #6434cd;
--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-\[\#8851ff\] {
--tw-gradient-to: #8851ff;
--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-\[\#9089fc\] {
--tw-gradient-to: #9089fc;
--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));
@@ -1274,10 +1390,30 @@
--tw-gradient-to: #392468;
--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-\[\#a8a2f9\] {
--tw-gradient-to: #a8a2f9;
--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-\[\#a983fb\] {
--tw-gradient-to: #a983fb;
--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-\[\#aaa5f9\] {
--tw-gradient-to: #aaa5f9;
--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-\[\#b08ef8\] {
--tw-gradient-to: #b08ef8;
--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-\[\#b060ff\] {
--tw-gradient-to: #b060ff;
--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-\[\#b494fb\] {
--tw-gradient-to: #b494fb;
--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-\[\#f0e7ff\] {
--tw-gradient-to: #f0e7ff;
--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));
@@ -1716,6 +1852,9 @@
.whitespace-nowrap {
white-space: nowrap;
}
.text-black {
color: var(--color-black);
}
.text-gray-100 {
color: var(--color-gray-100);
}
@@ -2511,6 +2650,26 @@
color: var(--color-gray-700);
}
}
.sm\:-top-80 {
@media (width >= 40rem) {
top: calc(var(--spacing) * -80);
}
}
.sm\:top-\[calc\(100\%-30rem\)\] {
@media (width >= 40rem) {
top: calc(100% - 30rem);
}
}
.sm\:left-\[calc\(50\%\+36rem\)\] {
@media (width >= 40rem) {
left: calc(50% + 36rem);
}
}
.sm\:left-\[calc\(50\%-30rem\)\] {
@media (width >= 40rem) {
left: calc(50% - 30rem);
}
}
.sm\:col-span-2 {
@media (width >= 40rem) {
grid-column: span 2 / span 2;
@@ -2571,11 +2730,21 @@
width: calc(var(--spacing) * 216);
}
}
.sm\:w-288\.75 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 288.75);
}
}
.sm\:w-304 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 304);
}
}
.sm\:w-\[72\.1875rem\] {
@media (width >= 40rem) {
width: 72.1875rem;
}
}
.sm\:w-auto {
@media (width >= 40rem) {
width: auto;
@@ -2726,6 +2895,11 @@
margin-right: calc(var(--spacing) * -16);
}
}
.lg\:ml-24 {
@media (width >= 64rem) {
margin-left: calc(var(--spacing) * 24);
}
}
.lg\:flex {
@media (width >= 64rem) {
display: flex;
@@ -2931,6 +3105,11 @@
padding-top: calc(var(--spacing) * 36);
}
}
.lg\:pt-45 {
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 45);
}
}
.lg\:pb-6 {
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 6);
@@ -2941,6 +3120,11 @@
padding-bottom: calc(var(--spacing) * 24);
}
}
.lg\:pb-32 {
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 32);
}
}
.lg\:pl-16 {
@media (width >= 64rem) {
padding-left: calc(var(--spacing) * 16);
@@ -3032,6 +3216,11 @@
margin-left: calc(var(--spacing) * 0);
}
}
.xl\:ml-48 {
@media (width >= 80rem) {
margin-left: calc(var(--spacing) * 48);
}
}
.xl\:contents {
@media (width >= 80rem) {
display: contents;
@@ -3076,6 +3265,14 @@
}
}
}
.dark\:bg-gray-800\/90 {
@media (prefers-color-scheme: dark) {
background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-800) 90%, transparent);
}
}
}
.dark\:bg-indigo-800\/50 {
@media (prefers-color-scheme: dark) {
background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 50%, transparent);