add stripe

This commit is contained in:
2025-06-12 15:06:38 +02:00
parent 4bb4fd6121
commit bac53f8089
56 changed files with 1375 additions and 159 deletions

View File

@@ -25,7 +25,7 @@ eval(__webpack_require__.ts("Promise.resolve(/*! import() eager */).then(__webpa
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (\"4205d1db4d33\");\nif (true) { module.hot.accept() }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiKGFwcC1wYWdlcy1icm93c2VyKS8uL3NyYy9zdHlsZXMvdGFpbHdpbmQuY3NzIiwibWFwcGluZ3MiOiI7QUFBQSwrREFBZSxjQUFjO0FBQzdCLElBQUksSUFBVSxJQUFJLGlCQUFpQiIsInNvdXJjZXMiOlsid2VicGFjazovL19OX0UvLi9zcmMvc3R5bGVzL3RhaWx3aW5kLmNzcz83NTBkIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBkZWZhdWx0IFwiNDIwNWQxZGI0ZDMzXCJcbmlmIChtb2R1bGUuaG90KSB7IG1vZHVsZS5ob3QuYWNjZXB0KCkgfVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///(app-pages-browser)/./src/styles/tailwind.css\n"));
eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (\"95a7539da324\");\nif (true) { module.hot.accept() }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiKGFwcC1wYWdlcy1icm93c2VyKS8uL3NyYy9zdHlsZXMvdGFpbHdpbmQuY3NzIiwibWFwcGluZ3MiOiI7QUFBQSwrREFBZSxjQUFjO0FBQzdCLElBQUksSUFBVSxJQUFJLGlCQUFpQiIsInNvdXJjZXMiOlsid2VicGFjazovL19OX0UvLi9zcmMvc3R5bGVzL3RhaWx3aW5kLmNzcz83NTBkIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBkZWZhdWx0IFwiOTVhNzUzOWRhMzI0XCJcbmlmIChtb2R1bGUuaG90KSB7IG1vZHVsZS5ob3QuYWNjZXB0KCkgfVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///(app-pages-browser)/./src/styles/tailwind.css\n"));
/***/ })

View File

@@ -192,7 +192,7 @@
/******/
/******/ /* webpack/runtime/getFullHash */
/******/ !function() {
/******/ __webpack_require__.h = function() { return "daae1031be3864b5"; }
/******/ __webpack_require__.h = function() { return "b0121ed294c3981e"; }
/******/ }();
/******/
/******/ /* webpack/runtime/global */

View File

@@ -43,10 +43,12 @@
--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);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
@@ -85,6 +87,7 @@
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-4xl: 2rem;
--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
--blur-md: 12px;
--blur-3xl: 64px;
--default-transition-duration: 150ms;
@@ -511,6 +514,9 @@
.mt-auto {
margin-top: auto;
}
.-mr-2 {
margin-right: calc(var(--spacing) * -2);
}
.mr-8 {
margin-right: calc(var(--spacing) * 8);
}
@@ -757,6 +763,9 @@
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-91\.5 {
width: calc(var(--spacing) * 91.5);
}
.w-104 {
width: calc(var(--spacing) * 104);
}
@@ -778,6 +787,9 @@
.w-full {
width: 100%;
}
.w-px {
width: 1px;
}
.w-screen {
width: 100vw;
}
@@ -790,6 +802,9 @@
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-5xl {
max-width: var(--container-5xl);
}
@@ -805,6 +820,9 @@
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
@@ -989,6 +1007,9 @@
margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
}
}
.gap-x-1 {
column-gap: calc(var(--spacing) * 1);
}
.gap-x-2 {
column-gap: calc(var(--spacing) * 2);
}
@@ -1037,6 +1058,9 @@
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-x-auto {
overflow-x: auto;
}
@@ -1111,6 +1135,10 @@
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
@@ -1140,6 +1168,9 @@
border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
}
}
.border-indigo-500 {
border-color: var(--color-indigo-500);
}
.border-transparent {
border-color: transparent;
}
@@ -1176,9 +1207,18 @@
.bg-gray-900 {
background-color: var(--color-gray-900);
}
.bg-gray-900\/10 {
background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
}
}
.bg-indigo-50 {
background-color: var(--color-indigo-50);
}
.bg-indigo-100 {
background-color: var(--color-indigo-100);
}
.bg-indigo-200\/70 {
background-color: color-mix(in srgb, oklch(87% 0.065 274.039) 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
@@ -1322,6 +1362,10 @@
--tw-gradient-from: #7848f3;
--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-\[\#a680ff\] {
--tw-gradient-from: #a680ff;
--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));
@@ -1330,6 +1374,10 @@
--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-\[\#bda2fd\] {
--tw-gradient-from: #bda2fd;
--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-\[\#cfbeff\] {
--tw-gradient-from: #cfbeff;
--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));
@@ -1539,6 +1587,10 @@
--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-\[\#a59ff8\] {
--tw-gradient-to: #a59ff8;
--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));
@@ -1610,6 +1662,9 @@
.mask-\[linear-gradient\(to_bottom\,black_90\%\,transparent\)\,radial-gradient\(circle\,rgba\(0\,0\,0\,1\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
mask-image: linear-gradient(to bottom,black 90%,transparent),radial-gradient(circle,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.mask-\[radial-gradient\(100\%_100\%_at_top_right\,white\,transparent\)\] {
mask-image: radial-gradient(100% 100% at top right,white,transparent);
}
.bg-size-\[12px_100\%\] {
background-size: 12px 100%;
}
@@ -1655,6 +1710,9 @@
fill: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.fill-gray-50 {
fill: var(--color-gray-50);
}
.fill-gray-400 {
fill: var(--color-gray-400);
}
@@ -1682,6 +1740,9 @@
fill: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.stroke-gray-200 {
stroke: var(--color-gray-200);
}
.stroke-white {
stroke: var(--color-white);
}
@@ -1769,6 +1830,9 @@
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
@@ -1778,6 +1842,9 @@
.py-24 {
padding-block: calc(var(--spacing) * 24);
}
.py-32 {
padding-block: calc(var(--spacing) * 32);
}
.py-242 {
padding-block: calc(var(--spacing) * 242);
}
@@ -1808,6 +1875,9 @@
.pt-12 {
padding-top: calc(var(--spacing) * 12);
}
.pt-14 {
padding-top: calc(var(--spacing) * 14);
}
.pt-16 {
padding-top: calc(var(--spacing) * 16);
}
@@ -1986,6 +2056,10 @@
font-size: var(--text-xl);
line-height: calc(var(--spacing) * 8);
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-xs\/5 {
font-size: var(--text-xs);
line-height: calc(var(--spacing) * 5);
@@ -2055,6 +2129,9 @@
.text-gray-300 {
color: var(--color-gray-300);
}
.text-gray-400 {
color: var(--color-gray-400);
}
.text-gray-500 {
color: var(--color-gray-500);
}
@@ -2064,6 +2141,9 @@
.text-gray-700 {
color: var(--color-gray-700);
}
.text-gray-800 {
color: var(--color-gray-800);
}
.text-gray-900 {
color: var(--color-gray-900);
}
@@ -2085,6 +2165,9 @@
.text-indigo-600 {
color: var(--color-indigo-600);
}
.text-indigo-700 {
color: var(--color-indigo-700);
}
.text-indigo-900 {
color: var(--color-indigo-900);
}
@@ -2116,6 +2199,11 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-500 {
&::placeholder {
color: var(--color-gray-500);
}
}
.opacity-0 {
opacity: 0%;
}
@@ -2269,6 +2357,11 @@
--tw-drop-shadow: var(--tw-drop-shadow-size);
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-xl {
--tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
--tw-drop-shadow: drop-shadow(var(--drop-shadow-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,);
}
.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,);
}
@@ -2601,6 +2694,13 @@
}
}
}
.hover\:bg-indigo-700 {
&:hover {
@media (hover: hover) {
background-color: var(--color-indigo-700);
}
}
}
.hover\:text-gray-600 {
&:hover {
@media (hover: hover) {
@@ -2632,6 +2732,23 @@
}
}
}
.focus\:ring-2 {
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
.focus\:ring-indigo-500 {
&:focus {
--tw-ring-color: var(--color-indigo-500);
}
}
.focus\:outline-none {
&:focus {
--tw-outline-style: none;
outline-style: none;
}
}
.focus-visible\:outline {
&:focus-visible {
outline-style: var(--tw-outline-style);
@@ -2990,6 +3107,21 @@
margin-top: calc(var(--spacing) * 20);
}
}
.sm\:mt-24 {
@media (width >= 40rem) {
margin-top: calc(var(--spacing) * 24);
}
}
.sm\:mb-8 {
@media (width >= 40rem) {
margin-bottom: calc(var(--spacing) * 8);
}
}
.sm\:flex {
@media (width >= 40rem) {
display: flex;
}
}
.sm\:hidden {
@media (width >= 40rem) {
display: none;
@@ -3085,6 +3217,11 @@
flex-wrap: nowrap;
}
}
.sm\:justify-center {
@media (width >= 40rem) {
justify-content: center;
}
}
.sm\:gap-y-20 {
@media (width >= 40rem) {
row-gap: calc(var(--spacing) * 20);
@@ -3115,6 +3252,11 @@
padding-block: calc(var(--spacing) * 32);
}
}
.sm\:py-48 {
@media (width >= 40rem) {
padding-block: calc(var(--spacing) * 48);
}
}
.sm\:pt-16 {
@media (width >= 40rem) {
padding-top: calc(var(--spacing) * 16);
@@ -3142,6 +3284,12 @@
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
.sm\:text-7xl {
@media (width >= 40rem) {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
.sm\:text-sm\/6 {
@media (width >= 40rem) {
font-size: var(--text-sm);
@@ -3210,6 +3358,11 @@
margin-top: calc(var(--spacing) * -52);
}
}
.lg\:mt-0 {
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 0);
}
}
.lg\:-mr-16 {
@media (width >= 64rem) {
margin-right: calc(var(--spacing) * -16);
@@ -3295,6 +3448,21 @@
max-width: var(--container-xl);
}
}
.lg\:flex-auto {
@media (width >= 64rem) {
flex: auto;
}
}
.lg\:shrink-0 {
@media (width >= 64rem) {
flex-shrink: 0;
}
}
.lg\:grow {
@media (width >= 64rem) {
flex-grow: 1;
}
}
.lg\:basis-5\/12 {
@media (width >= 64rem) {
flex-basis: calc(5/12 * 100%);
@@ -3365,6 +3533,11 @@
flex-direction: row;
}
}
.lg\:items-center {
@media (width >= 64rem) {
align-items: center;
}
}
.lg\:items-start {
@media (width >= 64rem) {
align-items: flex-start;
@@ -3385,6 +3558,11 @@
gap: calc(var(--spacing) * 12);
}
}
.lg\:gap-x-10 {
@media (width >= 64rem) {
column-gap: calc(var(--spacing) * 10);
}
}
.lg\:gap-x-12 {
@media (width >= 64rem) {
column-gap: calc(var(--spacing) * 12);
@@ -3460,6 +3638,11 @@
padding-block: calc(var(--spacing) * 32);
}
}
.lg\:py-40 {
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 40);
}
}
.lg\:py-45 {
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 45);