From c4936da0d8be4365e077849e7d5e2fbaee75edfc Mon Sep 17 00:00:00 2001 From: shafiqhammad5 Date: Wed, 5 Mar 2025 11:21:35 +0600 Subject: [PATCH 1/4] updated to tailwind v4 --- .DS_Store | Bin 8196 -> 8196 bytes application/404/404-01.html | 8 +- application/blogs/blog-01.html | 12 +- application/contacts/contact-01.html | 1281 +- application/modals/modal-01.html | 2 +- application/signin/sign-In-up-01.html | 493 +- application/table-grids/table-grid-01.html | 16 +- assets/css/tailwind.css | 11294 ++++++++-------- core-components/avatars/avatars-03.html | 20 +- core-components/avatars/avatars-07.html | 20 +- core-components/avatars/avatars-11.html | 24 +- core-components/badges/badges.html | 54 +- core-components/breadcrumbs/breadcrumbs.html | 1256 +- core-components/clipboards/clipboard-01.html | 2 +- core-components/clipboards/clipboard-02.html | 2 +- core-components/clipboards/clipboard-03.html | 2 +- core-components/clipboards/clipboard-04.html | 2 +- .../date-picker/date-picker-01.html | 447 +- .../date-picker/date-picker-02.html | 10 +- .../date-picker/date-picker-03.html | 2 +- .../date-picker/date-picker-04.html | 2 +- .../file-uploads/file-upload-01.html | 2 +- .../file-uploads/file-upload-02.html | 2 +- .../input-range/input-range-02.html | 4 +- .../input-range/input-range-03.html | 4 +- core-components/inputs/input.html | 46 +- core-components/lists/lists.html | 30 +- core-components/otp/otp -01.html | 8 +- core-components/otp/otp-02.html | 8 +- core-components/otp/otp-03.html | 8 +- core-components/otp/otp-04.html | 8 +- core-components/page-title/page-title-03.html | 115 +- .../paginations/pagination-03.html | 2 +- .../progress-bars/progress-bars.html | 12 +- core-components/select/select.html | 6 +- core-components/skeletons/skeleton-01.html | 8 +- core-components/skeletons/skeleton-02.html | 8 +- core-components/skeletons/skeleton-03.html | 14 +- .../sticky-bars/sticky-bar-01.html | 2 +- .../sticky-bars/sticky-bar-03.html | 2 +- core-components/switches/switch-02.html | 22 +- core-components/switches/switch.html | 32 +- core-components/tabs/tabs-02.html | 24 +- core-components/textarea/textarea.html | 8 +- .../time-picker/time-picker-01.html | 2 +- core-components/toasts/toast-06.html | 132 +- core-components/tooltips/tooltips.html | 40 +- marketing/abouts/about-01.html | 834 +- marketing/call-to-actions/cta-01.html | 181 +- marketing/heros/hero-01.html | 2 +- marketing/newsletters/newsletter-01.html | 148 +- marketing/pricings/pricing-01.html | 1329 +- marketing/videos/video-01.html | 553 +- package-lock.json | 2226 +-- package.json | 10 +- postcss.config.js | 3 +- src/tailwind.css | 35 +- tailwind.config.js | 8 - 58 files changed, 8288 insertions(+), 12539 deletions(-) delete mode 100644 tailwind.config.js diff --git a/.DS_Store b/.DS_Store index c2c2673cc8823e09326ee19ac5feb79abbc5eefc..4b2ed213ab234b911f41c269e4d434e7c8cc0e71 100644 GIT binary patch delta 32 mcmZp1XmOa}&nUVvU^hRb=w=>)Al8i~E15R4ON0X%%a{PH0t!$7 delta 102 zcmZp1XmOa}&nUJrU^hRb*k&GqAXY&kh7yKEhD?SWhH@a8$B;6)PFRVDv73Q`vF<+@ RY%I)T+RQEyPMq3wCIAdDA$kA+ diff --git a/application/404/404-01.html b/application/404/404-01.html index 0b073f2..f97857c 100644 --- a/application/404/404-01.html +++ b/application/404/404-01.html @@ -47,18 +47,18 @@ class="absolute left-0 top-0 -z-10 flex h-full w-full items-center justify-between space-x-5 md:space-x-8 lg:space-x-14" >
diff --git a/application/blogs/blog-01.html b/application/blogs/blog-01.html index 2ee6032..7ad92b8 100644 --- a/application/blogs/blog-01.html +++ b/application/blogs/blog-01.html @@ -38,7 +38,7 @@
-
+
image
Dec 22, 2023 @@ -68,7 +68,7 @@

-
+
image
Mar 15, 2023 @@ -98,7 +98,7 @@

-
+
image
Jan 05, 2023 diff --git a/application/contacts/contact-01.html b/application/contacts/contact-01.html index 6e45510..d011fa1 100644 --- a/application/contacts/contact-01.html +++ b/application/contacts/contact-01.html @@ -1,994 +1,319 @@ - - - - - Contact | TailGrids - - - - - -
-
-
-
-
- - Contact Us - -

- GET IN TOUCH WITH US -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eius tempor incididunt ut labore et dolore magna aliqua. Ut enim - adiqua minim veniam quis nostrud exercitation ullamco -

-
-
- - - -
-
-

- Our Location -

-

- 99 S.t Jomblo Park Pekanbaru 28292. Indonesia -

-
-
+ + + + + Contact | TailGrids + + + -
-
- - - - - - - - - - - - -
-
-

- Phone Number -

-

- (+62)81 414 257 9980 -

-
+ + +
+
+
+
+
+ + Contact Us + +

+ GET IN TOUCH WITH US +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eius tempor incididunt ut labore et dolore magna aliqua. Ut enim + adiqua minim veniam quis nostrud exercitation ullamco +

+ +
+
+ + + +
+
+

+ Our Location +

+

+ 99 S.t Jomblo Park Pekanbaru 28292. Indonesia +

+
-
-
- +
+
+ + - -
-
-

- Email Address -

-

- info@yourdomain.com -

-
+ d="M24.3 31.1499C22.95 31.1499 21.4 30.7999 19.7 30.1499C16.3 28.7999 12.55 26.1999 9.19997 22.8499C5.84997 19.4999 3.24997 15.7499 1.89997 12.2999C0.39997 8.59994 0.54997 5.54994 2.29997 3.84994C2.34997 3.79994 2.44997 3.74994 2.49997 3.69994L6.69997 1.19994C7.74997 0.599942 9.09997 0.899942 9.79997 1.89994L12.75 6.29994C13.45 7.34994 13.15 8.74994 12.15 9.44994L10.35 10.6999C11.65 12.7999 15.35 17.9499 21.25 21.6499L22.35 20.0499C23.2 18.8499 24.55 18.4999 25.65 19.2499L30.05 22.1999C31.05 22.8999 31.35 24.2499 30.75 25.2999L28.25 29.4999C28.2 29.5999 28.15 29.6499 28.1 29.6999C27.2 30.6499 25.9 31.1499 24.3 31.1499ZM3.79997 5.54994C2.84997 6.59994 2.89997 8.74994 3.99997 11.4999C5.24997 14.6499 7.64997 18.0999 10.8 21.2499C13.9 24.3499 17.4 26.7499 20.5 27.9999C23.2 29.0999 25.35 29.1499 26.45 28.1999L28.85 24.0999C28.85 24.0499 28.85 24.0499 28.85 23.9999L24.45 21.0499C24.45 21.0499 24.35 21.0999 24.25 21.2499L23.15 22.8499C22.45 23.8499 21.1 24.1499 20.1 23.4999C13.8 19.5999 9.89997 14.1499 8.49997 11.9499C7.84997 10.8999 8.09997 9.54994 9.09997 8.84994L10.9 7.59994V7.54994L7.94997 3.14994C7.94997 3.09994 7.89997 3.09994 7.84997 3.14994L3.79997 5.54994Z" + fill="currentColor" /> + + + + + + + + + +
+
+

+ Phone Number +

+

+ (+62)81 414 257 9980 +

+
+
+ +
+
+ + + +
+
+

+ Email Address +

+

+ info@yourdomain.com +

-
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-
- - - +
+
+ + + + \ No newline at end of file diff --git a/application/modals/modal-01.html b/application/modals/modal-01.html index 03e5e25..b311888 100644 --- a/application/modals/modal-01.html +++ b/application/modals/modal-01.html @@ -41,7 +41,7 @@ Your Message Sent Successfully

- - - - - Form | TailGrids - - - - - -

-
-
-
-
-
- - logo - -
-
-
- -
-
- -
-
- -
-
-

- Connect With -

- - - Forget Password? + + + + + + Form | TailGrids + + + + + + +
+
+
+
+
+
+ + logo -

- Not a member yet? - - Sign Up +

+
+
+ +
+
+ +
+
+ +
+
+

+ Connect With +

+
+ + + + + Forget Password? + +

+ Not a member yet? + + Sign Up + +

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-
- - - +
+
+ + + + \ No newline at end of file diff --git a/application/table-grids/table-grid-01.html b/application/table-grids/table-grid-01.html index 6460f58..6465069 100644 --- a/application/table-grids/table-grid-01.html +++ b/application/table-grids/table-grid-01.html @@ -29,7 +29,7 @@
-
+
table grids
-
+
table grids
-
+
table grids
-
+
table grids
-
+
table grids
-
+
table grids
-
+
table grids
-
+
img{ - scroll-snap-align: center; -} - -.navbarTogglerActive > span:nth-child(1){ - transform: rotate(45deg); - top: 7px; -} - -.navbarTogglerActive > span:nth-child(2){ - opacity: 0; -} - -.navbarTogglerActive > span:nth-child(3){ - top: -8px; - transform: rotate(135deg); -} - -.container{ - margin-left: auto; - margin-r-ight: auto; - padding-left: 16px; - padding-r-ight: 16px; -} - -input[type="checkbox"]:checked ~ .box span{ - opacity: 1; -} - -input[type="radio"]:checked ~ .box .circle background{ - -d-e-f-a-u-l-t: #3758F9; -} - -input[type="radio"]:checked ~ .box span{ - opacity: 1; -} - -.shipping:checked ~ label .title color{ - -d-e-f-a-u-l-t: #3758F9; -} - -.color:checked ~ label span{ - width: 8px; - height: 8px; -} - -.download-radio:checked ~ label .icon{ - opacity: 1; -} - -.checkbox-list:checked ~ label .icon{ - opacity: 1; -} - -.box-select-1:checked ~ label .box borderColor{ - -d-e-f-a-u-l-t: #3758F9; -} - -.box-select-1:checked ~ label .box background{ - -d-e-f-a-u-l-t: #3758F9; -} - -.box-select-1:checked ~ label .box .icon{ - opacity: 1; -} - -.select-list:checked ~ label .icon background{ - -d-e-f-a-u-l-t: #3758F9; -} - -.tableCheckbox:checked ~ label .icon{ - opacity: 1; -} - -.tableCheckbox-2:checked ~ label .icon{ - color: #fff; - opacity: 1; -} - -*, ::before, ::after{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; -} - -::backdrop{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; -} - -.container{ - width: 100%; - margin-right: auto; - margin-left: auto; - padding-right: 16px; - padding-left: 16px; -} - -@media (min-width: 400px){ - .container{ - max-width: 400px; +/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap') layer(base); +@layer theme, base, components, utilities; +@layer theme { + :root, :host { + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace; + --color-white: #fff; + --spacing: 0.25rem; + --container-xl: 36rem; + --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; + --text-base--line-height: calc(1.5 / 1); + --text-lg: 1.125rem; + --text-lg--line-height: calc(1.75 / 1.125); + --text-xl: 1.25rem; + --text-xl--line-height: calc(1.75 / 1.25); + --text-2xl: 1.5rem; + --text-2xl--line-height: calc(2 / 1.5); + --text-3xl: 1.875rem; + --text-3xl--line-height: calc(2.25 / 1.875); + --text-4xl: 2.25rem; + --text-4xl--line-height: calc(2.5 / 2.25); + --text-5xl: 3rem; + --text-5xl--line-height: 1; + --font-weight-normal: 400; + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --leading-tight: 1.25; + --leading-relaxed: 1.625; + --leading-loose: 2; + --radius-xs: 0.125rem; + --radius-sm: 0.25rem; + --radius-md: 0.375rem; + --radius-lg: 0.5rem; + --radius-xl: 0.75rem; + --radius-2xl: 1rem; + --animate-spin: spin 1s linear infinite; + --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + --default-transition-duration: 150ms; + --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + --default-font-family: "Inter", sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --default-font-feature-settings: normal; + --default-font-variation-settings: normal; + --default-mono-font-family: var(--font-mono); + --default-mono-font-feature-settings: var( + --font-mono--font-feature-settings + ); + --default-mono-font-variation-settings: var( + --font-mono--font-variation-settings + ); + } +} +@layer base { + *, ::after, ::before, ::backdrop, ::file-selector-button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0 solid; + } + html, :host { + line-height: 1.5; + -webkit-text-size-adjust: 100%; + tab-size: 4; + font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); + font-feature-settings: var(--default-font-feature-settings, normal); + font-variation-settings: var( --default-font-variation-settings, normal ); + -webkit-tap-highlight-color: transparent; + } + body { + line-height: inherit; + } + hr { + height: 0; + color: inherit; + border-top-width: 1px; + } + abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + } + h1, h2, h3, h4, h5, h6 { + font-size: inherit; + font-weight: inherit; + } + a { + color: inherit; + -webkit-text-decoration: inherit; + text-decoration: inherit; + } + b, strong { + font-weight: bolder; + } + code, kbd, samp, pre { + font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace ); + font-feature-settings: var( --default-mono-font-feature-settings, normal ); + font-variation-settings: var( --default-mono-font-variation-settings, normal ); + font-size: 1em; + } + small { + font-size: 80%; + } + sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + sub { + bottom: -0.25em; + } + sup { + top: -0.5em; + } + table { + text-indent: 0; + border-color: inherit; + border-collapse: collapse; + } + :-moz-focusring { + outline: auto; + } + progress { + vertical-align: baseline; + } + summary { + display: list-item; + } + ol, ul, menu { + list-style: none; + } + img, svg, video, canvas, audio, iframe, embed, object { + display: block; + vertical-align: middle; } -} - -@media (min-width: 540px){ - .container{ - max-width: 540px; + img, video { + max-width: 100%; + height: auto; + } + button, input, select, optgroup, textarea, ::file-selector-button { + font: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + letter-spacing: inherit; + color: inherit; + border-radius: 0; + background-color: transparent; + opacity: 1; } -} - -@media (min-width: 720px){ - .container{ - max-width: 720px; + :where(select:is([multiple], [size])) optgroup { + font-weight: bolder; } -} - -@media (min-width: 960px){ - .container{ - max-width: 960px; + :where(select:is([multiple], [size])) optgroup option { + padding-inline-start: 20px; } -} - -@media (min-width: 1140px){ - .container{ - max-width: 1140px; + ::file-selector-button { + margin-inline-end: 4px; } -} - -@media (min-width: 1320px){ - .container{ - max-width: 1320px; + ::placeholder { + opacity: 1; + color: color-mix(in oklab, currentColor 50%, transparent); + } + textarea { + resize: vertical; + } + ::-webkit-search-decoration { + -webkit-appearance: none; + } + ::-webkit-date-and-time-value { + min-height: 1lh; + text-align: inherit; + } + ::-webkit-datetime-edit { + display: inline-flex; + } + ::-webkit-datetime-edit-fields-wrapper { + padding: 0; + } + ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { + padding-block: 0; + } + :-moz-ui-invalid { + box-shadow: none; + } + button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { + appearance: button; + } + ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { + height: auto; + } + [hidden]:where(:not([hidden="until-found"])) { + display: none !important; } } - -.sr-only{ - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; -} - -.pointer-events-none{ - pointer-events: none; -} - -.visible{ - visibility: visible; -} - -.invisible{ - visibility: hidden; -} - -.fixed{ - position: fixed; -} - -.absolute{ - position: absolute; -} - -.relative{ - position: relative; -} - -.inset-0{ - inset: 0px; -} - -.inset-y-0{ - top: 0px; - bottom: 0px; -} - -.-bottom-1{ - bottom: -0.25rem; -} - -.-bottom-5{ - bottom: -1.25rem; -} - -.-bottom-6{ - bottom: -1.5rem; -} - -.-bottom-7{ - bottom: -1.75rem; -} - -.-bottom-8{ - bottom: -2rem; -} - -.-left-1{ - left: -0.25rem; -} - -.-left-6{ - left: -1.5rem; -} - -.-left-7{ - left: -1.75rem; -} - -.-left-8{ - left: -2rem; -} - -.-right-0{ - right: -0px; -} - -.-right-0\.5{ - right: -0.125rem; -} - -.-right-1{ - right: -0.25rem; -} - -.-right-10{ - right: -2.5rem; -} - -.-right-2{ - right: -0.5rem; -} - -.-right-4{ - right: -1rem; -} - -.-right-6{ - right: -1.5rem; -} - -.-right-7{ - right: -1.75rem; -} - -.-right-9{ - right: -2.25rem; -} - -.-right-\[6px\]{ - right: -6px; -} - -.-top-0{ - top: -0px; -} - -.-top-0\.5{ - top: -0.125rem; -} - -.-top-1{ - top: -0.25rem; -} - -.-top-10{ - top: -2.5rem; -} - -.-top-16{ - top: -4rem; -} - -.-top-2{ - top: -0.5rem; -} - -.-top-6{ - top: -1.5rem; -} - -.-top-7{ - top: -1.75rem; -} - -.-top-\[6px\]{ - top: -6px; -} - -.bottom-0{ - bottom: 0px; -} - -.bottom-1{ - bottom: 0.25rem; -} - -.bottom-4{ - bottom: 1rem; -} - -.bottom-5{ - bottom: 1.25rem; -} - -.bottom-\[-2px\]{ - bottom: -2px; -} - -.bottom-\[-3px\]{ - bottom: -3px; -} - -.bottom-full{ - bottom: 100%; -} - -.left-0{ - left: 0px; -} - -.left-1{ - left: 0.25rem; -} - -.left-1\/2{ - left: 50%; -} - -.left-4{ - left: 1rem; -} - -.left-\[-3px\]{ - left: -3px; -} - -.left-full{ - left: 100%; -} - -.right-0{ - right: 0px; -} - -.right-1{ - right: 0.25rem; -} - -.right-10{ - right: 2.5rem; -} - -.right-2{ - right: 0.5rem; -} - -.right-3{ - right: 0.75rem; -} - -.right-4{ - right: 1rem; -} - -.right-5{ - right: 1.25rem; -} - -.right-\[-3px\]{ - right: -3px; -} - -.right-\[18px\]{ - right: 18px; -} - -.right-full{ - right: 100%; -} - -.top-0{ - top: 0px; -} - -.top-1{ - top: 0.25rem; -} - -.top-1\/2{ - top: 50%; -} - -.top-10{ - top: 2.5rem; -} - -.top-3{ - top: 0.75rem; -} - -.top-4{ - top: 1rem; -} - -.top-5{ - top: 1.25rem; -} - -.top-7{ - top: 1.75rem; -} - -.top-\[-3px\]{ - top: -3px; -} - -.top-\[110\%\]{ - top: 110%; -} - -.top-\[90px\]{ - top: 90px; -} - -.top-full{ - top: 100%; -} - -.-z-10{ - z-index: -10; -} - -.z-10{ - z-index: 10; -} - -.z-20{ - z-index: 20; -} - -.z-30{ - z-index: 30; -} - -.z-40{ - z-index: 40; -} - -.z-50{ - z-index: 50; -} - -.z-\[-1\]{ - z-index: -1; -} - -.z-\[-2\]{ - z-index: -2; -} - -.m-10{ - margin: 2.5rem; -} - -.m-2{ - margin: 0.5rem; -} - -.-mx-2{ - margin-left: -0.5rem; - margin-right: -0.5rem; -} - -.-mx-3{ - margin-left: -0.75rem; - margin-right: -0.75rem; -} - -.-mx-4{ - margin-left: -1rem; - margin-right: -1rem; -} - -.-mx-5{ - margin-left: -1.25rem; - margin-right: -1.25rem; -} - -.-mx-\[6px\]{ - margin-left: -6px; - margin-right: -6px; -} - -.mx-3{ - margin-left: 0.75rem; - margin-right: 0.75rem; -} - -.mx-4{ - margin-left: 1rem; - margin-right: 1rem; -} - -.mx-5{ - margin-left: 1.25rem; - margin-right: 1.25rem; -} - -.mx-7{ - margin-left: 1.75rem; - margin-right: 1.75rem; -} - -.mx-auto{ - margin-left: auto; - margin-right: auto; -} - -.my-1{ - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.my-4{ - margin-top: 1rem; - margin-bottom: 1rem; -} - -.my-5{ - margin-top: 1.25rem; - margin-bottom: 1.25rem; -} - -.my-\[6px\]{ - margin-top: 6px; - margin-bottom: 6px; -} - -.-mb-\[1px\]{ - margin-bottom: -1px; -} - -.-ml-1{ - margin-left: -0.25rem; -} - -.-ml-4{ - margin-left: -1rem; -} - -.-ml-5{ - margin-left: -1.25rem; -} - -.-mr-3{ - margin-right: -0.75rem; -} - -.-mt-2{ - margin-top: -0.5rem; -} - -.-mt-20{ - margin-top: -5rem; -} - -.mb-0{ - margin-bottom: 0px; -} - -.mb-0\.5{ - margin-bottom: 0.125rem; -} - -.mb-1{ - margin-bottom: 0.25rem; -} - -.mb-1\.5{ - margin-bottom: 0.375rem; -} - -.mb-10{ - margin-bottom: 2.5rem; -} - -.mb-11{ - margin-bottom: 2.75rem; -} - -.mb-12{ - margin-bottom: 3rem; -} - -.mb-14{ - margin-bottom: 3.5rem; -} - -.mb-2{ - margin-bottom: 0.5rem; -} - -.mb-2\.5{ - margin-bottom: 0.625rem; -} - -.mb-3{ - margin-bottom: 0.75rem; -} - -.mb-3\.5{ - margin-bottom: 0.875rem; -} - -.mb-4{ - margin-bottom: 1rem; -} - -.mb-5{ - margin-bottom: 1.25rem; -} - -.mb-6{ - margin-bottom: 1.5rem; -} - -.mb-7{ - margin-bottom: 1.75rem; -} - -.mb-8{ - margin-bottom: 2rem; -} - -.mb-9{ - margin-bottom: 2.25rem; -} - -.mb-\[10px\]{ - margin-bottom: 10px; -} - -.mb-\[14px\]{ - margin-bottom: 14px; -} - -.mb-\[60px\]{ - margin-bottom: 60px; -} - -.ml-1{ - margin-left: 0.25rem; -} - -.ml-2{ - margin-left: 0.5rem; -} - -.ml-3{ - margin-left: 0.75rem; -} - -.mr-1{ - margin-right: 0.25rem; -} - -.mr-2{ - margin-right: 0.5rem; -} - -.mr-2\.5{ - margin-right: 0.625rem; -} - -.mr-3{ - margin-right: 0.75rem; -} - -.mr-4{ - margin-right: 1rem; -} - -.mr-5{ - margin-right: 1.25rem; -} - -.mr-6{ - margin-right: 1.5rem; -} - -.mr-8{ - margin-right: 2rem; -} - -.mr-\[18px\]{ - margin-right: 18px; -} - -.mr-\[6px\]{ - margin-right: 6px; -} - -.mt-0{ - margin-top: 0px; -} - -.mt-0\.5{ - margin-top: 0.125rem; -} - -.mt-1{ - margin-top: 0.25rem; -} - -.mt-1\.5{ - margin-top: 0.375rem; -} - -.mt-10{ - margin-top: 2.5rem; -} - -.mt-2{ - margin-top: 0.5rem; -} - -.mt-3{ - margin-top: 0.75rem; -} - -.mt-5{ - margin-top: 1.25rem; -} - -.mt-6{ - margin-top: 1.5rem; -} - -.mt-8{ - margin-top: 2rem; -} - -.block{ - display: block; -} - -.inline-block{ - display: inline-block; -} - -.inline{ - display: inline; -} - -.flex{ - display: flex; -} - -.inline-flex{ - display: inline-flex; -} - -.table{ - display: table; -} - -.grid{ - display: grid; -} - -.hidden{ - display: none; -} - -.aspect-square{ - aspect-ratio: 1 / 1; -} - -.h-1{ - height: 0.25rem; -} - -.h-10{ - height: 2.5rem; -} - -.h-11{ - height: 2.75rem; -} - -.h-12{ - height: 3rem; -} - -.h-2{ - height: 0.5rem; -} - -.h-2\.5{ - height: 0.625rem; -} - -.h-20{ - height: 5rem; -} - -.h-3{ - height: 0.75rem; -} - -.h-3\.5{ - height: 0.875rem; -} - -.h-4{ - height: 1rem; -} - -.h-5{ - height: 1.25rem; -} - -.h-6{ - height: 1.5rem; -} - -.h-7{ - height: 1.75rem; -} - -.h-8{ - height: 2rem; -} - -.h-9{ - height: 2.25rem; -} - -.h-\[10px\]{ - height: 10px; -} - -.h-\[13px\]{ - height: 13px; -} - -.h-\[14px\]{ - height: 14px; -} - -.h-\[15px\]{ - height: 15px; -} - -.h-\[18px\]{ - height: 18px; -} - -.h-\[200px\]{ - height: 200px; -} - -.h-\[262px\]{ - height: 262px; -} - -.h-\[26px\]{ - height: 26px; -} - -.h-\[2px\]{ - height: 2px; -} - -.h-\[300px\]{ - height: 300px; -} - -.h-\[30px\]{ - height: 30px; -} - -.h-\[320px\]{ - height: 320px; -} - -.h-\[34px\]{ - height: 34px; -} - -.h-\[36px\]{ - height: 36px; -} - -.h-\[37px\]{ - height: 37px; -} - -.h-\[38px\]{ - height: 38px; -} - -.h-\[3px\]{ - height: 3px; -} - -.h-\[42px\]{ - height: 42px; -} - -.h-\[44px\]{ - height: 44px; -} - -.h-\[45px\]{ - height: 45px; -} - -.h-\[46px\]{ - height: 46px; -} - -.h-\[50px\]{ - height: 50px; -} - -.h-\[52px\]{ - height: 52px; -} - -.h-\[54px\]{ - height: 54px; -} - -.h-\[60px\]{ - height: 60px; -} - -.h-\[70px\]{ - height: 70px; -} - -.h-\[7px\]{ - height: 7px; -} - -.h-auto{ - height: auto; -} - -.h-full{ - height: 100%; -} - -.h-px{ - height: 1px; -} - -.h-screen{ - height: 100vh; -} - -.min-h-\[260px\]{ - min-height: 260px; -} - -.min-h-\[328px\]{ - min-height: 328px; -} - -.min-h-screen{ - min-height: 100vh; -} - -.w-1\/2{ - width: 50%; -} - -.w-1\/3{ - width: 33.333333%; -} - -.w-1\/6{ - width: 16.666667%; -} - -.w-10{ - width: 2.5rem; -} - -.w-12{ - width: 3rem; -} - -.w-14{ - width: 3.5rem; -} - -.w-2{ - width: 0.5rem; -} - -.w-2\.5{ - width: 0.625rem; -} - -.w-20{ - width: 5rem; -} - -.w-3{ - width: 0.75rem; -} - -.w-3\.5{ - width: 0.875rem; -} - -.w-3\/4{ - width: 75%; -} - -.w-4{ - width: 1rem; -} - -.w-4\/6{ - width: 66.666667%; -} - -.w-5{ - width: 1.25rem; -} - -.w-5\/6{ - width: 83.333333%; -} - -.w-6{ - width: 1.5rem; -} - -.w-60{ - width: 15rem; -} - -.w-7{ - width: 1.75rem; -} - -.w-8{ - width: 2rem; -} - -.w-9{ - width: 2.25rem; -} - -.w-\[10\%\]{ - width: 10%; -} - -.w-\[10px\]{ - width: 10px; -} - -.w-\[13px\]{ - width: 13px; -} - -.w-\[14px\]{ - width: 14px; -} - -.w-\[150px\]{ - width: 150px; -} - -.w-\[15px\]{ - width: 15px; -} - -.w-\[162px\]{ - width: 162px; -} - -.w-\[18px\]{ - width: 18px; -} - -.w-\[20\%\]{ - width: 20%; -} - -.w-\[200px\]{ - width: 200px; -} - -.w-\[240px\]{ - width: 240px; -} - -.w-\[30px\]{ - width: 30px; -} - -.w-\[38px\]{ - width: 38px; -} - -.w-\[40\%\]{ - width: 40%; -} - -.w-\[40px\]{ - width: 40px; -} - -.w-\[42px\]{ - width: 42px; -} - -.w-\[45\%\]{ - width: 45%; -} - -.w-\[46px\]{ - width: 46px; -} - -.w-\[50\%\]{ - width: 50%; -} - -.w-\[50px\]{ - width: 50px; -} - -.w-\[52px\]{ - width: 52px; -} - -.w-\[60px\]{ - width: 60px; -} - -.w-\[63\%\]{ - width: 63%; -} - -.w-\[64px\]{ - width: 64px; -} - -.w-\[68px\]{ - width: 68px; -} - -.w-\[70px\]{ - width: 70px; -} - -.w-\[75\%\]{ - width: 75%; -} - -.w-\[7px\]{ - width: 7px; -} - -.w-\[82px\]{ - width: 82px; -} - -.w-\[84\%\]{ - width: 84%; -} - -.w-\[90\%\]{ - width: 90%; -} - -.w-\[90px\]{ - width: 90px; -} - -.w-full{ - width: 100%; -} - -.w-px{ - width: 1px; -} - -.min-w-10{ - min-width: 2.5rem; -} - -.min-w-\[160px\]{ - min-width: 160px; -} - -.min-w-\[300px\]{ - min-width: 300px; -} - -.max-w-\[160px\]{ - max-width: 160px; -} - -.max-w-\[210px\]{ - max-width: 210px; -} - -.max-w-\[220px\]{ - max-width: 220px; -} - -.max-w-\[250px\]{ - max-width: 250px; -} - -.max-w-\[26px\]{ - max-width: 26px; -} - -.max-w-\[290px\]{ - max-width: 290px; -} - -.max-w-\[300px\]{ - max-width: 300px; -} - -.max-w-\[30px\]{ - max-width: 30px; -} - -.max-w-\[310px\]{ - max-width: 310px; -} - -.max-w-\[325px\]{ - max-width: 325px; -} - -.max-w-\[34px\]{ - max-width: 34px; -} - -.max-w-\[350px\]{ - max-width: 350px; -} - -.max-w-\[36px\]{ - max-width: 36px; -} - -.max-w-\[370px\]{ - max-width: 370px; -} - -.max-w-\[380px\]{ - max-width: 380px; -} - -.max-w-\[400px\]{ - max-width: 400px; -} - -.max-w-\[40px\]{ - max-width: 40px; -} - -.max-w-\[415px\]{ - max-width: 415px; -} - -.max-w-\[422px\]{ - max-width: 422px; -} - -.max-w-\[44px\]{ - max-width: 44px; -} - -.max-w-\[450px\]{ - max-width: 450px; -} - -.max-w-\[45px\]{ - max-width: 45px; -} - -.max-w-\[460px\]{ - max-width: 460px; -} - -.max-w-\[46px\]{ - max-width: 46px; -} - -.max-w-\[470px\]{ - max-width: 470px; -} - -.max-w-\[480px\]{ - max-width: 480px; -} - -.max-w-\[490px\]{ - max-width: 490px; -} - -.max-w-\[500px\]{ - max-width: 500px; -} - -.max-w-\[510px\]{ - max-width: 510px; -} - -.max-w-\[520px\]{ - max-width: 520px; -} - -.max-w-\[525px\]{ - max-width: 525px; -} - -.max-w-\[54px\]{ - max-width: 54px; -} - -.max-w-\[550px\]{ - max-width: 550px; -} - -.max-w-\[560px\]{ - max-width: 560px; -} - -.max-w-\[570px\]{ - max-width: 570px; -} - -.max-w-\[60px\]{ - max-width: 60px; -} - -.max-w-\[650px\]{ - max-width: 650px; -} - -.max-w-\[655px\]{ - max-width: 655px; -} - -.max-w-\[700px\]{ - max-width: 700px; -} - -.max-w-\[8px\]{ - max-width: 8px; -} - -.max-w-full{ - max-width: 100%; -} - -.max-w-xl{ - max-width: 36rem; -} - -.flex-1{ - flex: 1 1 0%; -} - -.table-auto{ - table-layout: auto; -} - -.-translate-x-1\/2{ - --tw-translate-x: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.-translate-y-1\/2{ - --tw-translate-y: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.translate-x-1\/2{ - --tw-translate-x: 50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.-rotate-45{ - --tw-rotate: -45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.rotate-180{ - --tw-rotate: 180deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.rotate-45{ - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.-scale-y-100{ - --tw-scale-y: -1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.transform{ - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -@keyframes ping{ - 75%, 100%{ - transform: scale(2); - opacity: 0; +@layer utilities { + .pointer-events-none { + pointer-events: none; + } + .invisible { + visibility: hidden; + } + .visible { + visibility: visible; + } + .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + } + .absolute { + position: absolute; + } + .fixed { + position: fixed; + } + .relative { + position: relative; + } + .inset-0 { + inset: calc(var(--spacing) * 0); + } + .inset-y-0 { + inset-block: calc(var(--spacing) * 0); + } + .-top-0\.5 { + top: calc(var(--spacing) * -0.5); + } + .-top-1 { + top: calc(var(--spacing) * -1); + } + .-top-2 { + top: calc(var(--spacing) * -2); + } + .-top-6 { + top: calc(var(--spacing) * -6); + } + .-top-7 { + top: calc(var(--spacing) * -7); + } + .-top-10 { + top: calc(var(--spacing) * -10); + } + .-top-16 { + top: calc(var(--spacing) * -16); + } + .-top-\[6px\] { + top: calc(6px * -1); + } + .top-0 { + top: calc(var(--spacing) * 0); + } + .top-1 { + top: calc(var(--spacing) * 1); + } + .top-1\/2 { + top: calc(1/2 * 100%); + } + .top-3 { + top: calc(var(--spacing) * 3); + } + .top-4 { + top: calc(var(--spacing) * 4); + } + .top-5 { + top: calc(var(--spacing) * 5); + } + .top-7 { + top: calc(var(--spacing) * 7); + } + .top-10 { + top: calc(var(--spacing) * 10); + } + .top-\[-3px\] { + top: -3px; + } + .top-\[90px\] { + top: 90px; + } + .top-\[110\%\] { + top: 110%; + } + .top-full { + top: 100%; + } + .-right-0\.5 { + right: calc(var(--spacing) * -0.5); + } + .-right-1 { + right: calc(var(--spacing) * -1); + } + .-right-2 { + right: calc(var(--spacing) * -2); + } + .-right-4 { + right: calc(var(--spacing) * -4); + } + .-right-6 { + right: calc(var(--spacing) * -6); + } + .-right-7 { + right: calc(var(--spacing) * -7); + } + .-right-9 { + right: calc(var(--spacing) * -9); + } + .-right-10 { + right: calc(var(--spacing) * -10); + } + .-right-\[6px\] { + right: calc(6px * -1); + } + .right-0 { + right: calc(var(--spacing) * 0); + } + .right-1 { + right: calc(var(--spacing) * 1); + } + .right-2 { + right: calc(var(--spacing) * 2); + } + .right-3 { + right: calc(var(--spacing) * 3); + } + .right-4 { + right: calc(var(--spacing) * 4); + } + .right-5 { + right: calc(var(--spacing) * 5); + } + .right-10 { + right: calc(var(--spacing) * 10); + } + .right-\[-3px\] { + right: -3px; + } + .right-\[18px\] { + right: 18px; + } + .right-full { + right: 100%; + } + .-bottom-1 { + bottom: calc(var(--spacing) * -1); + } + .-bottom-5 { + bottom: calc(var(--spacing) * -5); + } + .-bottom-6 { + bottom: calc(var(--spacing) * -6); + } + .-bottom-7 { + bottom: calc(var(--spacing) * -7); + } + .-bottom-8 { + bottom: calc(var(--spacing) * -8); + } + .bottom-0 { + bottom: calc(var(--spacing) * 0); + } + .bottom-1 { + bottom: calc(var(--spacing) * 1); + } + .bottom-4 { + bottom: calc(var(--spacing) * 4); + } + .bottom-5 { + bottom: calc(var(--spacing) * 5); + } + .bottom-\[-2px\] { + bottom: -2px; + } + .bottom-\[-3px\] { + bottom: -3px; + } + .bottom-full { + bottom: 100%; + } + .-left-1 { + left: calc(var(--spacing) * -1); + } + .-left-6 { + left: calc(var(--spacing) * -6); + } + .-left-7 { + left: calc(var(--spacing) * -7); + } + .-left-8 { + left: calc(var(--spacing) * -8); + } + .left-0 { + left: calc(var(--spacing) * 0); + } + .left-1 { + left: calc(var(--spacing) * 1); + } + .left-1\/2 { + left: calc(1/2 * 100%); + } + .left-4 { + left: calc(var(--spacing) * 4); + } + .left-\[-3px\] { + left: -3px; + } + .left-full { + left: 100%; + } + .-z-10 { + z-index: calc(10 * -1); + } + .z-10 { + z-index: 10; + } + .z-20 { + z-index: 20; + } + .z-30 { + z-index: 30; + } + .z-40 { + z-index: 40; + } + .z-50 { + z-index: 50; + } + .z-\[-1\] { + z-index: -1; + } + .z-\[-2\] { + z-index: -2; + } + .container { + width: 100%; + @media (width >= 400px) { + max-width: 400px; + } + @media (width >= 540px) { + max-width: 540px; + } + @media (width >= 720px) { + max-width: 720px; + } + @media (width >= 960px) { + max-width: 960px; + } + @media (width >= 1140px) { + max-width: 1140px; + } + @media (width >= 1320px) { + max-width: 1320px; + } + } + .m-2 { + margin: calc(var(--spacing) * 2); + } + .m-10 { + margin: calc(var(--spacing) * 10); + } + .container { + margin-inline: auto; + padding-inline: 16px; + } + .-mx-2 { + margin-inline: calc(var(--spacing) * -2); + } + .-mx-3 { + margin-inline: calc(var(--spacing) * -3); + } + .-mx-4 { + margin-inline: calc(var(--spacing) * -4); + } + .-mx-5 { + margin-inline: calc(var(--spacing) * -5); + } + .-mx-\[6px\] { + margin-inline: calc(6px * -1); + } + .mx-3 { + margin-inline: calc(var(--spacing) * 3); + } + .mx-4 { + margin-inline: calc(var(--spacing) * 4); + } + .mx-5 { + margin-inline: calc(var(--spacing) * 5); + } + .mx-7 { + margin-inline: calc(var(--spacing) * 7); + } + .mx-auto { + margin-inline: auto; + } + .my-1 { + margin-block: calc(var(--spacing) * 1); + } + .my-4 { + margin-block: calc(var(--spacing) * 4); + } + .my-5 { + margin-block: calc(var(--spacing) * 5); + } + .my-\[6px\] { + margin-block: 6px; + } + .-mt-2 { + margin-top: calc(var(--spacing) * -2); + } + .-mt-20 { + margin-top: calc(var(--spacing) * -20); + } + .mt-0\.5 { + margin-top: calc(var(--spacing) * 0.5); + } + .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-5 { + margin-top: calc(var(--spacing) * 5); + } + .mt-6 { + margin-top: calc(var(--spacing) * 6); + } + .mt-8 { + margin-top: calc(var(--spacing) * 8); + } + .mt-10 { + margin-top: calc(var(--spacing) * 10); + } + .-mr-3 { + margin-right: calc(var(--spacing) * -3); + } + .mr-1 { + margin-right: calc(var(--spacing) * 1); + } + .mr-2 { + margin-right: calc(var(--spacing) * 2); + } + .mr-2\.5 { + margin-right: calc(var(--spacing) * 2.5); + } + .mr-3 { + margin-right: calc(var(--spacing) * 3); + } + .mr-4 { + margin-right: calc(var(--spacing) * 4); + } + .mr-5 { + margin-right: calc(var(--spacing) * 5); + } + .mr-6 { + margin-right: calc(var(--spacing) * 6); + } + .mr-8 { + margin-right: calc(var(--spacing) * 8); + } + .mr-\[6px\] { + margin-right: 6px; + } + .mr-\[18px\] { + margin-right: 18px; + } + .-mb-\[1px\] { + margin-bottom: calc(1px * -1); + } + .mb-0\.5 { + margin-bottom: calc(var(--spacing) * 0.5); + } + .mb-1 { + margin-bottom: calc(var(--spacing) * 1); + } + .mb-1\.5 { + margin-bottom: calc(var(--spacing) * 1.5); + } + .mb-2 { + margin-bottom: calc(var(--spacing) * 2); + } + .mb-2\.5 { + margin-bottom: calc(var(--spacing) * 2.5); + } + .mb-3 { + margin-bottom: calc(var(--spacing) * 3); + } + .mb-3\.5 { + margin-bottom: calc(var(--spacing) * 3.5); + } + .mb-4 { + margin-bottom: calc(var(--spacing) * 4); + } + .mb-5 { + margin-bottom: calc(var(--spacing) * 5); + } + .mb-6 { + margin-bottom: calc(var(--spacing) * 6); + } + .mb-7 { + margin-bottom: calc(var(--spacing) * 7); + } + .mb-8 { + margin-bottom: calc(var(--spacing) * 8); + } + .mb-9 { + margin-bottom: calc(var(--spacing) * 9); + } + .mb-10 { + margin-bottom: calc(var(--spacing) * 10); + } + .mb-11 { + margin-bottom: calc(var(--spacing) * 11); + } + .mb-12 { + margin-bottom: calc(var(--spacing) * 12); + } + .mb-14 { + margin-bottom: calc(var(--spacing) * 14); + } + .mb-\[10px\] { + margin-bottom: 10px; + } + .mb-\[14px\] { + margin-bottom: 14px; + } + .mb-\[60px\] { + margin-bottom: 60px; + } + .-ml-1 { + margin-left: calc(var(--spacing) * -1); + } + .-ml-4 { + margin-left: calc(var(--spacing) * -4); + } + .-ml-5 { + margin-left: calc(var(--spacing) * -5); + } + .ml-1 { + margin-left: calc(var(--spacing) * 1); + } + .ml-2 { + margin-left: calc(var(--spacing) * 2); + } + .ml-3 { + margin-left: calc(var(--spacing) * 3); + } + .block { + display: block; + } + .flex { + display: flex; + } + .grid { + display: grid; + } + .hidden { + display: none; + } + .inline { + display: inline; + } + .inline-block { + display: inline-block; + } + .inline-flex { + display: inline-flex; + } + .table { + display: table; + } + .aspect-square { + aspect-ratio: 1 / 1; + } + .h-1 { + height: calc(var(--spacing) * 1); + } + .h-2 { + height: calc(var(--spacing) * 2); + } + .h-2\.5 { + height: calc(var(--spacing) * 2.5); + } + .h-3 { + height: calc(var(--spacing) * 3); + } + .h-3\.5 { + height: calc(var(--spacing) * 3.5); + } + .h-4 { + height: calc(var(--spacing) * 4); + } + .h-5 { + height: calc(var(--spacing) * 5); + } + .h-6 { + height: calc(var(--spacing) * 6); + } + .h-7 { + height: calc(var(--spacing) * 7); + } + .h-8 { + height: calc(var(--spacing) * 8); + } + .h-9 { + height: calc(var(--spacing) * 9); + } + .h-10 { + height: calc(var(--spacing) * 10); + } + .h-11 { + height: calc(var(--spacing) * 11); + } + .h-12 { + height: calc(var(--spacing) * 12); + } + .h-20 { + height: calc(var(--spacing) * 20); + } + .h-\[2px\] { + height: 2px; + } + .h-\[3px\] { + height: 3px; + } + .h-\[7px\] { + height: 7px; + } + .h-\[10px\] { + height: 10px; + } + .h-\[13px\] { + height: 13px; + } + .h-\[14px\] { + height: 14px; + } + .h-\[15px\] { + height: 15px; + } + .h-\[18px\] { + height: 18px; + } + .h-\[26px\] { + height: 26px; + } + .h-\[30px\] { + height: 30px; + } + .h-\[34px\] { + height: 34px; + } + .h-\[36px\] { + height: 36px; + } + .h-\[37px\] { + height: 37px; + } + .h-\[38px\] { + height: 38px; + } + .h-\[42px\] { + height: 42px; + } + .h-\[44px\] { + height: 44px; + } + .h-\[45px\] { + height: 45px; + } + .h-\[46px\] { + height: 46px; + } + .h-\[50px\] { + height: 50px; + } + .h-\[52px\] { + height: 52px; + } + .h-\[54px\] { + height: 54px; + } + .h-\[60px\] { + height: 60px; + } + .h-\[70px\] { + height: 70px; + } + .h-\[200px\] { + height: 200px; + } + .h-\[262px\] { + height: 262px; + } + .h-\[300px\] { + height: 300px; + } + .h-\[320px\] { + height: 320px; + } + .h-auto { + height: auto; + } + .h-full { + height: 100%; + } + .h-px { + height: 1px; + } + .h-screen { + height: 100vh; + } + .min-h-\[260px\] { + min-height: 260px; + } + .min-h-\[328px\] { + min-height: 328px; + } + .min-h-screen { + min-height: 100vh; + } + .w-1\/2 { + width: calc(1/2 * 100%); + } + .w-1\/3 { + width: calc(1/3 * 100%); + } + .w-1\/6 { + width: calc(1/6 * 100%); + } + .w-2 { + width: calc(var(--spacing) * 2); + } + .w-2\.5 { + width: calc(var(--spacing) * 2.5); + } + .w-3 { + width: calc(var(--spacing) * 3); + } + .w-3\.5 { + width: calc(var(--spacing) * 3.5); + } + .w-3\/4 { + width: calc(3/4 * 100%); + } + .w-4 { + width: calc(var(--spacing) * 4); + } + .w-4\/6 { + width: calc(4/6 * 100%); + } + .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); + } + .w-9 { + width: calc(var(--spacing) * 9); + } + .w-10 { + width: calc(var(--spacing) * 10); + } + .w-12 { + width: calc(var(--spacing) * 12); + } + .w-14 { + width: calc(var(--spacing) * 14); + } + .w-20 { + width: calc(var(--spacing) * 20); + } + .w-60 { + width: calc(var(--spacing) * 60); + } + .w-\[7px\] { + width: 7px; + } + .w-\[10\%\] { + width: 10%; + } + .w-\[10px\] { + width: 10px; + } + .w-\[13px\] { + width: 13px; + } + .w-\[14px\] { + width: 14px; + } + .w-\[15px\] { + width: 15px; + } + .w-\[18px\] { + width: 18px; + } + .w-\[20\%\] { + width: 20%; + } + .w-\[30px\] { + width: 30px; + } + .w-\[38px\] { + width: 38px; + } + .w-\[40\%\] { + width: 40%; + } + .w-\[40px\] { + width: 40px; + } + .w-\[42px\] { + width: 42px; + } + .w-\[45\%\] { + width: 45%; + } + .w-\[46px\] { + width: 46px; + } + .w-\[50\%\] { + width: 50%; + } + .w-\[50px\] { + width: 50px; + } + .w-\[52px\] { + width: 52px; + } + .w-\[60px\] { + width: 60px; + } + .w-\[63\%\] { + width: 63%; + } + .w-\[64px\] { + width: 64px; + } + .w-\[68px\] { + width: 68px; + } + .w-\[70px\] { + width: 70px; + } + .w-\[75\%\] { + width: 75%; + } + .w-\[82px\] { + width: 82px; + } + .w-\[84\%\] { + width: 84%; + } + .w-\[90\%\] { + width: 90%; + } + .w-\[90px\] { + width: 90px; + } + .w-\[150px\] { + width: 150px; + } + .w-\[162px\] { + width: 162px; + } + .w-\[200px\] { + width: 200px; + } + .w-\[240px\] { + width: 240px; + } + .w-full { + width: 100%; + } + .w-px { + width: 1px; + } + .max-w-\[8px\] { + max-width: 8px; + } + .max-w-\[26px\] { + max-width: 26px; + } + .max-w-\[30px\] { + max-width: 30px; + } + .max-w-\[34px\] { + max-width: 34px; + } + .max-w-\[36px\] { + max-width: 36px; + } + .max-w-\[40px\] { + max-width: 40px; + } + .max-w-\[44px\] { + max-width: 44px; + } + .max-w-\[45px\] { + max-width: 45px; + } + .max-w-\[46px\] { + max-width: 46px; + } + .max-w-\[54px\] { + max-width: 54px; + } + .max-w-\[60px\] { + max-width: 60px; + } + .max-w-\[160px\] { + max-width: 160px; + } + .max-w-\[210px\] { + max-width: 210px; + } + .max-w-\[220px\] { + max-width: 220px; + } + .max-w-\[250px\] { + max-width: 250px; + } + .max-w-\[290px\] { + max-width: 290px; + } + .max-w-\[300px\] { + max-width: 300px; + } + .max-w-\[310px\] { + max-width: 310px; + } + .max-w-\[325px\] { + max-width: 325px; + } + .max-w-\[350px\] { + max-width: 350px; + } + .max-w-\[370px\] { + max-width: 370px; + } + .max-w-\[380px\] { + max-width: 380px; + } + .max-w-\[400px\] { + max-width: 400px; + } + .max-w-\[415px\] { + max-width: 415px; + } + .max-w-\[422px\] { + max-width: 422px; + } + .max-w-\[450px\] { + max-width: 450px; + } + .max-w-\[460px\] { + max-width: 460px; + } + .max-w-\[470px\] { + max-width: 470px; + } + .max-w-\[480px\] { + max-width: 480px; + } + .max-w-\[490px\] { + max-width: 490px; + } + .max-w-\[500px\] { + max-width: 500px; + } + .max-w-\[510px\] { + max-width: 510px; + } + .max-w-\[520px\] { + max-width: 520px; + } + .max-w-\[525px\] { + max-width: 525px; + } + .max-w-\[550px\] { + max-width: 550px; + } + .max-w-\[560px\] { + max-width: 560px; + } + .max-w-\[570px\] { + max-width: 570px; + } + .max-w-\[650px\] { + max-width: 650px; + } + .max-w-\[655px\] { + max-width: 655px; + } + .max-w-\[700px\] { + max-width: 700px; + } + .max-w-full { + max-width: 100%; + } + .max-w-xl { + max-width: var(--container-xl); + } + .min-w-10 { + min-width: calc(var(--spacing) * 10); + } + .min-w-\[160px\] { + min-width: 160px; + } + .min-w-\[300px\] { + min-width: 300px; + } + .flex-1 { + flex: 1; + } + .table-auto { + table-layout: auto; + } + .-translate-x-1\/2 { + --tw-translate-x: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .translate-x-1\/2 { + --tw-translate-x: calc(1/2 * 100%); + 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); + } + .-scale-y-100 { + --tw-scale-y: calc(100% * -1); + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .-rotate-45 { + rotate: calc(45deg * -1); + } + .rotate-45 { + rotate: 45deg; + } + .rotate-180 { + rotate: 180deg; + } + .transform { + transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); + } + .animate-ping { + animation: var(--animate-ping); + } + .animate-spin { + animation: var(--animate-spin); + } + .cursor-pointer { + cursor: pointer; + } + .resize-none { + resize: none; + } + .list-inside { + list-style-position: inside; + } + .list-disc { + list-style-type: disc; + } + .appearance-none { + appearance: none; + } + .break-inside-avoid { + break-inside: avoid; + } + .grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .flex-col { + flex-direction: column; + } + .flex-wrap { + flex-wrap: wrap; + } + .items-center { + align-items: center; + } + .items-end { + align-items: flex-end; + } + .justify-between { + justify-content: space-between; + } + .justify-center { + justify-content: center; + } + .justify-end { + justify-content: flex-end; + } + .gap-1 { + gap: calc(var(--spacing) * 1); + } + .gap-1\.5 { + gap: calc(var(--spacing) * 1.5); + } + .gap-2 { + gap: calc(var(--spacing) * 2); + } + .gap-2\.5 { + gap: calc(var(--spacing) * 2.5); + } + .gap-3 { + gap: calc(var(--spacing) * 3); + } + .gap-4 { + gap: calc(var(--spacing) * 4); + } + .gap-5 { + gap: calc(var(--spacing) * 5); + } + .gap-8 { + gap: calc(var(--spacing) * 8); + } + .gap-\[5px\] { + gap: 5px; + } + .gap-\[14px\] { + gap: 14px; + } + .space-y-1 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-2 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-3 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-4 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-6 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-7 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-10 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-11 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-20 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-x-1 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-2 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-2\.5 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-3 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-5 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-\[6px\] { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(6px * var(--tw-space-x-reverse)); + margin-inline-end: calc(6px * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-\[10px\] { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(10px * var(--tw-space-x-reverse)); + margin-inline-end: calc(10px * calc(1 - var(--tw-space-x-reverse))); + } + } + .gap-y-0\.5 { + row-gap: calc(var(--spacing) * 0.5); + } + .gap-y-2 { + row-gap: calc(var(--spacing) * 2); + } + .divide-y { + :where(& > :not(:last-child)) { + --tw-divide-y-reverse: 0; + border-bottom-style: var(--tw-border-style); + border-top-style: var(--tw-border-style); + border-top-width: calc(1px * var(--tw-divide-y-reverse)); + border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); + } + } + .divide-stroke { + :where(& > :not(:last-child)) { + border-color: #DFE4EA; + } + } + .self-center { + align-self: center; + } + .overflow-hidden { + overflow: hidden; + } + .overflow-x-auto { + overflow-x: auto; + } + .overflow-y-auto { + overflow-y: auto; + } + .rounded-2xl { + border-radius: var(--radius-2xl); + } + .rounded-\[3px\] { + border-radius: 3px; + } + .rounded-\[5px\] { + border-radius: 5px; + } + .rounded-\[7px\] { + border-radius: 7px; + } + .rounded-\[10px\] { + border-radius: 10px; + } + .rounded-\[15px\] { + border-radius: 15px; + } + .rounded-\[20px\] { + border-radius: 20px; + } + .rounded-full { + border-radius: calc(infinity * 1px); + } + .rounded-lg { + border-radius: var(--radius-lg); + } + .rounded-md { + border-radius: var(--radius-md); + } + .rounded-none { + border-radius: 0; + } + .rounded-sm { + border-radius: var(--radius-sm); + } + .rounded-xl { + border-radius: var(--radius-xl); + } + .rounded-xs { + border-radius: var(--radius-xs); + } + .rounded-t-xl { + border-top-left-radius: var(--radius-xl); + border-top-right-radius: var(--radius-xl); + } + .rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .rounded-b-xl { + border-bottom-right-radius: var(--radius-xl); + border-bottom-left-radius: var(--radius-xl); + } + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } + .border-2 { + border-style: var(--tw-border-style); + border-width: 2px; + } + .border-4 { + border-style: var(--tw-border-style); + border-width: 4px; + } + .border-\[\.5px\] { + border-style: var(--tw-border-style); + border-width: .5px; + } + .border-\[2\.3px\] { + border-style: var(--tw-border-style); + border-width: 2.3px; + } + .border-\[2\.7px\] { + border-style: var(--tw-border-style); + border-width: 2.7px; + } + .border-\[3px\] { + border-style: var(--tw-border-style); + border-width: 3px; + } + .border-t { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + .border-r { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + .border-b { + 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-b-\[3px\] { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 3px; + } + .border-l { + border-left-style: var(--tw-border-style); + border-left-width: 1px; + } + .border-l-\[5px\] { + border-left-style: var(--tw-border-style); + border-left-width: 5px; + } + .border-l-\[6px\] { + border-left-style: var(--tw-border-style); + border-left-width: 6px; + } + .border-dashed { + --tw-border-style: dashed; + border-style: dashed; + } + .border-\[\#BFCEFF\] { + border-color: #BFCEFF; + } + .border-\[\#E4E4E4\] { + border-color: #E4E4E4; + } + .border-\[\#E8E8E8\] { + border-color: #E8E8E8; + } + .border-\[\#b7b7b7\] { + border-color: #b7b7b7; + } + .border-blue-dark { + border-color: #1C3FB7; + } + .border-body-color { + border-color: #637381; + } + .border-current { + border-color: currentColor; + } + .border-cyan { + border-color: #01A9DB; + } + .border-cyan-dark { + border-color: #0B76B7; + } + .border-dark { + border-color: #111928; + } + .border-dark-6 { + border-color: #9CA3AF; + } + .border-gray-1 { + border-color: #F9FAFB; + } + .border-gray-2 { + border-color: #F3F4F6; + } + .border-gray-3 { + border-color: #E5E7EB; + } + .border-green { + border-color: #22AD5C; + } + .border-green-dark { + border-color: #1A8245; + } + .border-green-light-4 { + border-color: #ACEFC8; + } + .border-light { + border-color: #efefef; + } + .border-primary { + border-color: #3758F9; + } + .border-primary\/30 { + border-color: color-mix(in oklab, #3758F9 30%, transparent); + } + .border-red { + border-color: #F23030; + } + .border-red-dark { + border-color: #E10E0E; + } + .border-red-light-4 { + border-color: #FDD8D8; + } + .border-secondary { + border-color: #13C296; + } + .border-stroke { + border-color: #DFE4EA; + } + .border-transparent { + border-color: transparent; + } + .border-white { + border-color: var(--color-white); + } + .border-yellow { + border-color: #FBBF24; + } + .border-yellow-dark { + border-color: #F59E0B; + } + .border-l-cyan-dark { + border-left-color: #0B76B7; + } + .border-l-yellow { + border-left-color: #FBBF24; + } + .bg-\[\#1C9CEA\] { + background-color: #1C9CEA; + } + .bg-\[\#4064AC\] { + background-color: #4064AC; + } + .bg-\[\#219653\] { + background-color: #219653; + } + .bg-\[\#CCCCCE\] { + background-color: #CCCCCE; + } + .bg-\[\#D64937\] { + background-color: #D64937; + } + .bg-\[\#E4E4E4\] { + background-color: #E4E4E4; + } + .bg-\[\#E9F9FF\] { + background-color: #E9F9FF; + } + .bg-\[\#F0F4FF\] { + background-color: #F0F4FF; + } + .bg-\[\#F3F6FF\] { + background-color: #F3F6FF; + } + .bg-\[\#FFA645\] { + background-color: #FFA645; + } + .bg-black { + background-color: #212B36; + } + .bg-black\/70 { + background-color: color-mix(in oklab, #212B36 70%, transparent); + } + .bg-blue-light-5 { + background-color: #E1E8FF; + } + .bg-body-color { + background-color: #637381; + } + .bg-body-color\/10 { + background-color: color-mix(in oklab, #637381 10%, transparent); + } + .bg-cyan { + background-color: #01A9DB; + } + .bg-cyan-dark { + background-color: #0B76B7; + } + .bg-cyan-light-2\/30 { + background-color: color-mix(in oklab, #77D1F3 30%, transparent); + } + .bg-cyan\/10 { + background-color: color-mix(in oklab, #01A9DB 10%, transparent); + } + .bg-dark { + background-color: #111928; + } + .bg-dark-3 { + background-color: #374151; + } + .bg-dark\/10 { + background-color: color-mix(in oklab, #111928 10%, transparent); + } + .bg-dark\/90 { + background-color: color-mix(in oklab, #111928 90%, transparent); + } + .bg-gray { + background-color: #F9FAFB; + } + .bg-gray-1 { + background-color: #F9FAFB; + } + .bg-gray-2 { + background-color: #F3F4F6; + } + .bg-gray-3 { + background-color: #E5E7EB; + } + .bg-gray-3\/50 { + background-color: color-mix(in oklab, #E5E7EB 50%, transparent); + } + .bg-green { + background-color: #22AD5C; + } + .bg-green-dark { + background-color: #1A8245; + } + .bg-green-dark\/10 { + background-color: color-mix(in oklab, #1A8245 10%, transparent); + } + .bg-green-light-6 { + background-color: #DAF8E6; + } + .bg-green\/10 { + background-color: color-mix(in oklab, #22AD5C 10%, transparent); + } + .bg-inherit { + background-color: inherit; + } + .bg-primary { + background-color: #3758F9; + } + .bg-primary\/5 { + background-color: color-mix(in oklab, #3758F9 5%, transparent); + } + .bg-primary\/10 { + background-color: color-mix(in oklab, #3758F9 10%, transparent); + } + .bg-primary\/60 { + background-color: color-mix(in oklab, #3758F9 60%, transparent); + } + .bg-primary\/90 { + background-color: color-mix(in oklab, #3758F9 90%, transparent); + } + .bg-red { + background-color: #F23030; + } + .bg-red-dark { + background-color: #E10E0E; + } + .bg-red-dark\/10 { + background-color: color-mix(in oklab, #E10E0E 10%, transparent); + } + .bg-red-light-5 { + background-color: #FEEBEB; + } + .bg-red-light-6 { + background-color: #FEF3F3; + } + .bg-secondary { + background-color: #13C296; + } + .bg-secondary\/10 { + background-color: color-mix(in oklab, #13C296 10%, transparent); + } + .bg-stroke { + background-color: #DFE4EA; + } + .bg-tg-bg { + background-color: #f7f8fa; + } + .bg-transparent { + background-color: transparent; + } + .bg-white { + background-color: var(--color-white); + } + .bg-white\/10 { + background-color: color-mix(in oklab, var(--color-white) 10%, transparent); + } + .bg-white\/20 { + background-color: color-mix(in oklab, var(--color-white) 20%, transparent); + } + .bg-yellow { + background-color: #FBBF24; + } + .bg-yellow-dark { + background-color: #F59E0B; + } + .bg-yellow-dark\/10 { + background-color: color-mix(in oklab, #F59E0B 10%, transparent); + } + .bg-yellow-light-4 { + background-color: #FFFBEB; + } + .bg-yellow\/30 { + background-color: color-mix(in oklab, #FBBF24 30%, transparent); + } + .bg-linear-to-b { + --tw-gradient-position: to bottom in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .bg-linear-to-l { + --tw-gradient-position: to left in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .bg-linear-to-r { + --tw-gradient-position: to right in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .bg-linear-to-t { + --tw-gradient-position: to top in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .from-\[\#27F090\] { + --tw-gradient-from: #27F090; + --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-\[\#FFFFFF14\] { + --tw-gradient-from: #FFFFFF14; + --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-1 { + --tw-gradient-from: #F9FAFB; + --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-\[\#7F41F3\] { + --tw-gradient-via: #7F41F3; + --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); + } + .to-\[\#C4C4C400\] { + --tw-gradient-to: #C4C4C400; + --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-\[\#F59527\] { + --tw-gradient-to: #F59527; + --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-4 { + --tw-gradient-to: #DEE2E6; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .fill-current { + fill: currentColor; + } + .stroke-current { + stroke: currentColor; + } + .object-cover { + object-fit: cover; + } + .object-center { + object-position: center; + } + .p-1 { + padding: calc(var(--spacing) * 1); + } + .p-2 { + padding: calc(var(--spacing) * 2); + } + .p-3 { + padding: calc(var(--spacing) * 3); + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .p-5 { + padding: calc(var(--spacing) * 5); + } + .p-6 { + padding: calc(var(--spacing) * 6); + } + .p-8 { + padding: calc(var(--spacing) * 8); + } + .p-10 { + padding: calc(var(--spacing) * 10); + } + .p-\[25px\] { + padding: 25px; + } + .px-2 { + padding-inline: calc(var(--spacing) * 2); + } + .px-2\.5 { + padding-inline: calc(var(--spacing) * 2.5); + } + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } + .px-3\.5 { + padding-inline: calc(var(--spacing) * 3.5); + } + .px-4 { + padding-inline: calc(var(--spacing) * 4); + } + .px-5 { + padding-inline: calc(var(--spacing) * 5); + } + .px-6 { + padding-inline: calc(var(--spacing) * 6); + } + .px-7 { + padding-inline: calc(var(--spacing) * 7); + } + .px-8 { + padding-inline: calc(var(--spacing) * 8); + } + .px-10 { + padding-inline: calc(var(--spacing) * 10); + } + .px-12 { + padding-inline: calc(var(--spacing) * 12); + } + .px-\[6px\] { + padding-inline: 6px; + } + .px-\[14px\] { + padding-inline: 14px; + } + .px-\[18px\] { + padding-inline: 18px; + } + .py-1 { + padding-block: calc(var(--spacing) * 1); + } + .py-1\.5 { + padding-block: calc(var(--spacing) * 1.5); + } + .py-2 { + padding-block: calc(var(--spacing) * 2); + } + .py-2\.5 { + padding-block: calc(var(--spacing) * 2.5); + } + .py-3 { + padding-block: calc(var(--spacing) * 3); + } + .py-4 { + padding-block: calc(var(--spacing) * 4); + } + .py-5 { + padding-block: calc(var(--spacing) * 5); + } + .py-6 { + padding-block: calc(var(--spacing) * 6); + } + .py-8 { + padding-block: calc(var(--spacing) * 8); + } + .py-9 { + padding-block: calc(var(--spacing) * 9); + } + .py-10 { + padding-block: calc(var(--spacing) * 10); + } + .py-12 { + padding-block: calc(var(--spacing) * 12); + } + .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-\[5px\] { + padding-block: 5px; + } + .py-\[6px\] { + padding-block: 6px; + } + .py-\[10px\] { + padding-block: 10px; + } + .py-\[13px\] { + padding-block: 13px; + } + .py-\[18px\] { + padding-block: 18px; + } + .py-\[34px\] { + padding-block: 34px; + } + .py-\[60px\] { + padding-block: 60px; + } + .py-\[70px\] { + padding-block: 70px; + } + .py-\[75px\] { + padding-block: 75px; + } + .py-\[120px\] { + padding-block: 120px; + } + .pt-1 { + padding-top: calc(var(--spacing) * 1); + } + .pt-2\.5 { + padding-top: calc(var(--spacing) * 2.5); + } + .pt-3 { + padding-top: calc(var(--spacing) * 3); + } + .pt-4 { + padding-top: calc(var(--spacing) * 4); + } + .pt-5 { + padding-top: calc(var(--spacing) * 5); + } + .pt-11 { + padding-top: calc(var(--spacing) * 11); + } + .pt-16 { + padding-top: calc(var(--spacing) * 16); + } + .pt-20 { + padding-top: calc(var(--spacing) * 20); + } + .pt-\[120px\] { + padding-top: 120px; + } + .pr-0\.5 { + padding-right: calc(var(--spacing) * 0.5); + } + .pr-2 { + padding-right: calc(var(--spacing) * 2); + } + .pr-4 { + padding-right: calc(var(--spacing) * 4); + } + .pr-5 { + padding-right: calc(var(--spacing) * 5); + } + .pr-6 { + padding-right: calc(var(--spacing) * 6); + } + .pr-8 { + padding-right: calc(var(--spacing) * 8); + } + .pr-12 { + padding-right: calc(var(--spacing) * 12); + } + .pr-14 { + padding-right: calc(var(--spacing) * 14); + } + .pr-16 { + padding-right: calc(var(--spacing) * 16); + } + .pr-\[10px\] { + padding-right: 10px; + } + .pb-0 { + padding-bottom: calc(var(--spacing) * 0); + } + .pb-1 { + padding-bottom: calc(var(--spacing) * 1); + } + .pb-2 { + padding-bottom: calc(var(--spacing) * 2); + } + .pb-3 { + padding-bottom: calc(var(--spacing) * 3); + } + .pb-4 { + padding-bottom: calc(var(--spacing) * 4); + } + .pb-6 { + padding-bottom: calc(var(--spacing) * 6); + } + .pb-8 { + padding-bottom: calc(var(--spacing) * 8); + } + .pb-10 { + padding-bottom: calc(var(--spacing) * 10); + } + .pb-12 { + padding-bottom: calc(var(--spacing) * 12); + } + .pb-16 { + padding-bottom: calc(var(--spacing) * 16); + } + .pb-20 { + padding-bottom: calc(var(--spacing) * 20); + } + .pb-\[18px\] { + padding-bottom: 18px; + } + .pb-\[84px\] { + padding-bottom: 84px; + } + .pb-\[110px\] { + padding-bottom: 110px; + } + .pl-1 { + padding-left: calc(var(--spacing) * 1); + } + .pl-2 { + padding-left: calc(var(--spacing) * 2); + } + .pl-3 { + padding-left: calc(var(--spacing) * 3); + } + .pl-4 { + padding-left: calc(var(--spacing) * 4); + } + .pl-5 { + padding-left: calc(var(--spacing) * 5); + } + .pl-6 { + padding-left: calc(var(--spacing) * 6); + } + .pl-7 { + padding-left: calc(var(--spacing) * 7); + } + .pl-12 { + padding-left: calc(var(--spacing) * 12); + } + .pl-\[10px\] { + padding-left: 10px; + } + .pl-\[50px\] { + padding-left: 50px; + } + .pl-\[62px\] { + padding-left: 62px; + } + .text-center { + text-align: center; + } + .text-left { + text-align: left; + } + .text-right { + text-align: right; + } + .text-2xl { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + .text-3xl { + font-size: var(--text-3xl); + line-height: var(--tw-leading, var(--text-3xl--line-height)); + } + .text-4xl { + font-size: var(--text-4xl); + line-height: var(--tw-leading, var(--text-4xl--line-height)); + } + .text-base { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + .text-lg { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + .text-sm { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + .text-xl { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + .text-xs { + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + } + .text-\[22px\] { + font-size: 22px; + } + .text-\[26px\] { + font-size: 26px; + } + .text-\[32px\] { + font-size: 32px; + } + .text-\[42px\] { + font-size: 42px; + } + .text-\[50px\] { + font-size: 50px; + } + .leading-\[1\.2\] { + --tw-leading: 1.2; + line-height: 1.2; + } + .leading-\[1\.81\] { + --tw-leading: 1.81; + line-height: 1.81; + } + .leading-\[1\.208\] { + --tw-leading: 1.208; + line-height: 1.208; + } + .leading-\[1\.208\]\! { + --tw-leading: 1.208; + line-height: 1.208 !important; + } + .leading-\[27px\] { + --tw-leading: 27px; + line-height: 27px; + } + .leading-loose { + --tw-leading: var(--leading-loose); + line-height: var(--leading-loose); + } + .leading-none { + --tw-leading: 1; + line-height: 1; + } + .leading-relaxed { + --tw-leading: var(--leading-relaxed); + line-height: var(--leading-relaxed); + } + .leading-tight { + --tw-leading: var(--leading-tight); + line-height: var(--leading-tight); + } + .font-bold { + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + .font-medium { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .font-normal { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + } + .font-semibold { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + } + .whitespace-nowrap { + white-space: nowrap; + } + .text-\[\#9D5425\] { + color: #9D5425; + } + .text-\[\#004434\] { + color: #004434; + } + .text-\[\#464646\] { + color: #464646; + } + .text-\[\#BC1C21\] { + color: #BC1C21; + } + .text-\[\#D0915C\] { + color: #D0915C; + } + .text-black { + color: #212B36; + } + .text-body-color { + color: #637381; + } + .text-cyan { + color: #01A9DB; + } + .text-cyan-dark { + color: #0B76B7; + } + .text-dark { + color: #111928; + } + .text-dark-2 { + color: #1F2A37; + } + .text-dark-3 { + color: #374151; + } + .text-dark-4 { + color: #4B5563; + } + .text-dark-5 { + color: #6B7280; + } + .text-dark-6 { + color: #9CA3AF; + } + .text-gray-5 { + color: #CED4DA; + } + .text-green { + color: #22AD5C; + } + .text-green-dark { + color: #1A8245; + } + .text-primary { + color: #3758F9; + } + .text-red { + color: #F23030; + } + .text-red-dark { + color: #E10E0E; + } + .text-red-light { + color: #F56060; + } + .text-secondary { + color: #13C296; + } + .text-secondary-color { + color: #8899A8; + } + .text-white { + color: var(--color-white); + } + .text-white\/50 { + color: color-mix(in oklab, var(--color-white) 50%, transparent); + } + .text-white\/60 { + color: color-mix(in oklab, var(--color-white) 60%, transparent); + } + .text-white\/80 { + color: color-mix(in oklab, var(--color-white) 80%, transparent); + } + .text-yellow-dark { + color: #F59E0B; + } + .capitalize { + text-transform: capitalize; + } + .uppercase { + text-transform: uppercase; + } + .italic { + font-style: italic; + } + .underline { + text-decoration-line: underline; + } + .underline-offset-2 { + text-underline-offset: 2px; + } + .placeholder-dark-6 { + &::placeholder { + color: #9CA3AF; + } + } + .opacity-0 { + opacity: 0%; + } + .opacity-40 { + opacity: 40%; + } + .opacity-100 { + opacity: 100%; + } + .shadow { + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-1 { + --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(166, 175, 195, 0.40)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-2 { + --tw-shadow: 0px 5px 12px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.10)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-\[0px_1px_3px_0px_rgba\(0\,0\,0\,0\.13\)\] { + --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(0,0,0,0.13)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-\[0px_2px_10px_0px_rgba\(0\,0\,0\,0\.08\)\] { + --tw-shadow: 0px 2px 10px 0px var(--tw-shadow-color, rgba(0,0,0,0.08)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-\[0px_20px_95px_0px_rgba\(201\,203\,204\,0\.30\)\] { + --tw-shadow: 0px 20px 95px 0px var(--tw-shadow-color, rgba(201,203,204,0.30)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-card { + --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-four { + --tw-shadow: 0px 4px 10px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-inner { + --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-lg { + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 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); + } + .shadow-portfolio { + --tw-shadow: 0px 4px 30px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-pricing { + --tw-shadow: 0px 39px 23px -27px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-pricing-4 { + --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-sm { + --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.10)), 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.06)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-switch-1 { + --tw-shadow: 0px 0px 5px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-testimonial-6 { + --tw-shadow: 0px 10px 20px 0px var(--tw-shadow-color, rgba(92, 115, 160, 0.07)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-three { + --tw-shadow: 0px 1px 5px var(--tw-shadow-color, rgba(0, 0, 0, 0.14)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-two { + --tw-shadow: 0px 1px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-xs { + --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.05)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .ring-primary { + --tw-ring-color: #3758F9; + } + .outline-hidden { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + .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,); + } + .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; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-all { + transition-property: all; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .delay-300 { + transition-delay: 300ms; + } + .duration-100 { + --tw-duration: 100ms; + transition-duration: 100ms; + } + .duration-200 { + --tw-duration: 200ms; + transition-duration: 200ms; + } + .duration-300 { + --tw-duration: 300ms; + transition-duration: 300ms; + } + .duration-1000 { + --tw-duration: 1000ms; + transition-duration: 1000ms; + } + .select-none { + -webkit-user-select: none; + user-select: none; + } + .group-hover\:border-primary { + &:is(:where(.group):hover *) { + @media (hover: hover) { + border-color: #3758F9; + } + } + } + .group-hover\:border-white { + &:is(:where(.group):hover *) { + @media (hover: hover) { + border-color: var(--color-white); + } + } + } + .group-hover\:bg-primary { + &:is(:where(.group):hover *) { + @media (hover: hover) { + background-color: #3758F9; + } + } + } + .group-hover\:bg-white { + &:is(:where(.group):hover *) { + @media (hover: hover) { + background-color: var(--color-white); + } + } + } + .group-hover\:text-body-color { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: #637381; + } + } + } + .group-hover\:text-primary { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: #3758F9; + } + } + } + .group-hover\:text-white { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: var(--color-white); + } + } + } + .group-hover\:opacity-100 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + opacity: 100%; + } + } + } + .group-has-checked\:bg-primary { + &:is(:where(.group):has(*:checked) *) { + background-color: #3758F9; + } + } + .group-has-checked\:bg-white { + &:is(:where(.group):has(*:checked) *) { + background-color: var(--color-white); + } + } + .group-has-checked\:opacity-100 { + &:is(:where(.group):has(*:checked) *) { + opacity: 100%; + } + } + .peer-checked\:translate-x-full { + &:is(:where(.peer):checked ~ *) { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .peer-checked\:border-primary { + &:is(:where(.peer):checked ~ *) { + border-color: #3758F9; + } + } + .peer-checked\:bg-\[\#EAEEFB\] { + &:is(:where(.peer):checked ~ *) { + background-color: #EAEEFB; + } + } + .peer-checked\:bg-primary { + &:is(:where(.peer):checked ~ *) { + background-color: #3758F9; + } + } + .peer-checked\:bg-primary\/10 { + &:is(:where(.peer):checked ~ *) { + background-color: color-mix(in oklab, #3758F9 10%, transparent); + } + } + .peer-checked\:bg-white { + &:is(:where(.peer):checked ~ *) { + background-color: var(--color-white); + } + } + .peer-checked\:text-white { + &:is(:where(.peer):checked ~ *) { + color: var(--color-white); + } + } + .selection\:bg-transparent { + & *::selection { + background-color: transparent; + } + &::selection { + background-color: transparent; + } + } + .file\:mr-4 { + &::file-selector-button { + margin-right: calc(var(--spacing) * 4); + } + } + .file\:mr-5 { + &::file-selector-button { + margin-right: calc(var(--spacing) * 5); + } + } + .file\:border-collapse { + &::file-selector-button { + border-collapse: collapse; + } + } + .file\:cursor-pointer { + &::file-selector-button { + cursor: pointer; + } + } + .file\:rounded-sm { + &::file-selector-button { + border-radius: var(--radius-sm); + } + } + .file\:border-0 { + &::file-selector-button { + border-style: var(--tw-border-style); + border-width: 0px; + } + } + .file\:border-\[\.5px\] { + &::file-selector-button { + border-style: var(--tw-border-style); + border-width: .5px; + } + } + .file\:border-stroke { + &::file-selector-button { + border-color: #DFE4EA; + } + } + .file\:bg-dark-2 { + &::file-selector-button { + background-color: #1F2A37; + } + } + .file\:bg-gray-3 { + &::file-selector-button { + background-color: #E5E7EB; + } + } + .file\:px-3 { + &::file-selector-button { + padding-inline: calc(var(--spacing) * 3); + } + } + .file\:px-4 { + &::file-selector-button { + padding-inline: calc(var(--spacing) * 4); + } + } + .file\:py-1 { + &::file-selector-button { + padding-block: calc(var(--spacing) * 1); + } + } + .file\:py-3 { + &::file-selector-button { + padding-block: calc(var(--spacing) * 3); + } + } + .file\:text-base { + &::file-selector-button { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + } + .file\:text-dark { + &::file-selector-button { + color: #111928; + } + } + .file\:text-white { + &::file-selector-button { + color: var(--color-white); + } + } + .after\:absolute { + &::after { + content: var(--tw-content); + position: absolute; + } + } + .after\:-bottom-1\.5 { + &::after { + content: var(--tw-content); + bottom: calc(var(--spacing) * -1.5); + } + } + .after\:left-1\/2 { + &::after { + content: var(--tw-content); + left: calc(1/2 * 100%); + } + } + .after\:h-3 { + &::after { + content: var(--tw-content); + height: calc(var(--spacing) * 3); + } + } + .after\:w-3 { + &::after { + content: var(--tw-content); + width: calc(var(--spacing) * 3); + } + } + .after\:-translate-x-1\/2 { + &::after { + content: var(--tw-content); + --tw-translate-x: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .after\:rotate-45 { + &::after { + content: var(--tw-content); + rotate: 45deg; + } + } + .after\:rounded-br-sm { + &::after { + content: var(--tw-content); + border-bottom-right-radius: var(--radius-sm); + } + } + .after\:bg-inherit { + &::after { + content: var(--tw-content); + background-color: inherit; + } + } + .last-of-type\:border-r-0 { + &:last-of-type { + border-right-style: var(--tw-border-style); + border-right-width: 0px; + } + } + .hover\:border-\[\#0BB489\] { + &:hover { + @media (hover: hover) { + border-color: #0BB489; + } + } + } + .hover\:border-\[\#1B44C8\] { + &:hover { + @media (hover: hover) { + border-color: #1B44C8; + } + } + } + .hover\:border-blue-dark { + &:hover { + @media (hover: hover) { + border-color: #1C3FB7; + } + } + } + .hover\:border-body-color { + &:hover { + @media (hover: hover) { + border-color: #637381; + } + } + } + .hover\:border-dark { + &:hover { + @media (hover: hover) { + border-color: #111928; + } + } + } + .hover\:border-primary { + &:hover { + @media (hover: hover) { + border-color: #3758F9; + } + } + } + .hover\:border-red-600 { + &:hover { + @media (hover: hover) { + border-color: oklch(0.577 0.245 27.325); + } + } + } + .hover\:border-stroke { + &:hover { + @media (hover: hover) { + border-color: #DFE4EA; + } + } + } + .hover\:border-transparent { + &:hover { + @media (hover: hover) { + border-color: transparent; + } + } + } + .hover\:bg-\[\#0BB489\] { + &:hover { + @media (hover: hover) { + background-color: #0BB489; + } + } + } + .hover\:bg-\[\#1B44C8\] { + &:hover { + @media (hover: hover) { + background-color: #1B44C8; + } + } + } + .hover\:bg-\[\#1C9CEA\]\/90 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #1C9CEA 90%, transparent); + } + } + } + .hover\:bg-\[\#4064AC\]\/90 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #4064AC 90%, transparent); + } + } + } + .hover\:bg-\[\#D64937\]\/90 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #D64937 90%, transparent); + } + } + } + .hover\:bg-\[\#E8FBF6\] { + &:hover { + @media (hover: hover) { + background-color: #E8FBF6; + } + } + } + .hover\:bg-\[\#F5F7FD\] { + &:hover { + @media (hover: hover) { + background-color: #F5F7FD; + } + } + } + .hover\:bg-black { + &:hover { + @media (hover: hover) { + background-color: #212B36; + } + } + } + .hover\:bg-blue-dark { + &:hover { + @media (hover: hover) { + background-color: #1C3FB7; + } + } + } + .hover\:bg-blue-light-5 { + &:hover { + @media (hover: hover) { + background-color: #E1E8FF; + } + } + } + .hover\:bg-body-color { + &:hover { + @media (hover: hover) { + background-color: #637381; + } + } + } + .hover\:bg-dark { + &:hover { + @media (hover: hover) { + background-color: #111928; + } + } + } + .hover\:bg-dark\/90 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #111928 90%, transparent); + } + } + } + .hover\:bg-gray-1 { + &:hover { + @media (hover: hover) { + background-color: #F9FAFB; + } + } + } + .hover\:bg-gray-2 { + &:hover { + @media (hover: hover) { + background-color: #F3F4F6; + } + } + } + .hover\:bg-gray-3 { + &:hover { + @media (hover: hover) { + background-color: #E5E7EB; + } + } + } + .hover\:bg-gray-4 { + &:hover { + @media (hover: hover) { + background-color: #DEE2E6; + } + } + } + .hover\:bg-gray-50 { + &:hover { + @media (hover: hover) { + background-color: oklch(0.985 0.002 247.839); + } + } + } + .hover\:bg-primary { + &:hover { + @media (hover: hover) { + background-color: #3758F9; + } + } + } + .hover\:bg-primary\/10 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #3758F9 10%, transparent); + } + } + } + .hover\:bg-primary\/90 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #3758F9 90%, transparent); + } + } + } + .hover\:bg-red { + &:hover { + @media (hover: hover) { + background-color: #F23030; + } + } + } + .hover\:bg-red-600 { + &:hover { + @media (hover: hover) { + background-color: oklch(0.577 0.245 27.325); + } + } + } + .hover\:bg-secondary\/5 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #13C296 5%, transparent); + } + } + } + .hover\:bg-secondary\/90 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #13C296 90%, transparent); + } + } + } + .hover\:bg-white { + &:hover { + @media (hover: hover) { + background-color: var(--color-white); + } + } + } + .hover\:text-body-color { + &:hover { + @media (hover: hover) { + color: #637381; + } + } + } + .hover\:text-dark { + &:hover { + @media (hover: hover) { + color: #111928; + } + } + } + .hover\:text-green { + &:hover { + @media (hover: hover) { + color: #22AD5C; + } + } + } + .hover\:text-green-dark { + &:hover { + @media (hover: hover) { + color: #1A8245; + } + } + } + .hover\:text-primary { + &:hover { + @media (hover: hover) { + color: #3758F9; + } + } + } + .hover\:text-red { + &:hover { + @media (hover: hover) { + color: #F23030; + } + } + } + .hover\:text-secondary { + &:hover { + @media (hover: hover) { + color: #13C296; + } + } + } + .hover\:text-white { + &:hover { + @media (hover: hover) { + color: var(--color-white); + } + } + } + .hover\:text-white\/80 { + &:hover { + @media (hover: hover) { + color: color-mix(in oklab, var(--color-white) 80%, transparent); + } + } + } + .hover\:underline { + &:hover { + @media (hover: hover) { + text-decoration-line: underline; + } + } + } + .hover\:shadow-3 { + &:hover { + @media (hover: hover) { + --tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, rgba(13, 10, 44, 0.06)); + 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-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\:drop-shadow-testimonial { + &:hover { + @media (hover: hover) { + --tw-drop-shadow: drop-shadow(0px 25px 40px rgba(208, 231, 243, 0.70)); + 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,); + } + } + } + .file\:hover\:bg-dark\/90 { + &::file-selector-button { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #111928 90%, transparent); + } + } + } + } + .focus\:border-primary { + &:focus { + border-color: #3758F9; + } + } + .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-visible\:shadow-none { + &:focus-visible { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .active\:border-\[\#1B44C8\] { + &:active { + border-color: #1B44C8; + } + } + .active\:border-blue-light-5 { + &:active { + border-color: #E1E8FF; + } + } + .active\:border-primary { + &:active { + border-color: #3758F9; + } + } + .active\:bg-\[\#1B44C8\] { + &:active { + background-color: #1B44C8; + } + } + .active\:bg-blue-light-3 { + &:active { + background-color: #ADBCF2; + } + } + .active\:bg-blue-light-5 { + &:active { + background-color: #E1E8FF; + } + } + .disabled\:border-gray-3 { + &:disabled { + border-color: #E5E7EB; + } + } + .disabled\:bg-gray-3 { + &:disabled { + background-color: #E5E7EB; + } + } + .disabled\:text-dark-5 { + &:disabled { + color: #6B7280; + } + } + .max-sm\:hidden { + @media (width < 540px) { + display: none; + } + } + .xs\:block { + @media (width >= 400px) { + display: block; + } + } + .xs\:max-w-\[368px\] { + @media (width >= 400px) { + max-width: 368px; + } + } + .xs\:min-w-\[368px\] { + @media (width >= 400px) { + min-width: 368px; + } + } + .sm\:bottom-0 { + @media (width >= 540px) { + bottom: calc(var(--spacing) * 0); + } + } + .sm\:container { + @media (width >= 540px) { + width: 100%; + @media (width >= 400px) { + max-width: 400px; + } + @media (width >= 540px) { + max-width: 540px; + } + @media (width >= 720px) { + max-width: 720px; + } + @media (width >= 960px) { + max-width: 960px; + } + @media (width >= 1140px) { + max-width: 1140px; + } + @media (width >= 1320px) { + max-width: 1320px; + } + } + } + .sm\:container { + @media (width >= 540px) { + margin-inline: auto; + padding-inline: 16px; + } + } + .sm\:-mx-4 { + @media (width >= 540px) { + margin-inline: calc(var(--spacing) * -4); + } + } + .sm\:mr-4 { + @media (width >= 540px) { + margin-right: calc(var(--spacing) * 4); + } + } + .sm\:mb-0 { + @media (width >= 540px) { + margin-bottom: calc(var(--spacing) * 0); + } + } + .sm\:mb-8 { + @media (width >= 540px) { + margin-bottom: calc(var(--spacing) * 8); + } + } + .sm\:block { + @media (width >= 540px) { + display: block; + } + } + .sm\:flex { + @media (width >= 540px) { + display: flex; + } + } + .sm\:h-\[46px\] { + @media (width >= 540px) { + height: 46px; + } + } + .sm\:h-\[60px\] { + @media (width >= 540px) { + height: 60px; + } + } + .sm\:h-\[70px\] { + @media (width >= 540px) { + height: 70px; + } + } + .sm\:w-1\/2 { + @media (width >= 540px) { + width: calc(1/2 * 100%); + } + } + .sm\:w-2\/3 { + @media (width >= 540px) { + width: calc(2/3 * 100%); + } + } + .sm\:w-\[46px\] { + @media (width >= 540px) { + width: 46px; + } + } + .sm\:w-\[47px\] { + @media (width >= 540px) { + width: 47px; + } + } + .sm\:max-w-\[60px\] { + @media (width >= 540px) { + max-width: 60px; + } + } + .sm\:max-w-\[70px\] { + @media (width >= 540px) { + max-width: 70px; + } + } + .sm\:max-w-\[508px\] { + @media (width >= 540px) { + max-width: 508px; + } + } + .sm\:min-w-\[508px\] { + @media (width >= 540px) { + min-width: 508px; + } + } + .sm\:flex-row { + @media (width >= 540px) { + flex-direction: row; + } + } + .sm\:gap-4 { + @media (width >= 540px) { + gap: calc(var(--spacing) * 4); + } + } + .sm\:space-x-4 { + @media (width >= 540px) { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); + } + } + } + .sm\:space-x-5 { + @media (width >= 540px) { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); + } + } + } + .sm\:p-6 { + @media (width >= 540px) { + padding: calc(var(--spacing) * 6); + } + } + .sm\:p-8 { + @media (width >= 540px) { + padding: calc(var(--spacing) * 8); + } + } + .sm\:p-9 { + @media (width >= 540px) { + padding: calc(var(--spacing) * 9); + } + } + .sm\:p-10 { + @media (width >= 540px) { + padding: calc(var(--spacing) * 10); + } + } + .sm\:p-12 { + @media (width >= 540px) { + padding: calc(var(--spacing) * 12); + } + } + .sm\:p-14 { + @media (width >= 540px) { + padding: calc(var(--spacing) * 14); + } + } + .sm\:p-\[30px\] { + @media (width >= 540px) { + padding: 30px; + } + } + .sm\:px-4 { + @media (width >= 540px) { + padding-inline: calc(var(--spacing) * 4); + } + } + .sm\:px-6 { + @media (width >= 540px) { + padding-inline: calc(var(--spacing) * 6); + } + } + .sm\:px-12 { + @media (width >= 540px) { + padding-inline: calc(var(--spacing) * 12); + } + } + .sm\:px-\[30px\] { + @media (width >= 540px) { + padding-inline: 30px; + } + } + .sm\:py-4 { + @media (width >= 540px) { + padding-block: calc(var(--spacing) * 4); + } + } + .sm\:py-\[30px\] { + @media (width >= 540px) { + padding-block: 30px; + } + } + .sm\:pr-10 { + @media (width >= 540px) { + padding-right: calc(var(--spacing) * 10); + } + } + .sm\:text-left { + @media (width >= 540px) { + text-align: left; + } + } + .sm\:text-2xl { + @media (width >= 540px) { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + } + .sm\:text-4xl { + @media (width >= 540px) { + font-size: var(--text-4xl); + line-height: var(--tw-leading, var(--text-4xl--line-height)); + } + } + .sm\:text-lg { + @media (width >= 540px) { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + } + .sm\:text-\[40px\]\/\[48px\] { + @media (width >= 540px) { + font-size: 40px; + line-height: 48px; + } + } + .sm\:text-\[22px\] { + @media (width >= 540px) { + font-size: 22px; + } + } + .sm\:text-\[28px\] { + @media (width >= 540px) { + font-size: 28px; + } + } + .sm\:text-\[40px\] { + @media (width >= 540px) { + font-size: 40px; + } + } + .sm\:text-\[42px\] { + @media (width >= 540px) { + font-size: 42px; + } + } + .sm\:text-\[80px\] { + @media (width >= 540px) { + font-size: 80px; + } + } + .md\:mr-12 { + @media (width >= 720px) { + margin-right: calc(var(--spacing) * 12); + } + } + .md\:mb-0 { + @media (width >= 720px) { + margin-bottom: calc(var(--spacing) * 0); + } + } + .md\:mb-16 { + @media (width >= 720px) { + margin-bottom: calc(var(--spacing) * 16); + } + } + .md\:flex { + @media (width >= 720px) { + display: flex; + } + } + .md\:inline-block { + @media (width >= 720px) { + display: inline-block; + } + } + .md\:h-\[100px\] { + @media (width >= 720px) { + height: 100px; + } + } + .md\:h-\[450px\] { + @media (width >= 720px) { + height: 450px; + } + } + .md\:w-1\/2 { + @media (width >= 720px) { + width: calc(1/2 * 100%); + } + } + .md\:w-11\/12 { + @media (width >= 720px) { + width: calc(11/12 * 100%); + } + } + .md\:w-\[100px\] { + @media (width >= 720px) { + width: 100px; + } + } + .md\:max-w-\[250px\] { + @media (width >= 720px) { + max-width: 250px; + } + } + .md\:max-w-\[315px\] { + @media (width >= 720px) { + max-width: 315px; + } + } + .md\:max-w-\[630px\] { + @media (width >= 720px) { + max-width: 630px; + } + } + .md\:min-w-\[630px\] { + @media (width >= 720px) { + min-width: 630px; + } + } + .md\:columns-2 { + @media (width >= 720px) { + columns: 2; + } + } + .md\:grid-cols-2 { + @media (width >= 720px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .md\:flex-row { + @media (width >= 720px) { + flex-direction: row; + } + } + .md\:flex-nowrap { + @media (width >= 720px) { + flex-wrap: nowrap; + } + } + .md\:gap-6 { + @media (width >= 720px) { + gap: calc(var(--spacing) * 6); + } + } + .md\:space-x-8 { + @media (width >= 720px) { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); + } + } + } + .md\:rounded-b-none { + @media (width >= 720px) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + } + .md\:border-b { + @media (width >= 720px) { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + } + } + .md\:border-b-0 { + @media (width >= 720px) { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 0px; + } + } + .md\:border-transparent { + @media (width >= 720px) { + border-color: transparent; + } + } + .md\:p-7 { + @media (width >= 720px) { + padding: calc(var(--spacing) * 7); + } + } + .md\:p-9 { + @media (width >= 720px) { + padding: calc(var(--spacing) * 9); + } + } + .md\:p-10 { + @media (width >= 720px) { + padding: calc(var(--spacing) * 10); + } + } + .md\:p-\[70px\] { + @media (width >= 720px) { + padding: 70px; + } + } + .md\:px-7 { + @media (width >= 720px) { + padding-inline: calc(var(--spacing) * 7); + } + } + .md\:px-8 { + @media (width >= 720px) { + padding-inline: calc(var(--spacing) * 8); + } + } + .md\:px-10 { + @media (width >= 720px) { + padding-inline: calc(var(--spacing) * 10); + } + } + .md\:px-\[60px\] { + @media (width >= 720px) { + padding-inline: 60px; + } + } + .md\:px-\[70px\] { + @media (width >= 720px) { + padding-inline: 70px; + } + } + .md\:py-3 { + @media (width >= 720px) { + padding-block: calc(var(--spacing) * 3); + } + } + .md\:py-5 { + @media (width >= 720px) { + padding-block: calc(var(--spacing) * 5); + } + } + .md\:py-\[60px\] { + @media (width >= 720px) { + padding-block: 60px; + } + } + .md\:text-base { + @media (width >= 720px) { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + } + .md\:text-xl { + @media (width >= 720px) { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + } + .md\:text-\[40px\]\/\[48px\] { + @media (width >= 720px) { + font-size: 40px; + line-height: 48px; + } + } + .md\:text-\[40px\] { + @media (width >= 720px) { + font-size: 40px; + } + } + .md\:text-\[100px\] { + @media (width >= 720px) { + font-size: 100px; + } + } + .lg\:absolute { + @media (width >= 960px) { + position: absolute; + } + } + .lg\:static { + @media (width >= 960px) { + position: static; + } + } + .lg\:top-full { + @media (width >= 960px) { + top: 100%; + } + } + .lg\:left-0 { + @media (width >= 960px) { + left: calc(var(--spacing) * 0); + } + } + .lg\:mt-0 { + @media (width >= 960px) { + margin-top: calc(var(--spacing) * 0); + } + } + .lg\:mr-3 { + @media (width >= 960px) { + margin-right: calc(var(--spacing) * 3); + } + } + .lg\:mr-14 { + @media (width >= 960px) { + margin-right: calc(var(--spacing) * 14); + } + } + .lg\:mb-0 { + @media (width >= 960px) { + margin-bottom: calc(var(--spacing) * 0); + } + } + .lg\:mb-20 { + @media (width >= 960px) { + margin-bottom: calc(var(--spacing) * 20); + } + } + .lg\:ml-10 { + @media (width >= 960px) { + margin-left: calc(var(--spacing) * 10); + } + } + .lg\:ml-12 { + @media (width >= 960px) { + margin-left: calc(var(--spacing) * 12); + } + } + .lg\:ml-auto { + @media (width >= 960px) { + margin-left: auto; + } + } + .lg\:block { + @media (width >= 960px) { + display: block; + } + } + .lg\:flex { + @media (width >= 960px) { + display: flex; + } + } + .lg\:hidden { + @media (width >= 960px) { + display: none; + } + } + .lg\:inline-flex { + @media (width >= 960px) { + display: inline-flex; + } + } + .lg\:w-1\/2 { + @media (width >= 960px) { + width: calc(1/2 * 100%); + } + } + .lg\:w-1\/3 { + @media (width >= 960px) { + width: calc(1/3 * 100%); + } + } + .lg\:w-1\/4 { + @media (width >= 960px) { + width: calc(1/4 * 100%); + } + } + .lg\:w-1\/12 { + @media (width >= 960px) { + width: calc(1/12 * 100%); + } + } + .lg\:w-2\/12 { + @media (width >= 960px) { + width: calc(2/12 * 100%); + } + } + .lg\:w-3\/12 { + @media (width >= 960px) { + width: calc(3/12 * 100%); + } + } + .lg\:w-5\/12 { + @media (width >= 960px) { + width: calc(5/12 * 100%); + } + } + .lg\:w-6\/12 { + @media (width >= 960px) { + width: calc(6/12 * 100%); + } + } + .lg\:w-10\/12 { + @media (width >= 960px) { + width: calc(10/12 * 100%); + } + } + .lg\:w-\[630px\] { + @media (width >= 960px) { + width: 630px; + } + } + .lg\:w-\[850px\] { + @media (width >= 960px) { + width: 850px; + } + } + .lg\:w-auto { + @media (width >= 960px) { + width: auto; + } + } + .lg\:w-full { + @media (width >= 960px) { + width: 100%; + } + } + .lg\:max-w-\[250px\] { + @media (width >= 960px) { + max-width: 250px; + } + } + .lg\:max-w-\[280px\] { + @media (width >= 960px) { + max-width: 280px; + } + } + .lg\:max-w-\[738px\] { + @media (width >= 960px) { + max-width: 738px; + } + } + .lg\:max-w-full { + @media (width >= 960px) { + max-width: 100%; + } + } + .lg\:min-w-\[738px\] { + @media (width >= 960px) { + min-width: 738px; + } + } + .lg\:columns-3 { + @media (width >= 960px) { + columns: 3; + } + } + .lg\:grid-cols-2 { + @media (width >= 960px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .lg\:grid-cols-3 { + @media (width >= 960px) { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + } + .lg\:flex-row { + @media (width >= 960px) { + flex-direction: row; + } + } + .lg\:justify-between { + @media (width >= 960px) { + justify-content: space-between; + } + } + .lg\:justify-center { + @media (width >= 960px) { + justify-content: center; + } + } + .lg\:justify-end { + @media (width >= 960px) { + justify-content: flex-end; + } + } + .lg\:gap-x-5 { + @media (width >= 960px) { + column-gap: calc(var(--spacing) * 5); + } + } + .lg\:space-x-14 { + @media (width >= 960px) { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 14) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-x-reverse))); + } + } + } + .lg\:rounded-xl { + @media (width >= 960px) { + border-radius: var(--radius-xl); + } + } + .lg\:bg-transparent { + @media (width >= 960px) { + background-color: transparent; + } + } + .lg\:p-8 { + @media (width >= 960px) { + padding: calc(var(--spacing) * 8); + } + } + .lg\:px-4 { + @media (width >= 960px) { + padding-inline: calc(var(--spacing) * 4); + } + } + .lg\:px-6 { + @media (width >= 960px) { + padding-inline: calc(var(--spacing) * 6); + } + } + .lg\:px-7 { + @media (width >= 960px) { + padding-inline: calc(var(--spacing) * 7); + } + } + .lg\:px-8 { + @media (width >= 960px) { + padding-inline: calc(var(--spacing) * 8); + } + } + .lg\:px-10 { + @media (width >= 960px) { + padding-inline: calc(var(--spacing) * 10); + } + } + .lg\:px-12 { + @media (width >= 960px) { + padding-inline: calc(var(--spacing) * 12); + } + } + .lg\:py-4 { + @media (width >= 960px) { + padding-block: calc(var(--spacing) * 4); + } + } + .lg\:py-5 { + @media (width >= 960px) { + padding-block: calc(var(--spacing) * 5); + } + } + .lg\:py-7 { + @media (width >= 960px) { + padding-block: calc(var(--spacing) * 7); + } + } + .lg\:py-10 { + @media (width >= 960px) { + padding-block: calc(var(--spacing) * 10); + } + } + .lg\:py-\[100px\] { + @media (width >= 960px) { + padding-block: 100px; + } + } + .lg\:py-\[120px\] { + @media (width >= 960px) { + padding-block: 120px; + } + } + .lg\:pt-0 { + @media (width >= 960px) { + padding-top: calc(var(--spacing) * 0); + } + } + .lg\:pt-\[120px\] { + @media (width >= 960px) { + padding-top: 120px; + } + } + .lg\:pt-\[150px\] { + @media (width >= 960px) { + padding-top: 150px; + } + } + .lg\:pr-0 { + @media (width >= 960px) { + padding-right: calc(var(--spacing) * 0); + } + } + .lg\:pb-20 { + @media (width >= 960px) { + padding-bottom: calc(var(--spacing) * 20); + } + } + .lg\:pb-24 { + @media (width >= 960px) { + padding-bottom: calc(var(--spacing) * 24); + } + } + .lg\:pb-\[90px\] { + @media (width >= 960px) { + padding-bottom: 90px; + } } -} - -.animate-ping{ - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; -} - -@keyframes spin{ - to{ - transform: rotate(360deg); + .lg\:pb-\[120px\] { + @media (width >= 960px) { + padding-bottom: 120px; + } + } + .lg\:pl-\[120px\] { + @media (width >= 960px) { + padding-left: 120px; + } + } + .lg\:text-right { + @media (width >= 960px) { + text-align: right; + } + } + .lg\:text-2xl { + @media (width >= 960px) { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + } + .lg\:text-5xl { + @media (width >= 960px) { + font-size: var(--text-5xl); + line-height: var(--tw-leading, var(--text-5xl--line-height)); + } + } + .lg\:text-base { + @media (width >= 960px) { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + } + .lg\:text-xl { + @media (width >= 960px) { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + } + .lg\:text-\[22px\] { + @media (width >= 960px) { + font-size: 22px; + } + } + .lg\:text-\[36px\] { + @media (width >= 960px) { + font-size: 36px; + } + } + .lg\:text-\[40px\] { + @media (width >= 960px) { + font-size: 40px; + } + } + .lg\:shadow-lg { + @media (width >= 960px) { + --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); + } + } + .lg\:shadow-none { + @media (width >= 960px) { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .xl\:mr-4 { + @media (width >= 1140px) { + margin-right: calc(var(--spacing) * 4); + } + } + .xl\:ml-11 { + @media (width >= 1140px) { + margin-left: calc(var(--spacing) * 11); + } + } + .xl\:w-1\/2 { + @media (width >= 1140px) { + width: calc(1/2 * 100%); + } + } + .xl\:w-1\/3 { + @media (width >= 1140px) { + width: calc(1/3 * 100%); + } + } + .xl\:w-1\/4 { + @media (width >= 1140px) { + width: calc(1/4 * 100%); + } + } + .xl\:w-5\/12 { + @media (width >= 1140px) { + width: calc(5/12 * 100%); + } + } + .xl\:w-6\/12 { + @media (width >= 1140px) { + width: calc(6/12 * 100%); + } + } + .xl\:w-8\/12 { + @media (width >= 1140px) { + width: calc(8/12 * 100%); + } + } + .xl\:max-w-\[310px\] { + @media (width >= 1140px) { + max-width: 310px; + } + } + .xl\:max-w-\[315px\] { + @media (width >= 1140px) { + max-width: 315px; + } + } + .xl\:gap-\[50px\] { + @media (width >= 1140px) { + gap: 50px; + } + } + .xl\:p-9 { + @media (width >= 1140px) { + padding: calc(var(--spacing) * 9); + } + } + .xl\:p-\[50px\] { + @media (width >= 1140px) { + padding: 50px; + } + } + .xl\:px-8 { + @media (width >= 1140px) { + padding-inline: calc(var(--spacing) * 8); + } + } + .xl\:px-10 { + @media (width >= 1140px) { + padding-inline: calc(var(--spacing) * 10); + } + } + .xl\:px-\[60px\] { + @media (width >= 1140px) { + padding-inline: 60px; + } + } + .xl\:pb-0 { + @media (width >= 1140px) { + padding-bottom: calc(var(--spacing) * 0); + } + } + .xl\:text-2xl { + @media (width >= 1140px) { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + } + .xl\:text-5xl { + @media (width >= 1140px) { + font-size: var(--text-5xl); + line-height: var(--tw-leading, var(--text-5xl--line-height)); + } + } + .xl\:text-xl { + @media (width >= 1140px) { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + } + .xl\:text-\[28px\] { + @media (width >= 1140px) { + font-size: 28px; + } + } + .xl\:text-\[40px\] { + @media (width >= 1140px) { + font-size: 40px; + } + } + .xl\:leading-\[1\.43\] { + @media (width >= 1140px) { + --tw-leading: 1.43; + line-height: 1.43; + } + } + .\32 xl\:bottom-8 { + @media (width >= 1320px) { + bottom: calc(var(--spacing) * 8); + } + } + .\32 xl\:mr-16 { + @media (width >= 1320px) { + margin-right: calc(var(--spacing) * 16); + } + } + .\32 xl\:w-\[180px\] { + @media (width >= 1320px) { + width: 180px; + } + } + .\32 xl\:max-w-\[910px\] { + @media (width >= 1320px) { + max-width: 910px; + } + } + .\32 xl\:min-w-\[910px\] { + @media (width >= 1320px) { + min-width: 910px; + } + } + .\32 xl\:pl-\[78px\] { + @media (width >= 1320px) { + padding-left: 78px; + } + } + .\32 xl\:text-\[22px\] { + @media (width >= 1320px) { + font-size: 22px; + } + } + .dark\:block { + @media (prefers-color-scheme: dark) { + display: block; + } + } + .dark\:hidden { + @media (prefers-color-scheme: dark) { + display: none; + } + } + .dark\:inline-block { + @media (prefers-color-scheme: dark) { + display: inline-block; + } + } + .dark\:divide-dark-3 { + @media (prefers-color-scheme: dark) { + :where(& > :not(:last-child)) { + border-color: #374151; + } + } + } + .dark\:border-dark { + @media (prefers-color-scheme: dark) { + border-color: #111928; + } + } + .dark\:border-dark-2 { + @media (prefers-color-scheme: dark) { + border-color: #1F2A37; + } + } + .dark\:border-dark-3 { + @media (prefers-color-scheme: dark) { + border-color: #374151; + } + } + .dark\:border-dark-4 { + @media (prefers-color-scheme: dark) { + border-color: #4B5563; + } + } + .dark\:border-green { + @media (prefers-color-scheme: dark) { + border-color: #22AD5C; + } + } + .dark\:border-primary { + @media (prefers-color-scheme: dark) { + border-color: #3758F9; + } + } + .dark\:border-transparent { + @media (prefers-color-scheme: dark) { + border-color: transparent; + } + } + .dark\:border-white\/5 { + @media (prefers-color-scheme: dark) { + border-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + .dark\:border-white\/10 { + @media (prefers-color-scheme: dark) { + border-color: color-mix(in oklab, var(--color-white) 10%, transparent); + } + } + .dark\:border-white\/20 { + @media (prefers-color-scheme: dark) { + border-color: color-mix(in oklab, var(--color-white) 20%, transparent); + } + } + .dark\:bg-dark { + @media (prefers-color-scheme: dark) { + background-color: #111928; + } + } + .dark\:bg-dark-2 { + @media (prefers-color-scheme: dark) { + background-color: #1F2A37; + } + } + .dark\:bg-dark-3 { + @media (prefers-color-scheme: dark) { + background-color: #374151; + } + } + .dark\:bg-dark-4 { + @media (prefers-color-scheme: dark) { + background-color: #4B5563; + } + } + .dark\:bg-dark-5 { + @media (prefers-color-scheme: dark) { + background-color: #6B7280; + } + } + .dark\:bg-gray-2 { + @media (prefers-color-scheme: dark) { + background-color: #F3F4F6; + } + } + .dark\:bg-gray\/10 { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in oklab, #F9FAFB 10%, transparent); + } + } + .dark\:bg-primary\/5 { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in oklab, #3758F9 5%, transparent); + } + } + .dark\:bg-primary\/10 { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in oklab, #3758F9 10%, transparent); + } + } + .dark\:bg-red-dark { + @media (prefers-color-scheme: dark) { + background-color: #E10E0E; + } + } + .dark\:bg-white { + @media (prefers-color-scheme: dark) { + background-color: var(--color-white); + } + } + .dark\:bg-white\/5 { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + .dark\:bg-white\/10 { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in oklab, var(--color-white) 10%, transparent); + } + } + .dark\:from-dark-4 { + @media (prefers-color-scheme: dark) { + --tw-gradient-from: #4B5563; + --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)); + } + } + .dark\:to-dark-5 { + @media (prefers-color-scheme: dark) { + --tw-gradient-to: #6B7280; + --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)); + } + } + .dark\:text-dark-4 { + @media (prefers-color-scheme: dark) { + color: #4B5563; + } + } + .dark\:text-dark-6 { + @media (prefers-color-scheme: dark) { + color: #9CA3AF; + } + } + .dark\:text-dark-7 { + @media (prefers-color-scheme: dark) { + color: #D1D5DB; + } + } + .dark\:text-gray { + @media (prefers-color-scheme: dark) { + color: #F9FAFB; + } + } + .dark\:text-gray-1 { + @media (prefers-color-scheme: dark) { + color: #F9FAFB; + } + } + .dark\:text-gray-2 { + @media (prefers-color-scheme: dark) { + color: #F3F4F6; + } + } + .dark\:text-light { + @media (prefers-color-scheme: dark) { + color: #efefef; + } + } + .dark\:text-primary { + @media (prefers-color-scheme: dark) { + color: #3758F9; + } + } + .dark\:text-red { + @media (prefers-color-scheme: dark) { + color: #F23030; + } + } + .dark\:text-white { + @media (prefers-color-scheme: dark) { + color: var(--color-white); + } + } + .dark\:placeholder-dark-5 { + @media (prefers-color-scheme: dark) { + &::placeholder { + color: #6B7280; + } + } + } + .dark\:opacity-20 { + @media (prefers-color-scheme: dark) { + opacity: 20%; + } + } + .dark\:opacity-30 { + @media (prefers-color-scheme: dark) { + opacity: 30%; + } + } + .dark\:shadow-\[0px_20px_95px_0px_rgba\(0\,0\,0\,0\.30\)\] { + @media (prefers-color-scheme: dark) { + --tw-shadow: 0px 20px 95px 0px var(--tw-shadow-color, rgba(0,0,0,0.30)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .dark\:shadow-box-dark { + @media (prefers-color-scheme: dark) { + --tw-shadow: 0px 10px 15px 0px var(--tw-shadow-color, rgba(5, 13, 29, 0.18)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .dark\:shadow-card { + @media (prefers-color-scheme: dark) { + --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .dark\:shadow-none { + @media (prefers-color-scheme: dark) { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .dark\:group-hover\:text-primary { + @media (prefers-color-scheme: dark) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: #3758F9; + } + } + } + } + .dark\:peer-checked\:bg-dark-3 { + @media (prefers-color-scheme: dark) { + &:is(:where(.peer):checked ~ *) { + background-color: #374151; + } + } + } + .dark\:peer-checked\:bg-white { + @media (prefers-color-scheme: dark) { + &:is(:where(.peer):checked ~ *) { + background-color: var(--color-white); + } + } + } + .dark\:file\:border-dark-3 { + @media (prefers-color-scheme: dark) { + &::file-selector-button { + border-color: #374151; + } + } + } + .dark\:file\:bg-dark-3 { + @media (prefers-color-scheme: dark) { + &::file-selector-button { + background-color: #374151; + } + } + } + .dark\:file\:bg-white\/5 { + @media (prefers-color-scheme: dark) { + &::file-selector-button { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + } + .dark\:file\:text-white { + @media (prefers-color-scheme: dark) { + &::file-selector-button { + color: var(--color-white); + } + } + } + .dark\:hover\:border-dark { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + border-color: #111928; + } + } + } + } + .dark\:hover\:border-dark-3 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + border-color: #374151; + } + } + } + } + .dark\:hover\:border-primary { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + border-color: #3758F9; + } + } + } + } + .dark\:hover\:bg-dark { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + background-color: #111928; + } + } + } + } + .dark\:hover\:bg-dark-3 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + background-color: #374151; + } + } + } + } + .dark\:hover\:bg-primary\/5 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #3758F9 5%, transparent); + } + } + } + } + .dark\:hover\:bg-white\/5 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + } + } + .dark\:hover\:bg-white\/10 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 10%, transparent); + } + } + } + } + .dark\:hover\:text-dark-6 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + color: #9CA3AF; + } + } + } + } + .dark\:hover\:text-primary { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + color: #3758F9; + } + } + } + } + .dark\:hover\:text-white { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + color: var(--color-white); + } + } + } + } + .dark\:hover\:shadow-3 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + --tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, rgba(13, 10, 44, 0.06)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + } + } + .dark\:hover\:drop-shadow-none { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + --tw-drop-shadow: ; + 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,); + } + } + } + } + .dark\:file\:hover\:bg-white\/10 { + @media (prefers-color-scheme: dark) { + &::file-selector-button { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 10%, transparent); + } + } + } + } + } + .dark\:focus\:border-primary { + @media (prefers-color-scheme: dark) { + &:focus { + border-color: #3758F9; + } + } + } + .lg\:dark\:bg-transparent { + @media (width >= 960px) { + @media (prefers-color-scheme: dark) { + background-color: transparent; + } + } } } - -.animate-spin{ - animation: spin 1s linear infinite; -} - -.cursor-pointer{ - cursor: pointer; -} - -.select-none{ - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.resize-none{ - resize: none; -} - -.list-inside{ - list-style-position: inside; -} - -.list-disc{ - list-style-type: disc; +@layer base { + *, ::after, ::before, ::backdrop, ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } } - -.appearance-none{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; +.snap { + scroll-snap-type: x mandatory; + scroll-behavior: smooth; } - -.break-inside-avoid{ - -moz-column-break-inside: avoid; - break-inside: avoid; +.snap::-webkit-scrollbar { + display: none; } - -.grid-cols-7{ - grid-template-columns: repeat(7, minmax(0, 1fr)); +.snap > img { + scroll-snap-align: center; } - -.flex-col{ - flex-direction: column; +.navbarTogglerActive > span:nth-child(1) { + top: 7px; + rotate: 45deg; } - -.flex-wrap{ - flex-wrap: wrap; +.navbarTogglerActive > span:nth-child(2) { + opacity: 0%; } - -.items-end{ - align-items: flex-end; +.navbarTogglerActive > span:nth-child(3) { + top: calc(var(--spacing) * -2); + rotate: 135deg; } - -.items-center{ - align-items: center; +input:checked ~ .dot { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + background-color: #3758F9; } - -.justify-end{ - justify-content: flex-end; +input:checked ~ .dot .active { + display: block; } - -.justify-center{ - justify-content: center; +input:checked ~ .dot .inactive { + display: none; } - -.justify-between{ - justify-content: space-between; -} - -.gap-1{ - gap: 0.25rem; -} - -.gap-1\.5{ - gap: 0.375rem; -} - -.gap-2{ - gap: 0.5rem; -} - -.gap-2\.5{ - gap: 0.625rem; -} - -.gap-3{ - gap: 0.75rem; -} - -.gap-4{ - gap: 1rem; -} - -.gap-5{ - gap: 1.25rem; -} - -.gap-8{ - gap: 2rem; -} - -.gap-\[14px\]{ - gap: 14px; -} - -.gap-\[5px\]{ - gap: 5px; -} - -.gap-y-0{ - row-gap: 0px; -} - -.gap-y-0\.5{ - row-gap: 0.125rem; -} - -.gap-y-2{ - row-gap: 0.5rem; -} - -.space-x-1 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(0.25rem * var(--tw-space-x-reverse)); - margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-x-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-x-2\.5 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(0.625rem * var(--tw-space-x-reverse)); - margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-x-3 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(0.75rem * var(--tw-space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-x-5 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-x-\[10px\] > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(10px * var(--tw-space-x-reverse)); - margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse))); -} - -.space-x-\[6px\] > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(6px * var(--tw-space-x-reverse)); - margin-left: calc(6px * calc(1 - var(--tw-space-x-reverse))); -} - -.space-y-1 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); -} - -.space-y-10 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); -} - -.space-y-11 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.75rem * var(--tw-space-y-reverse)); -} - -.space-y-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); -} - -.space-y-20 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(5rem * var(--tw-space-y-reverse)); -} - -.space-y-3 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); -} - -.space-y-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); -} - -.space-y-6 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); -} - -.space-y-7 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0; - margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); -} - -.divide-y > :not([hidden]) ~ :not([hidden]){ - --tw-divide-y-reverse: 0; - border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); -} - -.divide-stroke > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1; - border-color: rgb(223 228 234 / var(--tw-divide-opacity)); -} - -.self-center{ - align-self: center; -} - -.overflow-hidden{ - overflow: hidden; -} - -.overflow-x-auto{ - overflow-x: auto; -} - -.overflow-y-auto{ - overflow-y: auto; -} - -.whitespace-nowrap{ - white-space: nowrap; -} - -.rounded{ - border-radius: 0.25rem; -} - -.rounded-2xl{ - border-radius: 1rem; -} - -.rounded-\[10px\]{ - border-radius: 10px; -} - -.rounded-\[15px\]{ - border-radius: 15px; -} - -.rounded-\[20px\]{ - border-radius: 20px; -} - -.rounded-\[3px\]{ - border-radius: 3px; -} - -.rounded-\[5px\]{ - border-radius: 5px; -} - -.rounded-\[7px\]{ - border-radius: 7px; -} - -.rounded-full{ - border-radius: 9999px; -} - -.rounded-lg{ - border-radius: 0.5rem; -} - -.rounded-md{ - border-radius: 0.375rem; -} - -.rounded-none{ - border-radius: 0px; -} - -.rounded-sm{ - border-radius: 0.125rem; -} - -.rounded-xl{ - border-radius: 0.75rem; -} - -.rounded-b-xl{ - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; -} - -.rounded-l-none{ - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -.rounded-r-none{ - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -.rounded-t-xl{ - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; -} - -.border{ - border-width: 1px; +input#toggleFour:checked ~ .box { + background-color: #3758F9; } - -.border-2{ - border-width: 2px; +input#toggleFour:checked ~ .dot { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + background-color: var(--color-white); } - -.border-4{ - border-width: 4px; +input#toggleFive:checked ~ .dot { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + background-color: var(--color-white); } - -.border-\[\.5px\]{ - border-width: .5px; +input#toggleFive:checked ~ .dot > span { + background-color: #3758F9; } - -.border-\[2\.3px\]{ - border-width: 2.3px; -} - -.border-\[2\.7px\]{ - border-width: 2.7px; -} - -.border-\[3px\]{ - border-width: 3px; -} - -.border-b{ - border-bottom-width: 1px; -} - -.border-b-2{ - border-bottom-width: 2px; -} - -.border-b-\[3px\]{ - border-bottom-width: 3px; -} - -.border-l{ - border-left-width: 1px; -} - -.border-l-\[5px\]{ - border-left-width: 5px; -} - -.border-l-\[6px\]{ - border-left-width: 6px; -} - -.border-r{ - border-right-width: 1px; -} - -.border-t{ - border-top-width: 1px; -} - -.border-dashed{ - border-style: dashed; -} - -.border-\[\#BFCEFF\]{ - --tw-border-opacity: 1; - border-color: rgb(191 206 255 / var(--tw-border-opacity)); -} - -.border-\[\#E4E4E4\]{ - --tw-border-opacity: 1; - border-color: rgb(228 228 228 / var(--tw-border-opacity)); -} - -.border-\[\#E8E8E8\]{ - --tw-border-opacity: 1; - border-color: rgb(232 232 232 / var(--tw-border-opacity)); -} - -.border-\[\#b7b7b7\]{ - --tw-border-opacity: 1; - border-color: rgb(183 183 183 / var(--tw-border-opacity)); -} - -.border-blue-dark{ - --tw-border-opacity: 1; - border-color: rgb(28 63 183 / var(--tw-border-opacity)); -} - -.border-body-color{ - --tw-border-opacity: 1; - border-color: rgb(99 115 129 / var(--tw-border-opacity)); -} - -.border-current{ - border-color: currentColor; -} - -.border-cyan{ - --tw-border-opacity: 1; - border-color: rgb(1 169 219 / var(--tw-border-opacity)); -} - -.border-cyan-dark{ - --tw-border-opacity: 1; - border-color: rgb(11 118 183 / var(--tw-border-opacity)); -} - -.border-dark{ - --tw-border-opacity: 1; - border-color: rgb(17 25 40 / var(--tw-border-opacity)); -} - -.border-dark-6{ - --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); -} - -.border-gray-1{ - --tw-border-opacity: 1; - border-color: rgb(249 250 251 / var(--tw-border-opacity)); -} - -.border-gray-2{ - --tw-border-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-border-opacity)); -} - -.border-gray-3{ - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); -} - -.border-green{ - --tw-border-opacity: 1; - border-color: rgb(34 173 92 / var(--tw-border-opacity)); -} - -.border-green-dark{ - --tw-border-opacity: 1; - border-color: rgb(26 130 69 / var(--tw-border-opacity)); -} - -.border-green-light-4{ - --tw-border-opacity: 1; - border-color: rgb(172 239 200 / var(--tw-border-opacity)); -} - -.border-light{ - --tw-border-opacity: 1; - border-color: rgb(239 239 239 / var(--tw-border-opacity)); -} - -.border-primary{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -.border-primary\/30{ - border-color: rgb(55 88 249 / 0.3); -} - -.border-red{ - --tw-border-opacity: 1; - border-color: rgb(242 48 48 / var(--tw-border-opacity)); -} - -.border-red-dark{ - --tw-border-opacity: 1; - border-color: rgb(225 14 14 / var(--tw-border-opacity)); -} - -.border-red-light-4{ - --tw-border-opacity: 1; - border-color: rgb(253 216 216 / var(--tw-border-opacity)); -} - -.border-secondary{ - --tw-border-opacity: 1; - border-color: rgb(19 194 150 / var(--tw-border-opacity)); -} - -.border-stroke{ - --tw-border-opacity: 1; - border-color: rgb(223 228 234 / var(--tw-border-opacity)); -} - -.border-transparent{ - border-color: transparent; -} - -.border-white{ - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - -.border-yellow{ - --tw-border-opacity: 1; - border-color: rgb(251 191 36 / var(--tw-border-opacity)); -} - -.border-yellow-dark{ - --tw-border-opacity: 1; - border-color: rgb(245 158 11 / var(--tw-border-opacity)); -} - -.border-l-cyan-dark{ - --tw-border-opacity: 1; - border-left-color: rgb(11 118 183 / var(--tw-border-opacity)); -} - -.border-l-yellow{ - --tw-border-opacity: 1; - border-left-color: rgb(251 191 36 / var(--tw-border-opacity)); -} - -.bg-\[\#1C9CEA\]{ - --tw-bg-opacity: 1; - background-color: rgb(28 156 234 / var(--tw-bg-opacity)); -} - -.bg-\[\#219653\]{ - --tw-bg-opacity: 1; - background-color: rgb(33 150 83 / var(--tw-bg-opacity)); -} - -.bg-\[\#4064AC\]{ - --tw-bg-opacity: 1; - background-color: rgb(64 100 172 / var(--tw-bg-opacity)); -} - -.bg-\[\#CCCCCE\]{ - --tw-bg-opacity: 1; - background-color: rgb(204 204 206 / var(--tw-bg-opacity)); -} - -.bg-\[\#D64937\]{ - --tw-bg-opacity: 1; - background-color: rgb(214 73 55 / var(--tw-bg-opacity)); -} - -.bg-\[\#E4E4E4\]{ - --tw-bg-opacity: 1; - background-color: rgb(228 228 228 / var(--tw-bg-opacity)); -} - -.bg-\[\#E9F9FF\]{ - --tw-bg-opacity: 1; - background-color: rgb(233 249 255 / var(--tw-bg-opacity)); -} - -.bg-\[\#F0F4FF\]{ - --tw-bg-opacity: 1; - background-color: rgb(240 244 255 / var(--tw-bg-opacity)); -} - -.bg-\[\#F3F6FF\]{ - --tw-bg-opacity: 1; - background-color: rgb(243 246 255 / var(--tw-bg-opacity)); -} - -.bg-\[\#FFA645\]{ - --tw-bg-opacity: 1; - background-color: rgb(255 166 69 / var(--tw-bg-opacity)); -} - -.bg-black{ - --tw-bg-opacity: 1; - background-color: rgb(33 43 54 / var(--tw-bg-opacity)); -} - -.bg-blue-light-5{ - --tw-bg-opacity: 1; - background-color: rgb(225 232 255 / var(--tw-bg-opacity)); -} - -.bg-body-color{ - --tw-bg-opacity: 1; - background-color: rgb(99 115 129 / var(--tw-bg-opacity)); -} - -.bg-body-color\/10{ - background-color: rgb(99 115 129 / 0.1); -} - -.bg-cyan{ - --tw-bg-opacity: 1; - background-color: rgb(1 169 219 / var(--tw-bg-opacity)); -} - -.bg-cyan-dark{ - --tw-bg-opacity: 1; - background-color: rgb(11 118 183 / var(--tw-bg-opacity)); -} - -.bg-cyan-light-2\/30{ - background-color: rgb(119 209 243 / 0.3); -} - -.bg-cyan\/10{ - background-color: rgb(1 169 219 / 0.1); -} - -.bg-dark{ - --tw-bg-opacity: 1; - background-color: rgb(17 25 40 / var(--tw-bg-opacity)); -} - -.bg-dark-3{ - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - -.bg-dark\/10{ - background-color: rgb(17 25 40 / 0.1); -} - -.bg-dark\/90{ - background-color: rgb(17 25 40 / 0.9); -} - -.bg-gray{ - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - -.bg-gray-1{ - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - -.bg-gray-2{ - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} - -.bg-gray-3{ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.bg-gray-3\/50{ - background-color: rgb(229 231 235 / 0.5); -} - -.bg-green{ - --tw-bg-opacity: 1; - background-color: rgb(34 173 92 / var(--tw-bg-opacity)); -} - -.bg-green-dark{ - --tw-bg-opacity: 1; - background-color: rgb(26 130 69 / var(--tw-bg-opacity)); -} - -.bg-green-dark\/10{ - background-color: rgb(26 130 69 / 0.1); -} - -.bg-green-light-6{ - --tw-bg-opacity: 1; - background-color: rgb(218 248 230 / var(--tw-bg-opacity)); -} - -.bg-green\/10{ - background-color: rgb(34 173 92 / 0.1); -} - -.bg-inherit{ - background-color: inherit; -} - -.bg-primary{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.bg-primary\/10{ - background-color: rgb(55 88 249 / 0.1); -} - -.bg-primary\/5{ - background-color: rgb(55 88 249 / 0.05); -} - -.bg-primary\/60{ - background-color: rgb(55 88 249 / 0.6); -} - -.bg-red{ - --tw-bg-opacity: 1; - background-color: rgb(242 48 48 / var(--tw-bg-opacity)); -} - -.bg-red-dark{ - --tw-bg-opacity: 1; - background-color: rgb(225 14 14 / var(--tw-bg-opacity)); -} - -.bg-red-dark\/10{ - background-color: rgb(225 14 14 / 0.1); -} - -.bg-red-light-5{ - --tw-bg-opacity: 1; - background-color: rgb(254 235 235 / var(--tw-bg-opacity)); -} - -.bg-red-light-6{ - --tw-bg-opacity: 1; - background-color: rgb(254 243 243 / var(--tw-bg-opacity)); -} - -.bg-secondary{ - --tw-bg-opacity: 1; - background-color: rgb(19 194 150 / var(--tw-bg-opacity)); -} - -.bg-secondary\/10{ - background-color: rgb(19 194 150 / 0.1); -} - -.bg-stroke{ - --tw-bg-opacity: 1; - background-color: rgb(223 228 234 / var(--tw-bg-opacity)); -} - -.bg-tg-bg{ - --tw-bg-opacity: 1; - background-color: rgb(247 248 250 / var(--tw-bg-opacity)); -} - -.bg-transparent{ - background-color: transparent; +input#toggleSix:checked ~ .dot { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + background-color: var(--color-white); } - -.bg-white{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.bg-white\/10{ - background-color: rgb(255 255 255 / 0.1); -} - -.bg-yellow{ - --tw-bg-opacity: 1; - background-color: rgb(251 191 36 / var(--tw-bg-opacity)); -} - -.bg-yellow-dark{ - --tw-bg-opacity: 1; - background-color: rgb(245 158 11 / var(--tw-bg-opacity)); -} - -.bg-yellow-dark\/10{ - background-color: rgb(245 158 11 / 0.1); -} - -.bg-yellow-light-4{ - --tw-bg-opacity: 1; - background-color: rgb(255 251 235 / var(--tw-bg-opacity)); -} - -.bg-yellow\/30{ - background-color: rgb(251 191 36 / 0.3); -} - -.bg-opacity-20{ - --tw-bg-opacity: 0.2; -} - -.bg-opacity-70{ - --tw-bg-opacity: 0.7; -} - -.bg-opacity-90{ - --tw-bg-opacity: 0.9; -} - -.bg-gradient-to-b{ - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); -} - -.bg-gradient-to-l{ - background-image: linear-gradient(to left, var(--tw-gradient-stops)); -} - -.bg-gradient-to-r{ - background-image: linear-gradient(to right, var(--tw-gradient-stops)); -} - -.bg-gradient-to-t{ - background-image: linear-gradient(to top, var(--tw-gradient-stops)); -} - -.from-\[\#27F090\]{ - --tw-gradient-from: #27F090 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(39 240 144 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-\[\#FFFFFF14\]{ - --tw-gradient-from: #FFFFFF14 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-gray-1{ - --tw-gradient-from: #F9FAFB var(--tw-gradient-from-position); - --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.via-\[\#7F41F3\]{ - --tw-gradient-to: rgb(127 65 243 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), #7F41F3 var(--tw-gradient-via-position), var(--tw-gradient-to); -} - -.to-\[\#C4C4C400\]{ - --tw-gradient-to: #C4C4C400 var(--tw-gradient-to-position); -} - -.to-\[\#F59527\]{ - --tw-gradient-to: #F59527 var(--tw-gradient-to-position); -} - -.to-gray-4{ - --tw-gradient-to: #DEE2E6 var(--tw-gradient-to-position); -} - -.fill-current{ - fill: currentColor; -} - -.stroke-current{ - stroke: currentColor; -} - -.object-cover{ - -o-object-fit: cover; - object-fit: cover; -} - -.object-center{ - -o-object-position: center; - object-position: center; -} - -.p-1{ - padding: 0.25rem; -} - -.p-10{ - padding: 2.5rem; -} - -.p-2{ - padding: 0.5rem; -} - -.p-3{ - padding: 0.75rem; -} - -.p-4{ - padding: 1rem; -} - -.p-5{ - padding: 1.25rem; -} - -.p-6{ - padding: 1.5rem; -} - -.p-8{ - padding: 2rem; -} - -.p-\[25px\]{ - padding: 25px; -} - -.px-10{ - padding-left: 2.5rem; - padding-right: 2.5rem; -} - -.px-12{ - padding-left: 3rem; - padding-right: 3rem; -} - -.px-2{ - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.px-2\.5{ - padding-left: 0.625rem; - padding-right: 0.625rem; -} - -.px-3{ - padding-left: 0.75rem; - padding-right: 0.75rem; -} - -.px-3\.5{ - padding-left: 0.875rem; - padding-right: 0.875rem; -} - -.px-4{ - padding-left: 1rem; - padding-right: 1rem; -} - -.px-5{ - padding-left: 1.25rem; - padding-right: 1.25rem; -} - -.px-6{ - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.px-7{ - padding-left: 1.75rem; - padding-right: 1.75rem; -} - -.px-8{ - padding-left: 2rem; - padding-right: 2rem; -} - -.px-\[14px\]{ - padding-left: 14px; - padding-right: 14px; -} - -.px-\[18px\]{ - padding-left: 18px; - padding-right: 18px; -} - -.px-\[6px\]{ - padding-left: 6px; - padding-right: 6px; -} - -.py-1{ - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.py-1\.5{ - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} - -.py-10{ - padding-top: 2.5rem; - padding-bottom: 2.5rem; -} - -.py-12{ - padding-top: 3rem; - padding-bottom: 3rem; -} - -.py-16{ - padding-top: 4rem; - padding-bottom: 4rem; -} - -.py-2{ - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.py-2\.5{ - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} - -.py-20{ - padding-top: 5rem; - padding-bottom: 5rem; -} - -.py-24{ - padding-top: 6rem; - padding-bottom: 6rem; -} - -.py-3{ - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.py-4{ - padding-top: 1rem; - padding-bottom: 1rem; -} - -.py-5{ - padding-top: 1.25rem; - padding-bottom: 1.25rem; -} - -.py-6{ - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.py-8{ - padding-top: 2rem; - padding-bottom: 2rem; -} - -.py-9{ - padding-top: 2.25rem; - padding-bottom: 2.25rem; -} - -.py-\[10px\]{ - padding-top: 10px; - padding-bottom: 10px; -} - -.py-\[120px\]{ - padding-top: 120px; - padding-bottom: 120px; -} - -.py-\[13px\]{ - padding-top: 13px; - padding-bottom: 13px; -} - -.py-\[18px\]{ - padding-top: 18px; - padding-bottom: 18px; -} - -.py-\[34px\]{ - padding-top: 34px; - padding-bottom: 34px; -} - -.py-\[5px\]{ - padding-top: 5px; - padding-bottom: 5px; -} - -.py-\[60px\]{ - padding-top: 60px; - padding-bottom: 60px; -} - -.py-\[6px\]{ - padding-top: 6px; - padding-bottom: 6px; -} - -.py-\[70px\]{ - padding-top: 70px; - padding-bottom: 70px; -} - -.py-\[75px\]{ - padding-top: 75px; - padding-bottom: 75px; -} - -.pb-0{ - padding-bottom: 0px; -} - -.pb-1{ - padding-bottom: 0.25rem; -} - -.pb-10{ - padding-bottom: 2.5rem; -} - -.pb-12{ - padding-bottom: 3rem; -} - -.pb-16{ - padding-bottom: 4rem; -} - -.pb-2{ - padding-bottom: 0.5rem; -} - -.pb-20{ - padding-bottom: 5rem; -} - -.pb-3{ - padding-bottom: 0.75rem; -} - -.pb-4{ - padding-bottom: 1rem; -} - -.pb-6{ - padding-bottom: 1.5rem; -} - -.pb-8{ - padding-bottom: 2rem; -} - -.pb-\[110px\]{ - padding-bottom: 110px; -} - -.pb-\[18px\]{ - padding-bottom: 18px; -} - -.pb-\[84px\]{ - padding-bottom: 84px; -} - -.pl-1{ - padding-left: 0.25rem; -} - -.pl-12{ - padding-left: 3rem; -} - -.pl-2{ - padding-left: 0.5rem; -} - -.pl-3{ - padding-left: 0.75rem; -} - -.pl-4{ - padding-left: 1rem; -} - -.pl-5{ - padding-left: 1.25rem; +input#toggleEight:checked ~ .box { + background-color: #EAEEFB; } - -.pl-6{ - padding-left: 1.5rem; +input#toggleEight:checked ~ .dot { + background-color: #3758F9; } - -.pl-7{ - padding-left: 1.75rem; +input#toggleEight:checked ~ .dot span { + border-color: var(--color-white); + background-color: #3758F9; } - -.pl-\[10px\]{ - padding-left: 10px; +input#toggleNine:checked ~ .dot span { + background-color: var(--color-white); } - -.pl-\[50px\]{ - padding-left: 50px; +input#toggleNine:checked ~ .dot { + background-color: #3758F9; } - -.pl-\[62px\]{ - padding-left: 62px; +input:checked ~ .box { + border-color: #3758F9; } - -.pr-0{ - padding-right: 0px; +input#checkboxLabelOne:checked ~ .box { + border-color: #3758F9; } - -.pr-0\.5{ - padding-right: 0.125rem; +input#checkboxLabelOne:checked ~ .box .dot { + background-color: #3758F9; } - -.pr-12{ - padding-right: 3rem; +input#checkboxLabelTwo:checked ~ .box span { + opacity: 100%; } - -.pr-14{ - padding-right: 3.5rem; +input#checkboxLabelThree:checked ~ .box span { + opacity: 100%; } - -.pr-16{ - padding-right: 4rem; +input#checkboxLabelFour:checked ~ .box { + border-color: #3758F9; } - -.pr-2{ - padding-right: 0.5rem; +input#checkboxLabelFour:checked ~ .box span { + background-color: #3758F9; } - -.pr-4{ - padding-right: 1rem; +input#checkboxLabelFive:checked ~ .box { + background-color: #3758F9; } - -.pr-5{ - padding-right: 1.25rem; +.shape-gradient { + background: linear-gradient( 180deg, rgba(255, 255, 255, 0.08) 0%, rgba(196, 196, 196, 0) 100% ); } - -.pr-6{ - padding-right: 1.5rem; +.container { + margin-inline: auto; + padding-inline: calc(var(--spacing) * 4); } - -.pr-8{ - padding-right: 2rem; -} - -.pr-\[10px\]{ - padding-right: 10px; -} - -.pt-1{ - padding-top: 0.25rem; -} - -.pt-11{ - padding-top: 2.75rem; -} - -.pt-16{ - padding-top: 4rem; -} - -.pt-2{ - padding-top: 0.5rem; -} - -.pt-2\.5{ - padding-top: 0.625rem; -} - -.pt-20{ - padding-top: 5rem; -} - -.pt-3{ - padding-top: 0.75rem; -} - -.pt-4{ - padding-top: 1rem; -} - -.pt-5{ - padding-top: 1.25rem; -} - -.pt-\[120px\]{ - padding-top: 120px; -} - -.text-left{ - text-align: left; -} - -.text-center{ - text-align: center; -} - -.text-right{ - text-align: right; -} - -.text-2xl{ - font-size: 1.5rem; - line-height: 2rem; -} - -.text-3xl{ - font-size: 1.875rem; - line-height: 2.25rem; -} - -.text-4xl{ - font-size: 2.25rem; - line-height: 2.5rem; -} - -.text-\[22px\]{ - font-size: 22px; -} - -.text-\[26px\]{ - font-size: 26px; -} - -.text-\[32px\]{ - font-size: 32px; -} - -.text-\[42px\]{ - font-size: 42px; -} - -.text-\[50px\]{ - font-size: 50px; -} - -.text-base{ - font-size: 1rem; - line-height: 1.5rem; -} - -.text-lg{ - font-size: 1.125rem; - line-height: 1.75rem; -} - -.text-sm{ - font-size: 0.875rem; - line-height: 1.25rem; -} - -.text-xl{ - font-size: 1.25rem; - line-height: 1.75rem; -} - -.text-xs{ - font-size: 0.75rem; - line-height: 1rem; -} - -.font-bold{ - font-weight: 700; -} - -.font-medium{ - font-weight: 500; -} - -.font-normal{ - font-weight: 400; -} - -.font-semibold{ - font-weight: 600; -} - -.uppercase{ - text-transform: uppercase; -} - -.capitalize{ - text-transform: capitalize; -} - -.italic{ - font-style: italic; -} - -.\!leading-\[1\.208\]{ - line-height: 1.208 !important; -} - -.leading-\[1\.208\]{ - line-height: 1.208; -} - -.leading-\[1\.2\]{ - line-height: 1.2; -} - -.leading-\[1\.81\]{ - line-height: 1.81; -} - -.leading-\[27px\]{ - line-height: 27px; -} - -.leading-loose{ - line-height: 2; -} - -.leading-none{ - line-height: 1; +input[type="checkbox"]:checked ~ .box span { + opacity: 100%; } - -.leading-relaxed{ - line-height: 1.625; -} - -.leading-tight{ - line-height: 1.25; -} - -.text-\[\#004434\]{ - --tw-text-opacity: 1; - color: rgb(0 68 52 / var(--tw-text-opacity)); -} - -.text-\[\#464646\]{ - --tw-text-opacity: 1; - color: rgb(70 70 70 / var(--tw-text-opacity)); -} - -.text-\[\#9D5425\]{ - --tw-text-opacity: 1; - color: rgb(157 84 37 / var(--tw-text-opacity)); -} - -.text-\[\#BC1C21\]{ - --tw-text-opacity: 1; - color: rgb(188 28 33 / var(--tw-text-opacity)); -} - -.text-\[\#D0915C\]{ - --tw-text-opacity: 1; - color: rgb(208 145 92 / var(--tw-text-opacity)); -} - -.text-black{ - --tw-text-opacity: 1; - color: rgb(33 43 54 / var(--tw-text-opacity)); -} - -.text-body-color{ - --tw-text-opacity: 1; - color: rgb(99 115 129 / var(--tw-text-opacity)); -} - -.text-cyan{ - --tw-text-opacity: 1; - color: rgb(1 169 219 / var(--tw-text-opacity)); -} - -.text-cyan-dark{ - --tw-text-opacity: 1; - color: rgb(11 118 183 / var(--tw-text-opacity)); -} - -.text-dark{ - --tw-text-opacity: 1; - color: rgb(17 25 40 / var(--tw-text-opacity)); -} - -.text-dark-2{ - --tw-text-opacity: 1; - color: rgb(31 42 55 / var(--tw-text-opacity)); -} - -.text-dark-3{ - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - -.text-dark-4{ - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.text-dark-5{ - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-dark-6{ - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.text-gray-5{ - --tw-text-opacity: 1; - color: rgb(206 212 218 / var(--tw-text-opacity)); -} - -.text-green{ - --tw-text-opacity: 1; - color: rgb(34 173 92 / var(--tw-text-opacity)); -} - -.text-green-dark{ - --tw-text-opacity: 1; - color: rgb(26 130 69 / var(--tw-text-opacity)); -} - -.text-primary{ - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); -} - -.text-red{ - --tw-text-opacity: 1; - color: rgb(242 48 48 / var(--tw-text-opacity)); -} - -.text-red-dark{ - --tw-text-opacity: 1; - color: rgb(225 14 14 / var(--tw-text-opacity)); -} - -.text-red-light{ - --tw-text-opacity: 1; - color: rgb(245 96 96 / var(--tw-text-opacity)); -} - -.text-secondary{ - --tw-text-opacity: 1; - color: rgb(19 194 150 / var(--tw-text-opacity)); -} - -.text-secondary-color{ - --tw-text-opacity: 1; - color: rgb(136 153 168 / var(--tw-text-opacity)); -} - -.text-white{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-white\/50{ - color: rgb(255 255 255 / 0.5); -} - -.text-white\/60{ - color: rgb(255 255 255 / 0.6); -} - -.text-white\/80{ - color: rgb(255 255 255 / 0.8); -} - -.text-yellow-dark{ - --tw-text-opacity: 1; - color: rgb(245 158 11 / var(--tw-text-opacity)); -} - -.text-opacity-80{ - --tw-text-opacity: 0.8; -} - -.underline{ - text-decoration-line: underline; -} - -.underline-offset-2{ - text-underline-offset: 2px; -} - -.placeholder-dark-6::-moz-placeholder{ - --tw-placeholder-opacity: 1; - color: rgb(156 163 175 / var(--tw-placeholder-opacity)); -} - -.placeholder-dark-6::placeholder{ - --tw-placeholder-opacity: 1; - color: rgb(156 163 175 / var(--tw-placeholder-opacity)); -} - -.opacity-0{ - opacity: 0; -} - -.opacity-100{ - opacity: 1; -} - -.opacity-40{ - opacity: 0.4; -} - -.shadow{ - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-1{ - --tw-shadow: 0px 1px 3px 0px rgba(166, 175, 195, 0.40); - --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-2{ - --tw-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.10); - --tw-shadow-colored: 0px 5px 12px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-\[0px_1px_3px_0px_rgba\(0\2c 0\2c 0\2c 0\.13\)\]{ - --tw-shadow: 0px 1px 3px 0px rgba(0,0,0,0.13); - --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-\[0px_20px_95px_0px_rgba\(201\2c 203\2c 204\2c 0\.30\)\]{ - --tw-shadow: 0px 20px 95px 0px rgba(201,203,204,0.30); - --tw-shadow-colored: 0px 20px 95px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-\[0px_2px_10px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{ - --tw-shadow: 0px 2px 10px 0px rgba(0,0,0,0.08); - --tw-shadow-colored: 0px 2px 10px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-card{ - --tw-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12); - --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-four{ - --tw-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12); - --tw-shadow-colored: 0px 4px 10px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-inner{ - --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-lg{ - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-portfolio{ - --tw-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08); - --tw-shadow-colored: 0px 4px 30px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-pricing{ - --tw-shadow: 0px 39px 23px -27px rgba(0, 0, 0, 0.04); - --tw-shadow-colored: 0px 39px 23px -27px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-pricing-4{ - --tw-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12); - --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-sm{ - --tw-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06); - --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-switch-1{ - --tw-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); - --tw-shadow-colored: 0px 0px 5px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-testimonial-6{ - --tw-shadow: 0px 10px 20px 0px rgba(92, 115, 160, 0.07); - --tw-shadow-colored: 0px 10px 20px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-three{ - --tw-shadow: 0px 1px 5px rgba(0, 0, 0, 0.14); - --tw-shadow-colored: 0px 1px 5px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-two{ - --tw-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12); - --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-xs{ - --tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.outline-none{ - outline: 2px solid transparent; - outline-offset: 2px; -} - -.ring-primary{ - --tw-ring-opacity: 1; - --tw-ring-color: rgb(55 88 249 / var(--tw-ring-opacity)); -} - -.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); -} - -.transition{ - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-all{ - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.delay-300{ - transition-delay: 300ms; -} - -.duration-100{ - transition-duration: 100ms; -} - -.duration-1000{ - transition-duration: 1000ms; -} - -.duration-200{ - transition-duration: 200ms; -} - -.duration-300{ - transition-duration: 300ms; -} - -.snap { - scroll-snap-type: x mandatory; - scroll-behavior: smooth; +input[type="radio"]:checked ~ .box .circle { + background-color: #3758F9; } - -.snap::-webkit-scrollbar { - display: none; +input[type="radio"]:checked ~ .box span { + opacity: 100%; } - -.snap > img { - scroll-snap-align: center; +.payment:checked ~ label { + border-color: #3758F9; + background-color: color-mix(in oklab, #3758F9 8%, transparent); } - -.navbarTogglerActive > span:nth-child(1){ - top: 7px; - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +.shipping:checked ~ label { + border-color: #3758F9; } - -.navbarTogglerActive > span:nth-child(2){ - opacity: 0; +.shipping:checked ~ label .title { + color: #3758F9; } - -.navbarTogglerActive > span:nth-child(3){ - top: -0.5rem; - --tw-rotate: 135deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +.color:checked ~ label span { + height: calc(var(--spacing) * 2); + width: calc(var(--spacing) * 2); } - -input:checked ~ .dot{ - --tw-translate-x: 100%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); +.productColor:checked ~ label span { + height: calc(var(--spacing) * 7); + width: calc(var(--spacing) * 7); } - -input:checked ~ .dot .active{ - display: block; +.productColor2:checked ~ label span { + height: calc(var(--spacing) * 3); + width: calc(var(--spacing) * 3); } - -input:checked ~ .dot .inactive{ - display: none; +.filter-size:checked ~ label { + border-color: #3758F9; + background-color: #3758F9; + color: var(--color-white); } - -input#toggleFour:checked ~ .box{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); +.filter-size-2:checked ~ label { + border-color: #3758F9; + background-color: color-mix(in oklab, #3758F9 10%, transparent); } - -input#toggleFour:checked ~ .dot{ - --tw-translate-x: 100%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +.ram-size:checked ~ label { + border-color: #3758F9; + color: #3758F9; } - -input#toggleFive:checked ~ .dot{ - --tw-translate-x: 100%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +.download-radio:checked ~ label { + border-color: #3758F9; + background-color: #3758F9; } - -input#toggleFive:checked ~ .dot > span{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); +.download-radio:checked ~ label span { + color: var(--color-white); } - -input#toggleSix:checked ~ .dot{ - --tw-translate-x: 100%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -input#toggleEight:checked ~ .box{ - --tw-bg-opacity: 1; - background-color: rgb(234 238 251 / var(--tw-bg-opacity)); -} - -input#toggleEight:checked ~ .dot{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -input#toggleEight:checked ~ .dot span{ - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -input#toggleNine:checked ~ .dot span{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -input#toggleNine:checked ~ .dot{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -input:checked ~ .box{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -input#checkboxLabelOne:checked ~ .box{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -input#checkboxLabelOne:checked ~ .box .dot{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -input#checkboxLabelTwo:checked ~ .box span{ - opacity: 1; -} - -input#checkboxLabelThree:checked ~ .box span{ - opacity: 1; -} - -input#checkboxLabelFour:checked ~ .box{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -input#checkboxLabelFour:checked ~ .box span{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -input#checkboxLabelFive:checked ~ .box{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.shape-gradient { - background: linear-gradient( - 180deg, - rgba(255, 255, 255, 0.08) 0%, - rgba(196, 196, 196, 0) 100% - ); -} - -/* v-2.0 start from here */ - -.container{ - margin-left: auto; - margin-right: auto; - padding-left: 1rem; - padding-right: 1rem; -} - -input[type="checkbox"]:checked ~ .box span{ - opacity: 1; -} - -input[type="radio"]:checked ~ .box .circle{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -input[type="radio"]:checked ~ .box span{ - opacity: 1; -} - -.payment:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); - --tw-bg-opacity: 8%; -} - -.shipping:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -.shipping:checked ~ label .title{ - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); -} - -.color:checked ~ label span{ - height: 0.5rem; - width: 0.5rem; -} - -.productColor:checked ~ label span{ - height: 1.75rem; - width: 1.75rem; -} - -.productColor2:checked ~ label span{ - height: 0.75rem; - width: 0.75rem; -} - -.filter-size:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.filter-size-2:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); - --tw-bg-opacity: 0.1; -} - -.ram-size:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); -} - -.download-radio:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.download-radio:checked ~ label span{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.download-radio:checked ~ label .icon{ - opacity: 1; -} - -/* ============ -=============== */ - -.priceSlideOne .noUi-target{ - margin-top: 2rem; +.download-radio:checked ~ label .icon { + opacity: 100%; +} +.priceSlideOne .noUi-target { + margin-top: calc(var(--spacing) * 8); + --tw-border-style: none; border-style: none; - --tw-bg-opacity: 1; - background-color: rgb(244 247 255 / var(--tw-bg-opacity)); + background-color: #f4f7ff; --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } - -.priceSlideOne .noUi-connects{ +.priceSlideOne .noUi-connects { height: 6px; - border-radius: 9999px; - --tw-bg-opacity: 1; - background-color: rgb(212 217 232 / var(--tw-bg-opacity)); + border-radius: calc(infinity * 1px); + background-color: #D4D9E8; } - -.priceSlideOne .noUi-connect{ +.priceSlideOne .noUi-connect { height: 6px; - border-radius: 9999px; - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); + border-radius: calc(infinity * 1px); + background-color: #3758F9; } - -.priceSlideOne .noUi-horizontal .noUi-handle{ - top: -0.5rem; +.priceSlideOne .noUi-horizontal .noUi-handle { + top: calc(var(--spacing) * -2); height: 22px; width: 22px; - border-radius: 9999px; + border-radius: calc(infinity * 1px); + border-style: var(--tw-border-style); border-width: 6px; - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.priceSlideTwo .noUi-target{ - margin-top: 2rem; + border-color: #3758F9; + background-color: var(--color-white); +} +.priceSlideTwo .noUi-target { + margin-top: calc(var(--spacing) * 8); + --tw-border-style: none; border-style: none; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + background-color: var(--color-white); --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.priceSlideTwo .noUi-connects{ - height: 0.25rem; - border-radius: 9999px; - --tw-bg-opacity: 1; - background-color: rgb(212 217 232 / var(--tw-bg-opacity)); -} - -.priceSlideTwo .noUi-connect{ - height: 0.25rem; - border-radius: 9999px; - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.priceSlideTwo .noUi-horizontal .noUi-handle{ - top: -0.75rem; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); +} +.priceSlideTwo .noUi-connects { + height: calc(var(--spacing) * 1); + border-radius: calc(infinity * 1px); + background-color: #D4D9E8; +} +.priceSlideTwo .noUi-connect { + height: calc(var(--spacing) * 1); + border-radius: calc(infinity * 1px); + background-color: #3758F9; +} +.priceSlideTwo .noUi-horizontal .noUi-handle { + top: calc(var(--spacing) * -3); height: 30px; width: 30px; - border-radius: 9999px; + border-radius: calc(infinity * 1px); + border-style: var(--tw-border-style); border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.noUi-horizontal .noUi-handle:after, -.noUi-horizontal .noUi-handle:before{ + border-color: #3758F9; + background-color: var(--color-white); +} +.noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before { display: none; } - -#activityChart .apexcharts-legend-series{ - margin-right: 1.25rem !important; +#activityChart .apexcharts-legend-series { + margin-right: calc(var(--spacing) * 5) !important; } - -/* ======= Switch ======= */ - -.autoSaverSwitch input:checked ~ .slider{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); +.autoSaverSwitch input:checked ~ .slider { + background-color: #3758F9; } - -.autoSaverSwitch input:checked ~ .slider .dot{ - --tw-translate-x: 1.5rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +.autoSaverSwitch input:checked ~ .slider .dot { + --tw-translate-x: calc(var(--spacing) * 6); + translate: var(--tw-translate-x) var(--tw-translate-y); } - -.autoSaverSwitch input:checked ~ .label .on{ +.autoSaverSwitch input:checked ~ .label .on { display: block; } - -.autoSaverSwitch input:checked ~ .label .off{ +.autoSaverSwitch input:checked ~ .label .off { display: none; } - -.themeSwitcherTwo input:checked ~ .light{ +.themeSwitcherTwo input:checked ~ .light { background-color: transparent; - --tw-text-opacity: 1; - color: rgb(99 115 129 / var(--tw-text-opacity)); -} - -.themeSwitcherTwo input:checked ~ .dark{ - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); -} - -.themeSwitcherTwo input:checked ~ .slider{ - --tw-bg-opacity: 1; - background-color: rgb(33 43 54 / var(--tw-bg-opacity)); -} - -.themeSwitcherTwo input:checked ~ .slider .dot{ + color: #637381; +} +.themeSwitcherTwo input:checked ~ .dark { + background-color: #F9FAFB; + color: #3758F9; +} +.themeSwitcherTwo input:checked ~ .slider { + background-color: #212B36; +} +.themeSwitcherTwo input:checked ~ .slider .dot { --tw-translate-x: 28px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.themeSwitcherThree input:checked ~ div .light{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(99 115 129 / var(--tw-text-opacity)); -} - -.themeSwitcherThree input:checked ~ div .dark{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -/* box-select-1 */ - -.checkbox-list:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.checkbox-list:checked ~ label .icon{ - opacity: 1; -} - -.box-select-1:checked ~ label .box{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.box-select-1:checked ~ label .box .icon{ - opacity: 1; -} - -.box-select-1:checked ~ label div.user-box{ - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} - -.select-list:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); -} - -.select-list:checked ~ label .icon{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.tableCheckbox:checked ~ label .icon-box{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.tableCheckbox:checked ~ label .icon{ - opacity: 1; -} - -.tableCheckbox-2:checked ~ label{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.tableCheckbox-2:checked ~ label .icon{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - opacity: 1; -} - -/* Maps */ - -.jvm-zoom-btn{ - bottom: 0px; - left: auto; - top: auto; - display: flex; - height: 2rem; - width: 2rem; - align-items: center; - justify-content: center; - border-radius: 0.25rem; - border-width: .5px; - --tw-border-opacity: 1; - border-color: rgb(223 228 234 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); - font-weight: 600; - line-height: 1; - --tw-text-opacity: 1; - color: rgb(99 115 129 / var(--tw-text-opacity)); -} - -.jvm-zoom-btn:hover{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.mapOne .jvm-zoom-btn{ - bottom: 0px; - left: auto; - top: auto; + translate: var(--tw-translate-x) var(--tw-translate-y); } - -.mapOne .jvm-zoom-btn.jvm-zoomin{ - right: 2.25rem; +.themeSwitcherThree input:checked ~ div .light { + background-color: var(--color-white); + color: #637381; } - -.mapOne .jvm-zoom-btn.jvm-zoomout{ - right: 0px; +.themeSwitcherThree input:checked ~ div .dark { + background-color: #3758F9; + color: var(--color-white); } - -.mapTwo .jvm-zoom-btn{ - bottom: 0px; - top: auto; +.checkbox-list:checked ~ label { + border-color: #3758F9; + background-color: #3758F9; } - -.mapTwo .jvm-zoom-btn.jvm-zoomin{ - left: 0px; +.checkbox-list:checked ~ label .icon { + opacity: 100%; } - -.mapTwo .jvm-zoom-btn.jvm-zoomout{ - left: 2.25rem; +.box-select-1:checked ~ label .box { + border-color: #3758F9; + background-color: #3758F9; } - -.mapFour .jvm-zoom-btn{ - top: -5rem; +.box-select-1:checked ~ label .box .icon { + opacity: 100%; } - -.mapFour .jvm-zoom-btn.jvm-zoomin{ - right: 2.25rem; +.box-select-1:checked ~ label div.user-box { + background-color: #F3F4F6; } - -.mapFour .jvm-zoom-btn.jvm-zoomout{ - right: 0px; +.select-list:checked ~ label { + border-color: #3758F9; + color: #3758F9; } - -@media (min-width: 540px){ - .sm\:container{ - margin-r-ight: auto; - padding-r-ight: 16px; - width: 100%; - margin-right: auto; - margin-left: auto; - padding-right: 16px; - padding-left: 16px; - } - - @media (min-width: 400px){ - .sm\:container{ - max-width: 400px; - } - } - - @media (min-width: 540px){ - .sm\:container{ - max-width: 540px; - } - } - - @media (min-width: 720px){ - .sm\:container{ - max-width: 720px; - } - } - - @media (min-width: 960px){ - .sm\:container{ - max-width: 960px; +.select-list:checked ~ label .icon { + background-color: #3758F9; +} +.tableCheckbox:checked ~ label .icon-box { + border-color: #3758F9; + background-color: #3758F9; +} +.tableCheckbox:checked ~ label .icon { + opacity: 100%; +} +.tableCheckbox-2:checked ~ label { + border-color: #3758F9; + background-color: #3758F9; +} +.tableCheckbox-2:checked ~ label .icon { + color: var(--color-white); + opacity: 100%; +} +.jvm-zoom-btn { + top: auto; + bottom: calc(var(--spacing) * 0); + left: auto; + display: flex; + height: calc(var(--spacing) * 8); + width: calc(var(--spacing) * 8); + align-items: center; + justify-content: center; + border-radius: var(--radius-sm); + border-style: var(--tw-border-style); + border-width: .5px; + border-color: #DFE4EA; + background-color: #F9FAFB; + --tw-leading: 1; + line-height: 1; + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: #637381; + &:hover { + @media (hover: hover) { + border-color: #3758F9; } } - - @media (min-width: 1140px){ - .sm\:container{ - max-width: 1140px; + &:hover { + @media (hover: hover) { + background-color: #3758F9; } } - - @media (min-width: 1320px){ - .sm\:container{ - max-width: 1320px; + &:hover { + @media (hover: hover) { + color: var(--color-white); } } } - -.selection\:bg-transparent *::-moz-selection{ - background-color: transparent; -} - -.selection\:bg-transparent *::selection{ - background-color: transparent; -} - -.selection\:bg-transparent::-moz-selection{ - background-color: transparent; -} - -.selection\:bg-transparent::selection{ - background-color: transparent; -} - -.file\:mr-4::file-selector-button{ - margin-right: 1rem; +.mapOne .jvm-zoom-btn { + top: auto; + bottom: calc(var(--spacing) * 0); + left: auto; } - -.file\:mr-5::file-selector-button{ - margin-right: 1.25rem; +.mapOne .jvm-zoom-btn.jvm-zoomin { + right: calc(var(--spacing) * 9); } - -.file\:border-collapse::file-selector-button{ - border-collapse: collapse; +.mapOne .jvm-zoom-btn.jvm-zoomout { + right: calc(var(--spacing) * 0); } - -.file\:cursor-pointer::file-selector-button{ - cursor: pointer; +.mapTwo .jvm-zoom-btn { + top: auto; + bottom: calc(var(--spacing) * 0); } - -.file\:rounded::file-selector-button{ - border-radius: 0.25rem; +.mapTwo .jvm-zoom-btn.jvm-zoomin { + left: calc(var(--spacing) * 0); } - -.file\:border-0::file-selector-button{ - border-width: 0px; +.mapTwo .jvm-zoom-btn.jvm-zoomout { + left: calc(var(--spacing) * 9); } - -.file\:border-\[\.5px\]::file-selector-button{ - border-width: .5px; +.mapFour .jvm-zoom-btn { + top: calc(var(--spacing) * -20); } - -.file\:border-stroke::file-selector-button{ - --tw-border-opacity: 1; - border-color: rgb(223 228 234 / var(--tw-border-opacity)); -} - -.file\:bg-dark-2::file-selector-button{ - --tw-bg-opacity: 1; - background-color: rgb(31 42 55 / var(--tw-bg-opacity)); -} - -.file\:bg-gray-3::file-selector-button{ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.file\:px-3::file-selector-button{ - padding-left: 0.75rem; - padding-right: 0.75rem; -} - -.file\:px-4::file-selector-button{ - padding-left: 1rem; - padding-right: 1rem; -} - -.file\:py-1::file-selector-button{ - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.file\:py-3::file-selector-button{ - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.file\:text-base::file-selector-button{ - font-size: 1rem; - line-height: 1.5rem; -} - -.file\:text-dark::file-selector-button{ - --tw-text-opacity: 1; - color: rgb(17 25 40 / var(--tw-text-opacity)); -} - -.file\:text-white::file-selector-button{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.after\:absolute::after{ - content: var(--tw-content); - position: absolute; -} - -.after\:-bottom-1::after{ - content: var(--tw-content); - bottom: -0.25rem; -} - -.after\:-bottom-1\.5::after{ - content: var(--tw-content); - bottom: -0.375rem; -} - -.after\:left-1\/2::after{ - content: var(--tw-content); - left: 50%; -} - -.after\:h-3::after{ - content: var(--tw-content); - height: 0.75rem; -} - -.after\:w-3::after{ - content: var(--tw-content); - width: 0.75rem; -} - -.after\:-translate-x-1\/2::after{ - content: var(--tw-content); - --tw-translate-x: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.after\:rotate-45::after{ - content: var(--tw-content); - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.after\:rounded-br-sm::after{ - content: var(--tw-content); - border-bottom-right-radius: 0.125rem; -} - -.after\:bg-inherit::after{ - content: var(--tw-content); - background-color: inherit; -} - -.last-of-type\:border-r-0:last-of-type{ - border-right-width: 0px; -} - -.hover\:border-\[\#0BB489\]:hover{ - --tw-border-opacity: 1; - border-color: rgb(11 180 137 / var(--tw-border-opacity)); -} - -.hover\:border-\[\#1B44C8\]:hover{ - --tw-border-opacity: 1; - border-color: rgb(27 68 200 / var(--tw-border-opacity)); -} - -.hover\:border-blue-dark:hover{ - --tw-border-opacity: 1; - border-color: rgb(28 63 183 / var(--tw-border-opacity)); -} - -.hover\:border-body-color:hover{ - --tw-border-opacity: 1; - border-color: rgb(99 115 129 / var(--tw-border-opacity)); -} - -.hover\:border-dark:hover{ - --tw-border-opacity: 1; - border-color: rgb(17 25 40 / var(--tw-border-opacity)); -} - -.hover\:border-primary:hover{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -.hover\:border-red-600:hover{ - --tw-border-opacity: 1; - border-color: rgb(220 38 38 / var(--tw-border-opacity)); -} - -.hover\:border-stroke:hover{ - --tw-border-opacity: 1; - border-color: rgb(223 228 234 / var(--tw-border-opacity)); -} - -.hover\:border-transparent:hover{ - border-color: transparent; -} - -.hover\:bg-\[\#0BB489\]:hover{ - --tw-bg-opacity: 1; - background-color: rgb(11 180 137 / var(--tw-bg-opacity)); -} - -.hover\:bg-\[\#1B44C8\]:hover{ - --tw-bg-opacity: 1; - background-color: rgb(27 68 200 / var(--tw-bg-opacity)); -} - -.hover\:bg-\[\#E8FBF6\]:hover{ - --tw-bg-opacity: 1; - background-color: rgb(232 251 246 / var(--tw-bg-opacity)); -} - -.hover\:bg-\[\#F5F7FD\]:hover{ - --tw-bg-opacity: 1; - background-color: rgb(245 247 253 / var(--tw-bg-opacity)); -} - -.hover\:bg-black:hover{ - --tw-bg-opacity: 1; - background-color: rgb(33 43 54 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-dark:hover{ - --tw-bg-opacity: 1; - background-color: rgb(28 63 183 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-light-5:hover{ - --tw-bg-opacity: 1; - background-color: rgb(225 232 255 / var(--tw-bg-opacity)); -} - -.hover\:bg-body-color:hover{ - --tw-bg-opacity: 1; - background-color: rgb(99 115 129 / var(--tw-bg-opacity)); -} - -.hover\:bg-dark:hover{ - --tw-bg-opacity: 1; - background-color: rgb(17 25 40 / var(--tw-bg-opacity)); -} - -.hover\:bg-dark\/90:hover{ - background-color: rgb(17 25 40 / 0.9); -} - -.hover\:bg-gray-1:hover{ - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-2:hover{ - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-3:hover{ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-4:hover{ - --tw-bg-opacity: 1; - background-color: rgb(222 226 230 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-50:hover{ - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - -.hover\:bg-primary:hover{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.hover\:bg-primary\/10:hover{ - background-color: rgb(55 88 249 / 0.1); -} - -.hover\:bg-primary\/90:hover{ - background-color: rgb(55 88 249 / 0.9); -} - -.hover\:bg-red:hover{ - --tw-bg-opacity: 1; - background-color: rgb(242 48 48 / var(--tw-bg-opacity)); -} - -.hover\:bg-red-600:hover{ - --tw-bg-opacity: 1; - background-color: rgb(220 38 38 / var(--tw-bg-opacity)); -} - -.hover\:bg-secondary\/5:hover{ - background-color: rgb(19 194 150 / 0.05); -} - -.hover\:bg-white:hover{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.hover\:bg-opacity-90:hover{ - --tw-bg-opacity: 0.9; -} - -.hover\:text-body-color:hover{ - --tw-text-opacity: 1; - color: rgb(99 115 129 / var(--tw-text-opacity)); -} - -.hover\:text-dark:hover{ - --tw-text-opacity: 1; - color: rgb(17 25 40 / var(--tw-text-opacity)); -} - -.hover\:text-green:hover{ - --tw-text-opacity: 1; - color: rgb(34 173 92 / var(--tw-text-opacity)); -} - -.hover\:text-green-dark:hover{ - --tw-text-opacity: 1; - color: rgb(26 130 69 / var(--tw-text-opacity)); -} - -.hover\:text-primary:hover{ - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); -} - -.hover\:text-red:hover{ - --tw-text-opacity: 1; - color: rgb(242 48 48 / var(--tw-text-opacity)); -} - -.hover\:text-secondary:hover{ - --tw-text-opacity: 1; - color: rgb(19 194 150 / var(--tw-text-opacity)); -} - -.hover\:text-white:hover{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.hover\:text-white\/80:hover{ - color: rgb(255 255 255 / 0.8); -} - -.hover\:text-opacity-80:hover{ - --tw-text-opacity: 0.8; -} - -.hover\:underline:hover{ - text-decoration-line: underline; -} - -.hover\:shadow-3:hover{ - --tw-shadow: 0px 4px 12px 0px rgba(13, 10, 44, 0.06); - --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.hover\:shadow-lg:hover{ - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.hover\:drop-shadow-testimonial:hover{ - --tw-drop-shadow: drop-shadow(0px 25px 40px rgba(208, 231, 243, 0.70)); - 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); -} - -.file\:hover\:bg-dark\/90:hover::file-selector-button{ - background-color: rgb(17 25 40 / 0.9); -} - -.focus\:border-primary:focus{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -.focus\:ring-2:focus{ - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} - -.focus-visible\:shadow-none:focus-visible{ - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.active\:border-\[\#1B44C8\]:active{ - --tw-border-opacity: 1; - border-color: rgb(27 68 200 / var(--tw-border-opacity)); -} - -.active\:border-blue-light-5:active{ - --tw-border-opacity: 1; - border-color: rgb(225 232 255 / var(--tw-border-opacity)); -} - -.active\:border-primary:active{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -.active\:bg-\[\#1B44C8\]:active{ - --tw-bg-opacity: 1; - background-color: rgb(27 68 200 / var(--tw-bg-opacity)); -} - -.active\:bg-blue-light-3:active{ - --tw-bg-opacity: 1; - background-color: rgb(173 188 242 / var(--tw-bg-opacity)); -} - -.active\:bg-blue-light-5:active{ - --tw-bg-opacity: 1; - background-color: rgb(225 232 255 / var(--tw-bg-opacity)); -} - -.disabled\:border-gray-3:disabled{ - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); -} - -.disabled\:bg-gray-3:disabled{ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.disabled\:text-dark-5:disabled{ - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.group:hover .group-hover\:border-primary{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -.group:hover .group-hover\:border-white{ - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - -.group:hover .group-hover\:bg-primary{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.group:hover .group-hover\:bg-white{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.group:hover .group-hover\:text-body-color{ - --tw-text-opacity: 1; - color: rgb(99 115 129 / var(--tw-text-opacity)); -} - -.group:hover .group-hover\:text-primary{ - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); -} - -.group:hover .group-hover\:text-white{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.group:hover .group-hover\:opacity-100{ - opacity: 1; -} - -.peer:checked ~ .peer-checked\:translate-x-full{ - --tw-translate-x: 100%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.peer:checked ~ .peer-checked\:border-primary{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-\[\#EAEEFB\]{ - --tw-bg-opacity: 1; - background-color: rgb(234 238 251 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-primary{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-primary\/10{ - background-color: rgb(55 88 249 / 0.1); -} - -.peer:checked ~ .peer-checked\:bg-white{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:text-white{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.group:has(:checked) .group-has-\[\:checked\]\:bg-primary{ - --tw-bg-opacity: 1; - background-color: rgb(55 88 249 / var(--tw-bg-opacity)); -} - -.group:has(:checked) .group-has-\[\:checked\]\:bg-white{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.group:has(:checked) .group-has-\[\:checked\]\:opacity-100{ - opacity: 1; -} - -@media not all and (min-width: 540px){ - .max-sm\:hidden{ - display: none; - } +.mapFour .jvm-zoom-btn.jvm-zoomin { + right: calc(var(--spacing) * 9); } - -@media (min-width: 400px){ - .xs\:block{ - display: block; - } - - .xs\:min-w-\[368px\]{ - min-width: 368px; - } - - .xs\:max-w-\[368px\]{ - max-width: 368px; - } +.mapFour .jvm-zoom-btn.jvm-zoomout { + right: calc(var(--spacing) * 0); } - -@media (min-width: 540px){ - .sm\:bottom-0{ - bottom: 0px; - } - - .sm\:-mx-4{ - margin-left: -1rem; - margin-right: -1rem; - } - - .sm\:mb-0{ - margin-bottom: 0px; - } - - .sm\:mb-8{ - margin-bottom: 2rem; - } - - .sm\:mr-4{ - margin-right: 1rem; - } - - .sm\:block{ - display: block; - } - - .sm\:flex{ - display: flex; - } - - .sm\:h-\[46px\]{ - height: 46px; - } - - .sm\:h-\[60px\]{ - height: 60px; - } - - .sm\:h-\[70px\]{ - height: 70px; - } - - .sm\:w-1\/2{ - width: 50%; - } - - .sm\:w-2\/3{ - width: 66.666667%; +@layer base { + .snap { + scroll-snap-type: x mandatory; + scroll-behavior: smooth; } - - .sm\:w-\[46px\]{ - width: 46px; - } - - .sm\:w-\[47px\]{ - width: 47px; - } - - .sm\:min-w-\[508px\]{ - min-width: 508px; - } - - .sm\:max-w-\[508px\]{ - max-width: 508px; - } - - .sm\:max-w-\[60px\]{ - max-width: 60px; - } - - .sm\:max-w-\[70px\]{ - max-width: 70px; - } - - .sm\:flex-row{ - flex-direction: row; - } - - .sm\:gap-4{ - gap: 1rem; - } - - .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); - } - - .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); - } - - .sm\:p-10{ - padding: 2.5rem; - } - - .sm\:p-12{ - padding: 3rem; - } - - .sm\:p-14{ - padding: 3.5rem; - } - - .sm\:p-6{ - padding: 1.5rem; - } - - .sm\:p-8{ - padding: 2rem; - } - - .sm\:p-9{ - padding: 2.25rem; - } - - .sm\:p-\[30px\]{ - padding: 30px; - } - - .sm\:px-12{ - padding-left: 3rem; - padding-right: 3rem; - } - - .sm\:px-4{ - padding-left: 1rem; - padding-right: 1rem; - } - - .sm\:px-6{ - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .sm\:px-\[30px\]{ - padding-left: 30px; - padding-right: 30px; - } - - .sm\:py-4{ - padding-top: 1rem; - padding-bottom: 1rem; - } - - .sm\:py-\[30px\]{ - padding-top: 30px; - padding-bottom: 30px; - } - - .sm\:pr-10{ - padding-right: 2.5rem; - } - - .sm\:text-left{ - text-align: left; - } - - .sm\:text-2xl{ - font-size: 1.5rem; - line-height: 2rem; - } - - .sm\:text-4xl{ - font-size: 2.25rem; - line-height: 2.5rem; - } - - .sm\:text-\[22px\]{ - font-size: 22px; - } - - .sm\:text-\[28px\]{ - font-size: 28px; - } - - .sm\:text-\[40px\]{ - font-size: 40px; - } - - .sm\:text-\[40px\]\/\[48px\]{ - font-size: 40px; - line-height: 48px; - } - - .sm\:text-\[42px\]{ - font-size: 42px; - } - - .sm\:text-\[80px\]{ - font-size: 80px; + .snap::-webkit-scrollbar { + display: none; } - - .sm\:text-lg{ - font-size: 1.125rem; - line-height: 1.75rem; + .snap > img { + scroll-snap-align: center; } -} - -@media (min-width: 720px){ - .md\:mb-0{ - margin-bottom: 0px; + .navbarTogglerActive > span:nth-child(1) { + transform: rotate(45deg); + top: 7px; } - - .md\:mb-16{ - margin-bottom: 4rem; + .navbarTogglerActive > span:nth-child(2) { + opacity: 0; } - - .md\:mr-12{ - margin-right: 3rem; + .navbarTogglerActive > span:nth-child(3) { + top: -8px; + transform: rotate(135deg); } - - .md\:inline-block{ - display: inline-block; + .shape-gradient { + background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(196, 196, 196, 0) 100%); } - - .md\:flex{ - display: flex; + .container { + margin-left: auto; + margin-r-ight: auto; + padding-left: 16px; + padding-r-ight: 16px; } - - .md\:h-\[100px\]{ - height: 100px; + input[type="checkbox"]:checked ~ .box span { + opacity: 1; } - - .md\:h-\[450px\]{ - height: 450px; + input[type="radio"]:checked ~ .box .circle { + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .md\:w-1\/2{ - width: 50%; + input[type="radio"]:checked ~ .box span { + opacity: 1; } - - .md\:w-11\/12{ - width: 91.666667%; + .payment:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } + background-opacity: 8%; } - - .md\:w-\[100px\]{ - width: 100px; + .shipping:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } } - - .md\:min-w-\[630px\]{ - min-width: 630px; + .shipping:checked ~ label .title { + color { + -d-e-f-a-u-l-t: #3758F9; + } } - - .md\:max-w-\[250px\]{ - max-width: 250px; + .color:checked ~ label span { + width: 8px; + height: 8px; } - - .md\:max-w-\[315px\]{ - max-width: 315px; + .productColor:checked ~ label span { + height: 28px; + width: 28px; } - - .md\:max-w-\[630px\]{ - max-width: 630px; + .productColor2:checked ~ label span { + height: 12px; + width: 12px; } - - .md\:columns-2{ - -moz-columns: 2; - columns: 2; + .filter-size:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } + color: #fff; } - - .md\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)); + .filter-size-2:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } + background-opacity: 10%; } - - .md\:flex-row{ - flex-direction: row; + .ram-size:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + color { + -d-e-f-a-u-l-t: #3758F9; + } } - - .md\:flex-nowrap{ - flex-wrap: nowrap; + .download-radio:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .md\:gap-6{ - gap: 1.5rem; + .download-radio:checked ~ label span { + color: #fff; } - - .md\:space-x-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(2rem * var(--tw-space-x-reverse)); - margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); + .download-radio:checked ~ label .icon { + opacity: 1; } - - .md\:rounded-b-none{ - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; + .noUi-base { + background: #fff; } - - .md\:border-b{ - border-bottom-width: 1px; + .dark-mode .noUi-base { + background: undefined; } - - .md\:border-b-0{ - border-bottom-width: 0px; + .apexcharts-text { + fill: #637381; } - - .md\:border-transparent{ - border-color: transparent; + .dark-mode .apexcharts-text { + fill: undefined; } - - .md\:p-10{ - padding: 2.5rem; - } - - .md\:p-7{ - padding: 1.75rem; - } - - .md\:p-9{ - padding: 2.25rem; - } - - .md\:p-\[70px\]{ - padding: 70px; - } - - .md\:px-10{ - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .md\:px-7{ - padding-left: 1.75rem; - padding-right: 1.75rem; - } - - .md\:px-8{ - padding-left: 2rem; - padding-right: 2rem; - } - - .md\:px-\[60px\]{ - padding-left: 60px; - padding-right: 60px; - } - - .md\:px-\[70px\]{ - padding-left: 70px; - padding-right: 70px; - } - - .md\:py-3{ - padding-top: 0.75rem; - padding-bottom: 0.75rem; - } - - .md\:py-5{ - padding-top: 1.25rem; - padding-bottom: 1.25rem; - } - - .md\:py-\[60px\]{ - padding-top: 60px; - padding-bottom: 60px; - } - - .md\:text-\[100px\]{ - font-size: 100px; - } - - .md\:text-\[40px\]{ - font-size: 40px; - } - - .md\:text-\[40px\]\/\[48px\]{ - font-size: 40px; - line-height: 48px; - } - - .md\:text-base{ - font-size: 1rem; - line-height: 1.5rem; - } - - .md\:text-xl{ - font-size: 1.25rem; - line-height: 1.75rem; - } -} - -@media (min-width: 960px){ - .lg\:static{ - position: static; - } - - .lg\:absolute{ - position: absolute; + .apexcharts-legend-text { + color: #637381; } - - .lg\:left-0{ - left: 0px; + .dark-mode .apexcharts-legend-text { + color: undefined; } - - .lg\:top-full{ - top: 100%; + .apexcharts-xcrosshairs { + fill { + -d-e-f-a-u-l-t: #DFE4EA; + } } - - .lg\:mb-0{ - margin-bottom: 0px; + .dark-mode .apexcharts-xcrosshairs { + fill: undefined; } - - .lg\:mb-20{ - margin-bottom: 5rem; + .apexcharts-gridline { + fill { + -d-e-f-a-u-l-t: #DFE4EA; + } } - - .lg\:ml-10{ - margin-left: 2.5rem; + .dark-mode .apexcharts-gridline { + fill: undefined; } - - .lg\:ml-12{ - margin-left: 3rem; + .apexcharts-legend-marker { + top: 0; } - - .lg\:ml-auto{ - margin-left: auto; + .chart-10 .apexcharts-tooltip-text { + color: #fff; } - - .lg\:mr-14{ - margin-right: 3.5rem; + .priceSlideOne .noUi-target { + margin-top: 32px; + border: none; + background: #f4f7ff; + box-shadow: none; } - - .lg\:mr-3{ - margin-right: 0.75rem; + .priceSlideOne .noUi-connects { + height: 6px; + border-radius: 99999; + background: #d4d9e8; } - - .lg\:mt-0{ - margin-top: 0px; + .dark-mode .priceSlideOne .noUi-connects { + background: undefined; } - - .lg\:block{ - display: block; + .priceSlideOne .noUi-connect { + height: 6px; + border-radius: 999px; + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .lg\:flex{ - display: flex; + .priceSlideOne .noUi-horizontal .noUi-handle { + top: -8px; + height: 22px; + width: 22px; + border: 6px solid; + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background: #fff; + box-shadow: none; + } + .dark-mode .priceSlideOne .noUi-horizontal .noUi-handle { + background: undefined; + } + .priceSlideTwo .noUi-target { + margin-top: 32px; + border: none; + background: #fff; + box-shadow: none; + } + .priceSlideTwo .noUi-connects { + height: 4px; + border-radius: 99999; + background: #d4d9e8; + } + .priceSlideTwo .noUi-connect { + height: 4px; + border-radius: 99999; + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .lg\:inline-flex{ - display: inline-flex; + .priceSlideTwo .noUi-horizontal .noUi-handle { + top: -12px; + height: 30px; + width: 30px; + border-radius: 999px; + border: 1px solid; + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background: #fff; } - - .lg\:hidden{ + .noUi-horizontal .noUi-handle:after { display: none; } - - .lg\:w-1\/12{ - width: 8.333333%; - } - - .lg\:w-1\/2{ - width: 50%; - } - - .lg\:w-1\/3{ - width: 33.333333%; - } - - .lg\:w-1\/4{ - width: 25%; - } - - .lg\:w-10\/12{ - width: 83.333333%; - } - - .lg\:w-2\/12{ - width: 16.666667%; - } - - .lg\:w-3\/12{ - width: 25%; - } - - .lg\:w-5\/12{ - width: 41.666667%; - } - - .lg\:w-6\/12{ - width: 50%; - } - - .lg\:w-\[630px\]{ - width: 630px; - } - - .lg\:w-\[850px\]{ - width: 850px; + .noUi-horizontal .noUi-handle:before { + display: none; } - - .lg\:w-auto{ - width: auto; + #activityChart .apexcharts-legend-series { + margin-right: 20px !important; } - - .lg\:w-full{ - width: 100%; + .checkbox-list:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .lg\:min-w-\[738px\]{ - min-width: 738px; + .checkbox-list:checked ~ label .icon { + opacity: 1; } - - .lg\:max-w-\[250px\]{ - max-width: 250px; + .box-select-1:checked ~ label .box { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .lg\:max-w-\[280px\]{ - max-width: 280px; + .box-select-1:checked ~ label .box .icon { + opacity: 1; } - - .lg\:max-w-\[738px\]{ - max-width: 738px; + .box-select-1:checked ~ label div.user-box { + background: #F8FAFC; } - - .lg\:max-w-full{ - max-width: 100%; + .select-list:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + color { + -d-e-f-a-u-l-t: #3758F9; + } } - - .lg\:columns-3{ - -moz-columns: 3; - columns: 3; + .select-list:checked ~ label .icon { + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .lg\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)); + .tableCheckbox:checked ~ label .icon-box { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .lg\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)); + .tableCheckbox:checked ~ label .icon { + opacity: 1; } - - .lg\:flex-row{ - flex-direction: row; + .tableCheckbox-2:checked ~ label { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } } - - .lg\:justify-end{ - justify-content: flex-end; + .tableCheckbox-2:checked ~ label .icon { + color: #fff; + opacity: 1; } - - .lg\:justify-center{ + .jvm-zoom-btn { + top: auto; + bottom: 0; + left: auto; + display: flex; + height: 32px; + width: 32px; + align-items: center; justify-content: center; - } - - .lg\:justify-between{ - justify-content: space-between; - } - - .lg\:gap-x-5{ - -moz-column-gap: 1.25rem; - column-gap: 1.25rem; - } - - .lg\:space-x-14 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0; - margin-right: calc(3.5rem * var(--tw-space-x-reverse)); - margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); - } - - .lg\:rounded-xl{ - border-radius: 0.75rem; - } - - .lg\:bg-transparent{ - background-color: transparent; - } - - .lg\:p-8{ - padding: 2rem; - } - - .lg\:px-10{ - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .lg\:px-12{ - padding-left: 3rem; - padding-right: 3rem; - } - - .lg\:px-4{ - padding-left: 1rem; - padding-right: 1rem; - } - - .lg\:px-6{ - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .lg\:px-7{ - padding-left: 1.75rem; - padding-right: 1.75rem; - } - - .lg\:px-8{ - padding-left: 2rem; - padding-right: 2rem; - } - - .lg\:py-10{ - padding-top: 2.5rem; - padding-bottom: 2.5rem; - } - - .lg\:py-4{ - padding-top: 1rem; - padding-bottom: 1rem; - } - - .lg\:py-5{ - padding-top: 1.25rem; - padding-bottom: 1.25rem; - } - - .lg\:py-7{ - padding-top: 1.75rem; - padding-bottom: 1.75rem; - } - - .lg\:py-\[100px\]{ - padding-top: 100px; - padding-bottom: 100px; - } - - .lg\:py-\[120px\]{ - padding-top: 120px; - padding-bottom: 120px; - } - - .lg\:pb-20{ - padding-bottom: 5rem; - } - - .lg\:pb-24{ - padding-bottom: 6rem; - } - - .lg\:pb-\[120px\]{ - padding-bottom: 120px; - } - - .lg\:pb-\[90px\]{ - padding-bottom: 90px; - } - - .lg\:pl-\[120px\]{ - padding-left: 120px; - } - - .lg\:pr-0{ - padding-right: 0px; - } - - .lg\:pt-0{ - padding-top: 0px; - } - - .lg\:pt-\[120px\]{ - padding-top: 120px; - } - - .lg\:pt-\[150px\]{ - padding-top: 150px; - } - - .lg\:text-right{ - text-align: right; - } - - .lg\:text-2xl{ - font-size: 1.5rem; - line-height: 2rem; - } - - .lg\:text-5xl{ - font-size: 3rem; - line-height: 1; - } - - .lg\:text-\[22px\]{ - font-size: 22px; - } - - .lg\:text-\[36px\]{ - font-size: 36px; - } - - .lg\:text-\[40px\]{ - font-size: 40px; - } - - .lg\:text-base{ - font-size: 1rem; - line-height: 1.5rem; - } - - .lg\:text-xl{ - font-size: 1.25rem; - line-height: 1.75rem; - } - - .lg\:shadow-lg{ - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .lg\:shadow-none{ - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } -} - -@media (min-width: 1140px){ - .xl\:ml-11{ - margin-left: 2.75rem; - } - - .xl\:mr-4{ - margin-right: 1rem; - } - - .xl\:w-1\/2{ - width: 50%; - } - - .xl\:w-1\/3{ - width: 33.333333%; - } - - .xl\:w-1\/4{ - width: 25%; - } - - .xl\:w-5\/12{ - width: 41.666667%; - } - - .xl\:w-6\/12{ - width: 50%; - } - - .xl\:w-8\/12{ - width: 66.666667%; - } - - .xl\:max-w-\[310px\]{ - max-width: 310px; - } - - .xl\:max-w-\[315px\]{ - max-width: 315px; - } - - .xl\:gap-\[50px\]{ - gap: 50px; - } - - .xl\:p-9{ - padding: 2.25rem; - } - - .xl\:p-\[50px\]{ - padding: 50px; - } - - .xl\:px-10{ - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .xl\:px-8{ - padding-left: 2rem; - padding-right: 2rem; - } - - .xl\:px-\[60px\]{ - padding-left: 60px; - padding-right: 60px; - } - - .xl\:pb-0{ - padding-bottom: 0px; - } - - .xl\:text-2xl{ - font-size: 1.5rem; - line-height: 2rem; - } - - .xl\:text-5xl{ - font-size: 3rem; - line-height: 1; - } - - .xl\:text-\[28px\]{ - font-size: 28px; - } - - .xl\:text-\[40px\]{ - font-size: 40px; - } - - .xl\:text-xl{ - font-size: 1.25rem; - line-height: 1.75rem; - } - - .xl\:leading-\[1\.43\]{ - line-height: 1.43; - } -} - -@media (min-width: 1320px){ - .\32xl\:bottom-8{ - bottom: 2rem; - } - - .\32xl\:mr-16{ - margin-right: 4rem; - } - - .\32xl\:w-\[180px\]{ - width: 180px; - } - - .\32xl\:min-w-\[910px\]{ - min-width: 910px; - } - - .\32xl\:max-w-\[910px\]{ - max-width: 910px; - } - - .\32xl\:pl-\[78px\]{ - padding-left: 78px; - } - - .\32xl\:text-\[22px\]{ - font-size: 22px; + border-radius: 4px; + border: .5px solid #E7E7E7; + background: #f4f7ff; + font-weight: semibold; + line-height: none; + color: #637381; + } + .jvm-zoom-btn:hover { + borderColor { + -d-e-f-a-u-l-t: #3758F9; + } + background { + -d-e-f-a-u-l-t: #3758F9; + } + color: #fff; + } + .mapOne .jvm-zoom-btn { + top: auto; + bottom: 0; + left: auto; + } + .mapOne .jvm-zoom-btn.jvm-zoomin { + right: 36px; + } + .mapOne .jvm-zoom-btn.jvm-zoomout { + right: 0; + } + .mapTwo .jvm-zoom-btn { + top: auto; + bottom: 0; + } + .mapTwo .jvm-zoom-btn.jvm-zoomin { + left: 0; + } + .mapTwo .jvm-zoom-btn.jvm-zoomout { + left: 36px; + } + .mapFour .jvm-zoom-btn { + top: -80px; + } + .mapFour .jvm-zoom-btn.jvm-zoomin { + right: 36px; + } + .mapFour .jvm-zoom-btn.jvm-zoomout { + right: 0; + } +} +@property --tw-translate-x { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-translate-y { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-translate-z { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-scale-x { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-scale-y { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-scale-z { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-rotate-x { + syntax: "*"; + inherits: false; + initial-value: rotateX(0); +} +@property --tw-rotate-y { + syntax: "*"; + inherits: false; + initial-value: rotateY(0); +} +@property --tw-rotate-z { + syntax: "*"; + inherits: false; + initial-value: rotateZ(0); +} +@property --tw-skew-x { + syntax: "*"; + inherits: false; + initial-value: skewX(0); +} +@property --tw-skew-y { + syntax: "*"; + inherits: false; + initial-value: skewY(0); +} +@property --tw-space-y-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-space-x-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-divide-y-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} +@property --tw-gradient-position { + syntax: "*"; + inherits: false; +} +@property --tw-gradient-from { + syntax: ""; + inherits: false; + initial-value: #0000; +} +@property --tw-gradient-via { + syntax: ""; + inherits: false; + initial-value: #0000; +} +@property --tw-gradient-to { + syntax: ""; + inherits: false; + initial-value: #0000; +} +@property --tw-gradient-stops { + syntax: "*"; + inherits: false; +} +@property --tw-gradient-via-stops { + syntax: "*"; + inherits: false; +} +@property --tw-gradient-from-position { + syntax: ""; + inherits: false; + initial-value: 0%; +} +@property --tw-gradient-via-position { + syntax: ""; + inherits: false; + initial-value: 50%; +} +@property --tw-gradient-to-position { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-leading { + syntax: "*"; + inherits: false; +} +@property --tw-font-weight { + syntax: "*"; + inherits: false; +} +@property --tw-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-inset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-inset-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-ring-color { + syntax: "*"; + inherits: false; +} +@property --tw-ring-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-inset-ring-color { + syntax: "*"; + inherits: false; +} +@property --tw-inset-ring-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-ring-inset { + syntax: "*"; + inherits: false; +} +@property --tw-ring-offset-width { + syntax: ""; + inherits: false; + initial-value: 0px; +} +@property --tw-ring-offset-color { + syntax: "*"; + inherits: false; + initial-value: #fff; +} +@property --tw-ring-offset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-blur { + syntax: "*"; + inherits: false; +} +@property --tw-brightness { + syntax: "*"; + inherits: false; +} +@property --tw-contrast { + syntax: "*"; + inherits: false; +} +@property --tw-grayscale { + syntax: "*"; + inherits: false; +} +@property --tw-hue-rotate { + syntax: "*"; + inherits: false; +} +@property --tw-invert { + syntax: "*"; + inherits: false; +} +@property --tw-opacity { + syntax: "*"; + inherits: false; +} +@property --tw-saturate { + syntax: "*"; + inherits: false; +} +@property --tw-sepia { + syntax: "*"; + inherits: false; +} +@property --tw-drop-shadow { + syntax: "*"; + inherits: false; +} +@property --tw-duration { + syntax: "*"; + inherits: false; +} +@property --tw-content { + syntax: "*"; + initial-value: ""; + inherits: false; +} +@keyframes spin { + to { + transform: rotate(360deg); } } - -@media (prefers-color-scheme: dark){ - .dark\:block{ - display: block; - } - - .dark\:inline-block{ - display: inline-block; - } - - .dark\:hidden{ - display: none; - } - - .dark\:divide-dark-3 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-divide-opacity)); - } - - .dark\:border-dark{ - --tw-border-opacity: 1; - border-color: rgb(17 25 40 / var(--tw-border-opacity)); - } - - .dark\:border-dark-2{ - --tw-border-opacity: 1; - border-color: rgb(31 42 55 / var(--tw-border-opacity)); - } - - .dark\:border-dark-3{ - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); - } - - .dark\:border-dark-4{ - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); - } - - .dark\:border-green{ - --tw-border-opacity: 1; - border-color: rgb(34 173 92 / var(--tw-border-opacity)); - } - - .dark\:border-primary{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - } - - .dark\:border-transparent{ - border-color: transparent; - } - - .dark\:border-white\/10{ - border-color: rgb(255 255 255 / 0.1); - } - - .dark\:border-white\/20{ - border-color: rgb(255 255 255 / 0.2); - } - - .dark\:border-white\/5{ - border-color: rgb(255 255 255 / 0.05); - } - - .dark\:bg-dark{ - --tw-bg-opacity: 1; - background-color: rgb(17 25 40 / var(--tw-bg-opacity)); - } - - .dark\:bg-dark-2{ - --tw-bg-opacity: 1; - background-color: rgb(31 42 55 / var(--tw-bg-opacity)); - } - - .dark\:bg-dark-3{ - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); - } - - .dark\:bg-dark-4{ - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); - } - - .dark\:bg-dark-5{ - --tw-bg-opacity: 1; - background-color: rgb(107 114 128 / var(--tw-bg-opacity)); - } - - .dark\:bg-gray-2{ - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); - } - - .dark\:bg-gray\/10{ - background-color: rgb(249 250 251 / 0.1); - } - - .dark\:bg-primary\/10{ - background-color: rgb(55 88 249 / 0.1); - } - - .dark\:bg-primary\/5{ - background-color: rgb(55 88 249 / 0.05); - } - - .dark\:bg-red-dark{ - --tw-bg-opacity: 1; - background-color: rgb(225 14 14 / var(--tw-bg-opacity)); - } - - .dark\:bg-white{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - } - - .dark\:bg-white\/10{ - background-color: rgb(255 255 255 / 0.1); - } - - .dark\:bg-white\/5{ - background-color: rgb(255 255 255 / 0.05); - } - - .dark\:from-dark-4{ - --tw-gradient-from: #4B5563 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); - } - - .dark\:to-dark-5{ - --tw-gradient-to: #6B7280 var(--tw-gradient-to-position); - } - - .dark\:text-dark-4{ - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); - } - - .dark\:text-dark-6{ - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); - } - - .dark\:text-dark-7{ - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); - } - - .dark\:text-gray{ - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); - } - - .dark\:text-gray-1{ - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); - } - - .dark\:text-gray-2{ - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); - } - - .dark\:text-light{ - --tw-text-opacity: 1; - color: rgb(239 239 239 / var(--tw-text-opacity)); - } - - .dark\:text-primary{ - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); - } - - .dark\:text-red{ - --tw-text-opacity: 1; - color: rgb(242 48 48 / var(--tw-text-opacity)); - } - - .dark\:text-white{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - } - - .dark\:placeholder-dark-5::-moz-placeholder{ - --tw-placeholder-opacity: 1; - color: rgb(107 114 128 / var(--tw-placeholder-opacity)); - } - - .dark\:placeholder-dark-5::placeholder{ - --tw-placeholder-opacity: 1; - color: rgb(107 114 128 / var(--tw-placeholder-opacity)); - } - - .dark\:opacity-20{ - opacity: 0.2; - } - - .dark\:opacity-30{ - opacity: 0.3; - } - - .dark\:shadow-\[0px_20px_95px_0px_rgba\(0\2c 0\2c 0\2c 0\.30\)\]{ - --tw-shadow: 0px 20px 95px 0px rgba(0,0,0,0.30); - --tw-shadow-colored: 0px 20px 95px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .dark\:shadow-box-dark{ - --tw-shadow: 0px 10px 15px 0px rgba(5, 13, 29, 0.18); - --tw-shadow-colored: 0px 10px 15px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .dark\:shadow-card{ - --tw-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12); - --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .dark\:shadow-none{ - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .dark\:file\:border-dark-3::file-selector-button{ - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); - } - - .dark\:file\:bg-dark-3::file-selector-button{ - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); - } - - .dark\:file\:bg-white\/5::file-selector-button{ - background-color: rgb(255 255 255 / 0.05); - } - - .dark\:file\:text-white::file-selector-button{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - } - - .dark\:hover\:border-dark:hover{ - --tw-border-opacity: 1; - border-color: rgb(17 25 40 / var(--tw-border-opacity)); - } - - .dark\:hover\:border-dark-3:hover{ - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); - } - - .dark\:hover\:border-primary:hover{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - } - - .dark\:hover\:bg-dark:hover{ - --tw-bg-opacity: 1; - background-color: rgb(17 25 40 / var(--tw-bg-opacity)); - } - - .dark\:hover\:bg-dark-3:hover{ - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); - } - - .dark\:hover\:bg-primary\/5:hover{ - background-color: rgb(55 88 249 / 0.05); - } - - .dark\:hover\:bg-white\/10:hover{ - background-color: rgb(255 255 255 / 0.1); - } - - .dark\:hover\:bg-white\/5:hover{ - background-color: rgb(255 255 255 / 0.05); - } - - .dark\:hover\:text-dark-6:hover{ - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); - } - - .dark\:hover\:text-primary:hover{ - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); - } - - .dark\:hover\:text-white:hover{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - } - - .dark\:hover\:shadow-3:hover{ - --tw-shadow: 0px 4px 12px 0px rgba(13, 10, 44, 0.06); - --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .dark\:hover\:drop-shadow-none:hover{ - --tw-drop-shadow: drop-shadow(0 0 #0000); - 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); - } - - .dark\:file\:hover\:bg-white\/10:hover::file-selector-button{ - background-color: rgb(255 255 255 / 0.1); - } - - .dark\:focus\:border-primary:focus{ - --tw-border-opacity: 1; - border-color: rgb(55 88 249 / var(--tw-border-opacity)); - } - - .group:hover .dark\:group-hover\:text-primary{ - --tw-text-opacity: 1; - color: rgb(55 88 249 / var(--tw-text-opacity)); - } - - .peer:checked ~ .peer-checked\:dark\:bg-dark-3{ - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); - } - - .peer:checked ~ .peer-checked\:dark\:bg-white{ - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - } -} - -@media (min-width: 960px){ - @media (prefers-color-scheme: dark){ - .lg\:dark\:bg-transparent{ - background-color: transparent; - } +@keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; } } diff --git a/core-components/avatars/avatars-03.html b/core-components/avatars/avatars-03.html index 7d731e9..07c986b 100644 --- a/core-components/avatars/avatars-03.html +++ b/core-components/avatars/avatars-03.html @@ -17,39 +17,39 @@
-
+
avatar
-
+
avatar
-
+
avatar
-
+
avatar
-
+
avatar
diff --git a/core-components/avatars/avatars-07.html b/core-components/avatars/avatars-07.html index ae16833..1e7f548 100644 --- a/core-components/avatars/avatars-07.html +++ b/core-components/avatars/avatars-07.html @@ -17,51 +17,51 @@
-
+
avatar
-
+
avatar
-
+
avatar
-
+
avatar
-
+
avatar Profile Settings Sign Out @@ -102,23 +102,23 @@
Profile Settings Sign Out @@ -159,23 +159,23 @@
Profile Settings Sign Out diff --git a/core-components/badges/badges.html b/core-components/badges/badges.html index 2f73e5c..5efe63a 100644 --- a/core-components/badges/badges.html +++ b/core-components/badges/badges.html @@ -18,47 +18,47 @@
Primary Secondary Dark Gray Light Warning Danger Success Info @@ -66,47 +66,47 @@
Primary Secondary Dark Gray Light Warning Danger Success Info @@ -210,47 +210,47 @@
Primary Secondary Dark Gray Light Warning Danger Success Info diff --git a/core-components/breadcrumbs/breadcrumbs.html b/core-components/breadcrumbs/breadcrumbs.html index 993a963..540d6c2 100644 --- a/core-components/breadcrumbs/breadcrumbs.html +++ b/core-components/breadcrumbs/breadcrumbs.html @@ -1,823 +1,513 @@ - - - - - Breadcrumbs | TailGrids - - - - - -
-
-
-
- -
+ + + + + + Breadcrumbs | TailGrids + + + + + + +
+
+
+
+
+
-
-
-
+
-
-
- -
+
+
+
+
-
-
-
+
-
-
- -
+
+
+
+
-
-
-
+
-
-
-
+
-
-
-
+
-
-
-
+
-
-
-
-
- - - +
+
+ + + + \ No newline at end of file diff --git a/core-components/clipboards/clipboard-01.html b/core-components/clipboards/clipboard-01.html index 45da38b..d6f3748 100644 --- a/core-components/clipboards/clipboard-01.html +++ b/core-components/clipboards/clipboard-01.html @@ -23,7 +23,7 @@ type="text" x-model="inputValue" x-ref="inputField" - class="h-12 w-full rounded-lg border border-stroke bg-transparent px-5 py-3 text-dark outline-none duration-200 selection:bg-transparent focus:border-primary dark:border-dark-3 dark:text-white" + class="h-12 w-full rounded-lg border border-stroke bg-transparent px-5 py-3 text-dark outline-hidden duration-200 selection:bg-transparent focus:border-primary dark:border-dark-3 dark:text-white" /> - -
+
+ +
+ +
-
- - - + - // Close datepicker when clicking outside - document.addEventListener('click', function (event) { - if (!datepicker.contains(event.target) && !datepickerContainer.contains(event.target)) { - datepickerContainer.classList.add('hidden'); - } - }); - - - + \ No newline at end of file diff --git a/core-components/date-picker/date-picker-02.html b/core-components/date-picker/date-picker-02.html index 5ef4acb..6980ee9 100644 --- a/core-components/date-picker/date-picker-02.html +++ b/core-components/date-picker/date-picker-02.html @@ -22,7 +22,7 @@ id="datepicker" type="text" placeholder="Pick a date" - class="h-12 w-full appearance-none rounded-lg border border-stroke bg-white pl-12 pr-4 text-dark outline-none focus:border-primary dark:border-dark-3 dark:bg-dark-2 dark:text-white" + class="h-12 w-full appearance-none rounded-lg border border-stroke bg-white pl-12 pr-4 text-dark outline-hidden focus:border-primary dark:border-dark-3 dark:bg-dark-2 dark:text-white" /> diff --git a/core-components/date-picker/date-picker-03.html b/core-components/date-picker/date-picker-03.html index 9664ae2..3f4a327 100644 --- a/core-components/date-picker/date-picker-03.html +++ b/core-components/date-picker/date-picker-03.html @@ -64,7 +64,7 @@ diff --git a/core-components/date-picker/date-picker-04.html b/core-components/date-picker/date-picker-04.html index 73b4632..386f945 100644 --- a/core-components/date-picker/date-picker-04.html +++ b/core-components/date-picker/date-picker-04.html @@ -65,7 +65,7 @@ diff --git a/core-components/file-uploads/file-upload-01.html b/core-components/file-uploads/file-upload-01.html index 2fdb264..a46d91c 100644 --- a/core-components/file-uploads/file-upload-01.html +++ b/core-components/file-uploads/file-upload-01.html @@ -25,7 +25,7 @@
diff --git a/core-components/file-uploads/file-upload-02.html b/core-components/file-uploads/file-upload-02.html index 07b972e..b856c7f 100644 --- a/core-components/file-uploads/file-upload-02.html +++ b/core-components/file-uploads/file-upload-02.html @@ -25,7 +25,7 @@
diff --git a/core-components/input-range/input-range-02.html b/core-components/input-range/input-range-02.html index fdbaf82..a9ceef2 100644 --- a/core-components/input-range/input-range-02.html +++ b/core-components/input-range/input-range-02.html @@ -72,14 +72,14 @@
diff --git a/core-components/input-range/input-range-03.html b/core-components/input-range/input-range-03.html index e2a3b04..75382b0 100644 --- a/core-components/input-range/input-range-03.html +++ b/core-components/input-range/input-range-03.html @@ -72,7 +72,7 @@
@@ -80,7 +80,7 @@
diff --git a/core-components/inputs/input.html b/core-components/inputs/input.html index 1012f96..8c1b2d4 100644 --- a/core-components/inputs/input.html +++ b/core-components/inputs/input.html @@ -29,7 +29,7 @@ type="text" name="default-input" placeholder="Enter you full name" - class="w-full rounded-lg border border-stroke bg-transparent px-5 py-3 text-dark placeholder-dark-6 outline-none focus:border-primary dark:border-dark-3 dark:text-white dark:placeholder-dark-5" + class="w-full rounded-lg border border-stroke bg-transparent px-5 py-3 text-dark placeholder-dark-6 outline-hidden focus:border-primary dark:border-dark-3 dark:text-white dark:placeholder-dark-5" />
@@ -43,7 +43,7 @@ type="text" name="default-input" placeholder="Enter you full name" - class="w-full rounded-lg border border-stroke bg-transparent px-5 py-3 text-dark placeholder-dark-6 outline-none focus:border-primary dark:border-dark-3 dark:text-white dark:placeholder-dark-5" + class="w-full rounded-lg border border-stroke bg-transparent px-5 py-3 text-dark placeholder-dark-6 outline-hidden focus:border-primary dark:border-dark-3 dark:text-white dark:placeholder-dark-5" />

This is a hint text to help user. @@ -61,7 +61,7 @@ name="default-input" placeholder="Enter you full name" disabled - class="w-full rounded-lg border border-gray-2 bg-gray-2 px-5 py-3 text-dark-6 placeholder-dark-6 outline-none dark:border-dark-3 dark:bg-dark-3 dark:placeholder-dark-5" + class="w-full rounded-lg border border-gray-2 bg-gray-2 px-5 py-3 text-dark-6 placeholder-dark-6 outline-hidden dark:border-dark-3 dark:bg-dark-3 dark:placeholder-dark-5" />

@@ -80,7 +80,7 @@ type="text" name="default-input" placeholder="Enter you full name" - class="w-full rounded-lg border border-stroke bg-transparent py-3 pl-12 pr-4 text-dark placeholder-dark-6 outline-none focus:border-primary dark:border-dark-3 dark:text-white dark:placeholder-dark-5" + class="w-full rounded-lg border border-stroke bg-transparent py-3 pl-12 pr-4 text-dark placeholder-dark-6 outline-hidden focus:border-primary dark:border-dark-3 dark:text-white dark:placeholder-dark-5" />
@@ -447,7 +447,7 @@ type="text" name="default-input" placeholder="Enter you full name" - class="w-full rounded-lg border border-green bg-transparent px-5 py-3 text-dark placeholder-dark-6 outline-none dark:text-white dark:placeholder-dark-5" + class="w-full rounded-lg border border-green bg-transparent px-5 py-3 text-dark placeholder-dark-6 outline-hidden dark:text-white dark:placeholder-dark-5" />

This is a hint text to help user. @@ -465,7 +465,7 @@ type="text" name="default-input" placeholder="Enter you full name" - class="w-full rounded-lg border border-green bg-transparent py-3 pl-12 pr-4 text-dark placeholder-dark-6 outline-none dark:text-white dark:placeholder-dark-5" + class="w-full rounded-lg border border-green bg-transparent py-3 pl-12 pr-4 text-dark placeholder-dark-6 outline-hidden dark:text-white dark:placeholder-dark-5" />

@@ -631,7 +631,7 @@ type="text" name="default-input" placeholder="Enter you full name" - class="w-full rounded-lg border border-red bg-transparent px-5 py-3 text-dark placeholder-dark-6 outline-none dark:text-white dark:placeholder-dark-5" + class="w-full rounded-lg border border-red bg-transparent px-5 py-3 text-dark placeholder-dark-6 outline-hidden dark:text-white dark:placeholder-dark-5" />

This is a hint text to help user. @@ -649,7 +649,7 @@ type="text" name="default-input" placeholder="Enter you full name" - class="w-full rounded-lg border border-red bg-transparent py-3 pl-12 pr-4 text-dark placeholder-dark-6 outline-none dark:text-white dark:placeholder-dark-5" + class="w-full rounded-lg border border-red bg-transparent py-3 pl-12 pr-4 text-dark placeholder-dark-6 outline-hidden dark:text-white dark:placeholder-dark-5" />

  • 1 @@ -85,7 +85,7 @@
  • 2 @@ -93,7 +93,7 @@
  • 3 @@ -101,7 +101,7 @@
  • 4 @@ -109,7 +109,7 @@
  • 5 @@ -124,10 +124,10 @@
    1. 1 @@ -135,10 +135,10 @@
    2. 2 @@ -146,10 +146,10 @@
    3. 3 @@ -157,10 +157,10 @@
    4. 4 @@ -168,10 +168,10 @@
    5. 5 diff --git a/core-components/otp/otp -01.html b/core-components/otp/otp -01.html index 881a4da..309643d 100644 --- a/core-components/otp/otp -01.html +++ b/core-components/otp/otp -01.html @@ -20,22 +20,22 @@
    • diff --git a/core-components/otp/otp-02.html b/core-components/otp/otp-02.html index e4c7f43..39ac514 100644 --- a/core-components/otp/otp-02.html +++ b/core-components/otp/otp-02.html @@ -24,22 +24,22 @@
    diff --git a/core-components/otp/otp-03.html b/core-components/otp/otp-03.html index 7c99aa8..8e455f7 100644 --- a/core-components/otp/otp-03.html +++ b/core-components/otp/otp-03.html @@ -21,22 +21,22 @@

    diff --git a/core-components/otp/otp-04.html b/core-components/otp/otp-04.html index 3cd6848..fdd0c31 100644 --- a/core-components/otp/otp-04.html +++ b/core-components/otp/otp-04.html @@ -24,22 +24,22 @@

    diff --git a/core-components/page-title/page-title-03.html b/core-components/page-title/page-title-03.html index 6d76785..1a1168c 100644 --- a/core-components/page-title/page-title-03.html +++ b/core-components/page-title/page-title-03.html @@ -1,71 +1,52 @@ - - - - - Page Title | TailGrids - - - - - -

    -
    -
    -
    -

    - Your Favorite Items -

    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras - ultrices lectus sem. -

    -
    -
    - -
    + + + + + + Page Title | TailGrids + + + + + + +
    +
    +
    +
    +

    + Your Favorite Items +

    +

    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras + ultrices lectus sem. +

    +
    +
    +
    -
    - - - +
    +
    + + + + \ No newline at end of file diff --git a/core-components/paginations/pagination-03.html b/core-components/paginations/pagination-03.html index 194f33c..e7a2c86 100644 --- a/core-components/paginations/pagination-03.html +++ b/core-components/paginations/pagination-03.html @@ -16,7 +16,7 @@
      50% @@ -74,10 +74,10 @@ class="absolute left-0 top-0 h-full w-[75%] rounded-2xl bg-primary" > 75% @@ -92,10 +92,10 @@ class="absolute left-0 top-0 h-full w-[90%] rounded-2xl bg-primary" > 90% diff --git a/core-components/select/select.html b/core-components/select/select.html index f74c7bf..ebd1b92 100644 --- a/core-components/select/select.html +++ b/core-components/select/select.html @@ -28,7 +28,7 @@
      @@ -196,7 +196,7 @@
      diff --git a/core-components/toasts/toast-06.html b/core-components/toasts/toast-06.html index 5471e89..84cbc5d 100644 --- a/core-components/toasts/toast-06.html +++ b/core-components/toasts/toast-06.html @@ -1,83 +1,61 @@ - - - - - Toast | TailGrids - - - - - -
      -
      -
      -
      -
      - user image -
      -
      -
      - Devid Miller -
      -

      - Started following your -

      -
      + + + + + + Toast | TailGrids + + + + + + +
      +
      +
      +
      +
      + user image
      -
      - - - +
      +
      + Devid Miller +
      +

      + Started following your +

      +
      + + + +
      -
      - - - +
      +
      + + + + \ No newline at end of file diff --git a/core-components/tooltips/tooltips.html b/core-components/tooltips/tooltips.html index f5198d0..bc985d6 100644 --- a/core-components/tooltips/tooltips.html +++ b/core-components/tooltips/tooltips.html @@ -21,7 +21,7 @@
      @@ -29,7 +29,7 @@ class="absolute bottom-full left-1/2 z-20 mb-3 -translate-x-1/2 whitespace-nowrap rounded-[5px] bg-dark px-3 py-2 text-sm font-medium text-white opacity-0 group-hover:opacity-100 dark:bg-dark-2" > Tooltip Text
      @@ -40,7 +40,7 @@
      @@ -48,7 +48,7 @@ class="absolute left-full top-1/2 z-20 ml-3 -translate-y-1/2 whitespace-nowrap rounded-[5px] bg-dark px-3 py-2 text-sm font-medium text-white opacity-0 group-hover:opacity-100 dark:bg-dark-2" > Tooltip Text
      @@ -59,7 +59,7 @@
      @@ -67,7 +67,7 @@ class="absolute left-1/2 top-full z-20 mt-3 -translate-x-1/2 whitespace-nowrap rounded-[5px] bg-dark px-3 py-2 text-sm font-medium text-white opacity-0 group-hover:opacity-100 dark:bg-dark-2" > Tooltip Text
      @@ -78,7 +78,7 @@
      @@ -86,7 +86,7 @@ class="absolute right-full top-1/2 z-20 mr-3 -translate-y-1/2 whitespace-nowrap rounded-[5px] bg-dark px-3 py-2 text-sm font-medium text-white opacity-0 group-hover:opacity-100 dark:bg-dark-2" > Tooltip Text
      @@ -102,7 +102,7 @@
      @@ -121,7 +121,7 @@
      @@ -140,7 +140,7 @@
      @@ -159,7 +159,7 @@
      @@ -183,7 +183,7 @@
      @@ -191,7 +191,7 @@ class="absolute bottom-full left-1/2 z-20 mb-3 -translate-x-1/2 whitespace-nowrap rounded-[5px] bg-primary px-3 py-2 text-sm font-medium text-white opacity-0 group-hover:opacity-100" > Tooltip Text
      @@ -202,7 +202,7 @@
      @@ -210,7 +210,7 @@ class="absolute left-full top-1/2 z-20 ml-3 -translate-y-1/2 whitespace-nowrap rounded-[5px] bg-primary px-3 py-2 text-sm font-medium text-white opacity-0 group-hover:opacity-100" > Tooltip Text
      @@ -221,7 +221,7 @@
      @@ -229,7 +229,7 @@ class="absolute left-1/2 top-full z-20 mt-3 -translate-x-1/2 whitespace-nowrap rounded-[5px] bg-primary px-3 py-2 text-sm font-medium text-white opacity-0 group-hover:opacity-100" > Tooltip Text
      @@ -240,7 +240,7 @@
      @@ -248,7 +248,7 @@ class="absolute right-full top-1/2 z-20 mr-3 -translate-y-1/2 whitespace-nowrap rounded-[5px] bg-primary px-3 py-2 text-sm font-medium text-white opacity-0 group-hover:opacity-100" > Tooltip Text
      diff --git a/marketing/abouts/about-01.html b/marketing/abouts/about-01.html index 9319712..692376e 100644 --- a/marketing/abouts/about-01.html +++ b/marketing/abouts/about-01.html @@ -1,654 +1,198 @@ - - - - - Services | TailGrids - - - - - -
      -
      -
      -
      -
      -
      -
      - -
      -
      - -
      + + + + + + Services | TailGrids + + + + + + +
      +
      +
      +
      +
      +
      +
      +
      -
      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      +
      +
      -
      -
      -
      - - Why Choose Us - -

      - Make your customers happy by giving services. -

      -

      - It is a long established fact that a reader will be distracted - by the readable content of a page when looking at its layout. - The point of using Lorem Ipsum is that it has a more-or-less. -

      -

      - A domain name is one of the first steps to establishing your - brand. Secure a consistent brand image with a domain name that - matches your business. -

      - - Get Started - +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +
      + + Why Choose Us + +

      + Make your customers happy by giving services. +

      +

      + It is a long established fact that a reader will be distracted + by the readable content of a page when looking at its layout. + The point of using Lorem Ipsum is that it has a more-or-less. +

      +

      + A domain name is one of the first steps to establishing your + brand. Secure a consistent brand image with a domain name that + matches your business. +

      + + Get Started + +
      +
      -
      - - - +
      +
      + + + + \ No newline at end of file diff --git a/marketing/call-to-actions/cta-01.html b/marketing/call-to-actions/cta-01.html index d25fe6d..d9ba4d0 100644 --- a/marketing/call-to-actions/cta-01.html +++ b/marketing/call-to-actions/cta-01.html @@ -1,120 +1,75 @@ - - - - - Call To Action | TailGrids - - - - - -
      -
      -
      -
      -
      - - Find Your Next Dream App - -

      - Get started with - our free trial -

      -
      -
      -
      - - Get Pro Version - - - Start Free Trial - -
      -
      -
      -
      - - - - - - - - - - - - - - - - - - - - - + + + + + Call To Action | TailGrids + + + + + + +
      +
      +
      +
      +
      + + Find Your Next Dream App +

      + Get started with + our free trial +

      +
      +
      +
      + + Get Pro Version + + + Start Free Trial + +
      + +
      + + + + + + + + + + + + + + + + + + + + + + +
      -
      - - - +
      +
      + + + + \ No newline at end of file diff --git a/marketing/heros/hero-01.html b/marketing/heros/hero-01.html index e6a4754..cc69dfb 100644 --- a/marketing/heros/hero-01.html +++ b/marketing/heros/hero-01.html @@ -121,7 +121,7 @@

      The Greatest
      Journey Of Online
      diff --git a/marketing/newsletters/newsletter-01.html b/marketing/newsletters/newsletter-01.html index 0a8c494..f971db3 100644 --- a/marketing/newsletters/newsletter-01.html +++ b/marketing/newsletters/newsletter-01.html @@ -1,95 +1,69 @@ - - - - - Form | TailGrids - - - - - -
      -
      -
      -
      -
      -
      -

      - Start Building
      - for Free -

      -

      - And because your company is unique, you will need an - extensible identity solution. -

      -
      - - - - - - - - - - -
      + + + + + + Form | TailGrids + + + + + + +
      +
      +
      +
      +
      +
      +

      + Start Building
      + for Free +

      +

      + And because your company is unique, you will need an + extensible identity solution. +

      +
      + + + + + + + + + +
      -
      -
      -

      - Subscribe Now -

      -
      - - -
      -

      - You will receive every news and pro tips. -

      -
      +
      +
      +
      +

      + Subscribe Now +

      +
      + + +
      +

      + You will receive every news and pro tips. +

      -
      - - - +
      +
      + + + + \ No newline at end of file diff --git a/marketing/pricings/pricing-01.html b/marketing/pricings/pricing-01.html index 3130e73..d3c5746 100644 --- a/marketing/pricings/pricing-01.html +++ b/marketing/pricings/pricing-01.html @@ -1,983 +1,390 @@ - - - - - Pricing | TailGrids - - - - - -
      -
      -
      -
      -
      - - Pricing Table - -

      - Our Pricing Plan -

      -

      - There are many variations of passages of Lorem Ipsum available - but the majority have suffered alteration in some form. -

      -
      + + + + + + Pricing | TailGrids + + + + + + +
      +
      +
      +
      +
      + + Pricing Table + +

      + Our Pricing Plan +

      +

      + There are many variations of passages of Lorem Ipsum available + but the majority have suffered alteration in some form. +

      +
      -
      -
      -
      - - Personal +
      +
      +
      + + Personal + +

      + $59 + + / year -

      - $59 - - / year - -

      -

      - Perfect for using in a personal website or a client project. +

      +

      + Perfect for using in a personal website or a client project. +

      +
      +

      1 User

      +

      + All UI components +

      +

      + Lifetime access

      -
      -

      1 User

      -

      - All UI components -

      -

      - Lifetime access -

      -

      - Free updates -

      -

      - Use on 1 (one) project -

      -

      - 3 Months support -

      -
      - - Choose Personal - +

      + Free updates +

      +

      + Use on 1 (one) project +

      +

      + 3 Months support +

      +
      + + Choose Personal + -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      -
      -
      - - Business +
      +
      +
      + + Business + +

      + $199 + + / year -

      - $199 - - / year - -

      -

      - Perfect for using in a Business website or a client project. + +

      + Perfect for using in a Business website or a client project. +

      +
      +

      + 5 Users +

      +

      + All UI components +

      +

      + Lifetime access

      -
      -

      - 5 Users -

      -

      - All UI components -

      -

      - Lifetime access -

      -

      - Free updates -

      -

      - Use on 3 (Three) project -

      -

      - 4 Months support -

      -
      - - Choose Business - +

      + Free updates +

      +

      + Use on 3 (Three) project +

      +

      + 4 Months support +

      +
      + + Choose Business + -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      -
      -
      - - Professional +
      +
      +
      + + Professional + +

      + $256 + + / year -

      - $256 - - / year - -

      -

      - Perfect for using in a Professional website or a client project. + +

      + Perfect for using in a Professional website or a client project. +

      +
      +

      + Unlimited Users +

      +

      + All UI components

      -
      -

      - Unlimited Users -

      -

      - All UI components -

      -

      - Lifetime access -

      -

      - Free updates -

      -

      - Use on Unlimited project -

      -

      - 12 Months support -

      -
      - - Choose Professional - +

      + Lifetime access +

      +

      + Free updates +

      +

      + Use on Unlimited project +

      +

      + 12 Months support +

      +
      + + Choose Professional + -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      - - - - +
      + + + + + \ No newline at end of file diff --git a/marketing/videos/video-01.html b/marketing/videos/video-01.html index fd617ce..21b3d8c 100644 --- a/marketing/videos/video-01.html +++ b/marketing/videos/video-01.html @@ -1,453 +1,122 @@ - - - - - Video | TailGrids - - - - - - + + + + + Video | TailGrids + + -
      -
      -
      -
      -
      -
      - image -
      -
      - - - - - - -
      + + -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      + + + +
      +
      +
      +
      +
      +
      + image +
      +
      + + + + + + +
      + +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      -
      -
      - -
      - - +
      +
      +
      -
      - - - + + +
      +
      + + + + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index ffdca32..b607e9c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,12 +9,12 @@ "version": "2.2.7", "license": "MIT", "devDependencies": { - "autoprefixer": "^10.4.19", + "@tailwindcss/postcss": "^4.0.9", "postcss": "^8.4.38", "prettier": "^3.2.5", - "prettier-plugin-tailwindcss": "^0.5.14", + "prettier-plugin-tailwindcss": "^0.6.11", "tailgrids": "^2.2.5", - "tailwindcss": "^3.4.4" + "tailwindcss": "^4.0.9" } }, "node_modules/@alloc/quick-lru": { @@ -29,620 +29,501 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "node_modules/@tailwindcss/node": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.9.tgz", + "integrity": "sha512-tOJvdI7XfJbARYhxX+0RArAhmuDcczTC46DGCEziqxzzbIaPnfYaIyRT31n4u8lROrsO7Q6u/K9bmQHL2uL1bQ==", "dev": true, "dependencies": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - }, - "engines": { - "node": ">=6.0.0" + "enhanced-resolve": "^5.18.1", + "jiti": "^2.4.2", + "tailwindcss": "4.0.9" } }, - "node_modules/@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", + "node_modules/@tailwindcss/node/node_modules/jiti": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz", + "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==", "dev": true, - "engines": { - "node": ">=6.0.0" + "bin": { + "jiti": "lib/jiti-cli.mjs" } }, - "node_modules/@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "node_modules/@tailwindcss/oxide": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.9.tgz", + "integrity": "sha512-eLizHmXFqHswJONwfqi/WZjtmWZpIalpvMlNhTM99/bkHtUs6IqgI1XQ0/W5eO2HiRQcIlXUogI2ycvKhVLNcA==", "dev": true, "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", - "dev": true - }, - "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.20", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", - "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", - "dev": true, - "dependencies": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "node_modules/@nodelib/fs.scandir": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", - "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", - "dev": true, - "dependencies": { - "@nodelib/fs.stat": "2.0.5", - "run-parallel": "^1.1.9" + "node": ">= 10" }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/@nodelib/fs.stat": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", - "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", - "dev": true, - "engines": { - "node": ">= 8" - } - }, - "node_modules/@nodelib/fs.walk": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", - "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.0.9", + "@tailwindcss/oxide-darwin-arm64": "4.0.9", + "@tailwindcss/oxide-darwin-x64": "4.0.9", + "@tailwindcss/oxide-freebsd-x64": "4.0.9", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.9", + "@tailwindcss/oxide-linux-arm64-gnu": "4.0.9", + "@tailwindcss/oxide-linux-arm64-musl": "4.0.9", + "@tailwindcss/oxide-linux-x64-gnu": "4.0.9", + "@tailwindcss/oxide-linux-x64-musl": "4.0.9", + "@tailwindcss/oxide-win32-arm64-msvc": "4.0.9", + "@tailwindcss/oxide-win32-x64-msvc": "4.0.9" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.9.tgz", + "integrity": "sha512-YBgy6+2flE/8dbtrdotVInhMVIxnHJPbAwa7U1gX4l2ThUIaPUp18LjB9wEH8wAGMBZUb//SzLtdXXNBHPUl6Q==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "@nodelib/fs.scandir": "2.1.5", - "fastq": "^1.6.0" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">= 8" + "node": ">= 10" } }, - "node_modules/any-promise": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", - "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", - "dev": true - }, - "node_modules/anymatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", - "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==", + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.9.tgz", + "integrity": "sha512-pWdl4J2dIHXALgy2jVkwKBmtEb73kqIfMpYmcgESr7oPQ+lbcQ4+tlPeVXaSAmang+vglAfFpXQCOvs/aGSqlw==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - }, + "optional": true, + "os": [ + "darwin" + ], "engines": { - "node": ">= 8" + "node": ">= 10" } }, - "node_modules/arg": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", - "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", - "dev": true - }, - "node_modules/autoprefixer": { - "version": "10.4.19", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz", - "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==", + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.9.tgz", + "integrity": "sha512-4Dq3lKp0/C7vrRSkNPtBGVebEyWt9QPPlQctxJ0H3MDyiQYvzVYf8jKow7h5QkWNe8hbatEqljMj/Y0M+ERYJg==", + "cpu": [ + "x64" + ], "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/autoprefixer" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } + "optional": true, + "os": [ + "darwin" ], - "dependencies": { - "browserslist": "^4.23.0", - "caniuse-lite": "^1.0.30001599", - "fraction.js": "^4.3.7", - "normalize-range": "^0.1.2", - "picocolors": "^1.0.0", - "postcss-value-parser": "^4.2.0" - }, - "bin": { - "autoprefixer": "bin/autoprefixer" - }, "engines": { - "node": "^10 || ^12 || >=14" - }, - "peerDependencies": { - "postcss": "^8.1.0" + "node": ">= 10" } }, - "node_modules/balanced-match": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true - }, - "node_modules/binary-extensions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.9.tgz", + "integrity": "sha512-k7U1RwRODta8x0uealtVt3RoWAWqA+D5FAOsvVGpYoI6ObgmnzqWW6pnVwz70tL8UZ/QXjeMyiICXyjzB6OGtQ==", + "cpu": [ + "x64" + ], "dev": true, + "optional": true, + "os": [ + "freebsd" + ], "engines": { - "node": ">=8" - } - }, - "node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, - "dependencies": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" + "node": ">= 10" } }, - "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.9.tgz", + "integrity": "sha512-NDDjVweHz2zo4j+oS8y3KwKL5wGCZoXGA9ruJM982uVJLdsF8/1AeKvUwKRlMBpxHt1EdWJSAh8a0Mfhl28GlQ==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "fill-range": "^7.0.1" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=8" + "node": ">= 10" } }, - "node_modules/browserslist": { - "version": "4.23.0", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz", - "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==", + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.9.tgz", + "integrity": "sha512-jk90UZ0jzJl3Dy1BhuFfRZ2KP9wVKMXPjmCtY4U6fF2LvrjP5gWFJj5VHzfzHonJexjrGe1lMzgtjriuZkxagg==", + "cpu": [ + "arm64" + ], "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/browserslist" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } + "optional": true, + "os": [ + "linux" ], - "dependencies": { - "caniuse-lite": "^1.0.30001587", - "electron-to-chromium": "^1.4.668", - "node-releases": "^2.0.14", - "update-browserslist-db": "^1.0.13" - }, - "bin": { - "browserslist": "cli.js" - }, "engines": { - "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + "node": ">= 10" } }, - "node_modules/camelcase-css": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", - "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.9.tgz", + "integrity": "sha512-3eMjyTC6HBxh9nRgOHzrc96PYh1/jWOwHZ3Kk0JN0Kl25BJ80Lj9HEvvwVDNTgPg154LdICwuFLuhfgH9DULmg==", + "cpu": [ + "arm64" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 6" + "node": ">= 10" } }, - "node_modules/caniuse-lite": { - "version": "1.0.30001613", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001613.tgz", - "integrity": "sha512-BNjJULJfOONQERivfxte7alLfeLW4QnwHvNW4wEcLEbXfV6VSCYvr+REbf2Sojv8tC1THpjPXBxWgDbq4NtLWg==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/caniuse-lite" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ] - }, - "node_modules/chokidar": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", - "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.9.tgz", + "integrity": "sha512-v0D8WqI/c3WpWH1kq/HP0J899ATLdGZmENa2/emmNjubT0sWtEke9W9+wXeEoACuGAhF9i3PO5MeyditpDCiWQ==", + "cpu": [ + "x64" + ], "dev": true, - "funding": [ - { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } + "optional": true, + "os": [ + "linux" ], - "dependencies": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - }, "engines": { - "node": ">= 8.10.0" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" + "node": ">= 10" } }, - "node_modules/chokidar/node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.9.tgz", + "integrity": "sha512-Kvp0TCkfeXyeehqLJr7otsc4hd/BUPfcIGrQiwsTVCfaMfjQZCG7DjI+9/QqPZha8YapLA9UoIcUILRYO7NE1Q==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "is-glob": "^4.0.1" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 6" + "node": ">= 10" } }, - "node_modules/commander": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", - "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.9.tgz", + "integrity": "sha512-m3+60T/7YvWekajNq/eexjhV8z10rswcz4BC9bioJ7YaN+7K8W2AmLmG0B79H14m6UHE571qB0XsPus4n0QVgQ==", + "cpu": [ + "arm64" + ], "dev": true, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">= 6" + "node": ">= 10" } }, - "node_modules/concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true - }, - "node_modules/cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.9.tgz", + "integrity": "sha512-dpc05mSlqkwVNOUjGu/ZXd5U1XNch1kHFJ4/cHkZFvaW1RzbHmRt24gvM8/HC6IirMxNarzVw4IXVtvrOoZtxA==", + "cpu": [ + "x64" + ], "dev": true, - "bin": { - "cssesc": "bin/cssesc" - }, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">=4" + "node": ">= 10" } }, - "node_modules/didyoumean": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", - "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", - "dev": true - }, - "node_modules/dlv": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", - "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", - "dev": true - }, - "node_modules/electron-to-chromium": { - "version": "1.4.750", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.750.tgz", - "integrity": "sha512-9ItEpeu15hW5m8jKdriL+BQrgwDTXEL9pn4SkillWFu73ZNNNQ2BKKLS+ZHv2vC9UkNhosAeyfxOf/5OSeTCPA==", - "dev": true - }, - "node_modules/escalade": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", - "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", + "node_modules/@tailwindcss/postcss": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.0.9.tgz", + "integrity": "sha512-BT/E+pdMqulavEAVM5NCpxmGEwHiLDPpkmg/c/X25ZBW+izTe+aZ+v1gf/HXTrihRoCxrUp5U4YyHsBTzspQKQ==", "dev": true, - "engines": { - "node": ">=6" + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "@tailwindcss/node": "4.0.9", + "@tailwindcss/oxide": "4.0.9", + "lightningcss": "^1.29.1", + "postcss": "^8.4.41", + "tailwindcss": "4.0.9" } }, - "node_modules/fast-glob": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz", - "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==", + "node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", "dev": true, - "dependencies": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.2", - "merge2": "^1.3.0", - "micromatch": "^4.0.4" + "bin": { + "detect-libc": "bin/detect-libc.js" }, "engines": { - "node": ">=8.6.0" + "node": ">=0.10" } }, - "node_modules/fast-glob/node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "node_modules/enhanced-resolve": { + "version": "5.18.1", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz", + "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==", "dev": true, "dependencies": { - "is-glob": "^4.0.1" + "graceful-fs": "^4.2.4", + "tapable": "^2.2.0" }, "engines": { - "node": ">= 6" + "node": ">=10.13.0" } }, - "node_modules/fastq": { - "version": "1.15.0", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz", - "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==", - "dev": true, - "dependencies": { - "reusify": "^1.0.4" - } + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true }, - "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "node_modules/lightningcss": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.1.tgz", + "integrity": "sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==", "dev": true, "dependencies": { - "to-regex-range": "^5.0.1" + "detect-libc": "^1.0.3" }, "engines": { - "node": ">=8" - } - }, - "node_modules/fraction.js": { - "version": "4.3.7", - "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", - "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==", + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-darwin-arm64": "1.29.1", + "lightningcss-darwin-x64": "1.29.1", + "lightningcss-freebsd-x64": "1.29.1", + "lightningcss-linux-arm-gnueabihf": "1.29.1", + "lightningcss-linux-arm64-gnu": "1.29.1", + "lightningcss-linux-arm64-musl": "1.29.1", + "lightningcss-linux-x64-gnu": "1.29.1", + "lightningcss-linux-x64-musl": "1.29.1", + "lightningcss-win32-arm64-msvc": "1.29.1", + "lightningcss-win32-x64-msvc": "1.29.1" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.1.tgz", + "integrity": "sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==", + "cpu": [ + "arm64" + ], "dev": true, + "optional": true, + "os": [ + "darwin" + ], "engines": { - "node": "*" + "node": ">= 12.0.0" }, "funding": { - "type": "patreon", - "url": "https://github.com/sponsors/rawify" + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", - "dev": true - }, - "node_modules/fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "node_modules/lightningcss-darwin-x64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.1.tgz", + "integrity": "sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==", + "cpu": [ + "x64" + ], "dev": true, - "hasInstallScript": true, "optional": true, "os": [ "darwin" ], "engines": { - "node": "^8.16.0 || ^10.6.0 || >=11.0.0" - } - }, - "node_modules/function-bind": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", - "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", - "dev": true, + "node": ">= 12.0.0" + }, "funding": { - "url": "https://github.com/sponsors/ljharb" + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/glob": { - "version": "7.1.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", - "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "node_modules/lightningcss-freebsd-x64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.1.tgz", + "integrity": "sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - }, + "optional": true, + "os": [ + "freebsd" + ], "engines": { - "node": "*" + "node": ">= 12.0.0" }, "funding": { - "url": "https://github.com/sponsors/isaacs" + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/glob-parent": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", - "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.1.tgz", + "integrity": "sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "is-glob": "^4.0.3" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=10.13.0" - } - }, - "node_modules/hasown": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz", - "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==", - "dev": true, - "dependencies": { - "function-bind": "^1.1.2" + "node": ">= 12.0.0" }, - "engines": { - "node": ">= 0.4" + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.1.tgz", + "integrity": "sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "once": "^1.3.0", - "wrappy": "1" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true - }, - "node_modules/is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.1.tgz", + "integrity": "sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "binary-extensions": "^2.0.0" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=8" + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/is-core-module": { - "version": "2.13.1", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", - "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.1.tgz", + "integrity": "sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "hasown": "^2.0.0" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" }, "funding": { - "url": "https://github.com/sponsors/ljharb" + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.1.tgz", + "integrity": "sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==", + "cpu": [ + "x64" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=0.10.0" + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/is-glob": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", - "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.1.tgz", + "integrity": "sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "is-extglob": "^2.1.1" - }, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">=0.10.0" + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.1.tgz", + "integrity": "sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==", + "cpu": [ + "x64" + ], "dev": true, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">=0.12.0" + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/jiti": { - "version": "1.21.0", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz", - "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==", - "dev": true, - "bin": { - "jiti": "bin/jiti.js" - } - }, - "node_modules/lilconfig": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", - "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", - "dev": true, - "engines": { - "node": ">=10" - } - }, - "node_modules/lines-and-columns": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", - "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", - "dev": true - }, - "node_modules/merge2": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", - "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", - "dev": true, - "engines": { - "node": ">= 8" - } - }, - "node_modules/micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", - "dev": true, - "dependencies": { - "braces": "^3.0.2", - "picomatch": "^2.3.1" - }, - "engines": { - "node": ">=8.6" - } - }, - "node_modules/minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, - "dependencies": { - "brace-expansion": "^1.1.7" - }, - "engines": { - "node": "*" - } - }, - "node_modules/mz": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", - "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", - "dev": true, - "dependencies": { - "any-promise": "^1.0.0", - "object-assign": "^4.0.1", - "thenify-all": "^1.0.0" - } - }, - "node_modules/nanoid": { - "version": "3.3.7", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", - "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "node_modules/nanoid": { + "version": "3.3.8", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", + "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==", "dev": true, "funding": [ { @@ -657,112 +538,16 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, - "node_modules/node-releases": { - "version": "2.0.14", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", - "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", - "dev": true - }, - "node_modules/normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-hash": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", - "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", - "dev": true, - "engines": { - "node": ">= 6" - } - }, - "node_modules/once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dev": true, - "dependencies": { - "wrappy": "1" - } - }, - "node_modules/path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/path-parse": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", - "dev": true - }, "node_modules/picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", "dev": true }, - "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/pirates": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", - "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", - "dev": true, - "engines": { - "node": ">= 6" - } - }, "node_modules/postcss": { - "version": "8.4.38", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz", - "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==", + "version": "8.5.3", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz", + "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==", "dev": true, "funding": [ { @@ -779,117 +564,14 @@ } ], "dependencies": { - "nanoid": "^3.3.7", - "picocolors": "^1.0.0", - "source-map-js": "^1.2.0" + "nanoid": "^3.3.8", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" }, "engines": { "node": "^10 || ^12 || >=14" } }, - "node_modules/postcss-import": { - "version": "15.1.0", - "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", - "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.0.0", - "read-cache": "^1.0.0", - "resolve": "^1.1.7" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "postcss": "^8.0.0" - } - }, - "node_modules/postcss-js": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz", - "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", - "dev": true, - "dependencies": { - "camelcase-css": "^2.0.1" - }, - "engines": { - "node": "^12 || ^14 || >= 16" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - "peerDependencies": { - "postcss": "^8.4.21" - } - }, - "node_modules/postcss-load-config": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz", - "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==", - "dev": true, - "dependencies": { - "lilconfig": "^2.0.5", - "yaml": "^2.1.1" - }, - "engines": { - "node": ">= 14" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - "peerDependencies": { - "postcss": ">=8.0.9", - "ts-node": ">=9.0.0" - }, - "peerDependenciesMeta": { - "postcss": { - "optional": true - }, - "ts-node": { - "optional": true - } - } - }, - "node_modules/postcss-nested": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", - "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", - "dev": true, - "dependencies": { - "postcss-selector-parser": "^6.0.11" - }, - "engines": { - "node": ">=12.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - "peerDependencies": { - "postcss": "^8.2.14" - } - }, - "node_modules/postcss-selector-parser": { - "version": "6.0.13", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz", - "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, "node_modules/prettier": { "version": "3.2.5", "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz", @@ -906,9 +588,9 @@ } }, "node_modules/prettier-plugin-tailwindcss": { - "version": "0.5.14", - "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.14.tgz", - "integrity": "sha512-Puaz+wPUAhFp8Lo9HuciYKM2Y2XExESjeT+9NQoVFXZsPPnc9VYss2SpxdQ6vbatmt8/4+SN0oe0I1cPDABg9Q==", + "version": "0.6.11", + "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.11.tgz", + "integrity": "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==", "dev": true, "engines": { "node": ">=14.21.3" @@ -918,13 +600,14 @@ "@prettier/plugin-pug": "*", "@shopify/prettier-plugin-liquid": "*", "@trivago/prettier-plugin-sort-imports": "*", - "@zackad/prettier-plugin-twig-melody": "*", + "@zackad/prettier-plugin-twig": "*", "prettier": "^3.0", "prettier-plugin-astro": "*", "prettier-plugin-css-order": "*", "prettier-plugin-import-sort": "*", "prettier-plugin-jsdoc": "*", "prettier-plugin-marko": "*", + "prettier-plugin-multiline-arrays": "*", "prettier-plugin-organize-attributes": "*", "prettier-plugin-organize-imports": "*", "prettier-plugin-sort-imports": "*", @@ -944,7 +627,7 @@ "@trivago/prettier-plugin-sort-imports": { "optional": true }, - "@zackad/prettier-plugin-twig-melody": { + "@zackad/prettier-plugin-twig": { "optional": true }, "prettier-plugin-astro": { @@ -962,6 +645,9 @@ "prettier-plugin-marko": { "optional": true }, + "prettier-plugin-multiline-arrays": { + "optional": true + }, "prettier-plugin-organize-attributes": { "optional": true }, @@ -979,140 +665,15 @@ } } }, - "node_modules/queue-microtask": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", - "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ] - }, - "node_modules/read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", - "dev": true, - "dependencies": { - "pify": "^2.3.0" - } - }, - "node_modules/readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "dependencies": { - "picomatch": "^2.2.1" - }, - "engines": { - "node": ">=8.10.0" - } - }, - "node_modules/resolve": { - "version": "1.22.8", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", - "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", - "dev": true, - "dependencies": { - "is-core-module": "^2.13.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - }, - "bin": { - "resolve": "bin/resolve" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", - "dev": true, - "engines": { - "iojs": ">=1.0.0", - "node": ">=0.10.0" - } - }, - "node_modules/run-parallel": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", - "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ], - "dependencies": { - "queue-microtask": "^1.2.2" - } - }, "node_modules/source-map-js": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", - "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", "dev": true, "engines": { "node": ">=0.10.0" } }, - "node_modules/sucrase": { - "version": "3.34.0", - "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz", - "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==", - "dev": true, - "dependencies": { - "@jridgewell/gen-mapping": "^0.3.2", - "commander": "^4.0.0", - "glob": "7.1.6", - "lines-and-columns": "^1.1.6", - "mz": "^2.7.0", - "pirates": "^4.0.1", - "ts-interface-checker": "^0.1.9" - }, - "bin": { - "sucrase": "bin/sucrase", - "sucrase-node": "bin/sucrase-node" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/supports-preserve-symlinks-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", - "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/tailgrids": { "version": "2.2.5", "resolved": "https://registry.npmjs.org/tailgrids/-/tailgrids-2.2.5.tgz", @@ -1120,130 +681,18 @@ "dev": true }, "node_modules/tailwindcss": { - "version": "3.4.4", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz", - "integrity": "sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==", - "dev": true, - "dependencies": { - "@alloc/quick-lru": "^5.2.0", - "arg": "^5.0.2", - "chokidar": "^3.5.3", - "didyoumean": "^1.2.2", - "dlv": "^1.1.3", - "fast-glob": "^3.3.0", - "glob-parent": "^6.0.2", - "is-glob": "^4.0.3", - "jiti": "^1.21.0", - "lilconfig": "^2.1.0", - "micromatch": "^4.0.5", - "normalize-path": "^3.0.0", - "object-hash": "^3.0.0", - "picocolors": "^1.0.0", - "postcss": "^8.4.23", - "postcss-import": "^15.1.0", - "postcss-js": "^4.0.1", - "postcss-load-config": "^4.0.1", - "postcss-nested": "^6.0.1", - "postcss-selector-parser": "^6.0.11", - "resolve": "^1.22.2", - "sucrase": "^3.32.0" - }, - "bin": { - "tailwind": "lib/cli.js", - "tailwindcss": "lib/cli.js" - }, - "engines": { - "node": ">=14.0.0" - } - }, - "node_modules/thenify": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", - "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", - "dev": true, - "dependencies": { - "any-promise": "^1.0.0" - } - }, - "node_modules/thenify-all": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", - "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", - "dev": true, - "dependencies": { - "thenify": ">= 3.1.0 < 4" - }, - "engines": { - "node": ">=0.8" - } - }, - "node_modules/to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "dependencies": { - "is-number": "^7.0.0" - }, - "engines": { - "node": ">=8.0" - } - }, - "node_modules/ts-interface-checker": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", - "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", - "dev": true - }, - "node_modules/update-browserslist-db": { - "version": "1.0.13", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", - "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/browserslist" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "dependencies": { - "escalade": "^3.1.1", - "picocolors": "^1.0.0" - }, - "bin": { - "update-browserslist-db": "cli.js" - }, - "peerDependencies": { - "browserslist": ">= 4.21.0" - } - }, - "node_modules/util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true - }, - "node_modules/wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.9.tgz", + "integrity": "sha512-12laZu+fv1ONDRoNR9ipTOpUD7RN9essRVkX36sjxuRUInpN7hIiHN4lBd/SIFjbISvnXzp8h/hXzmU8SQQYhw==", "dev": true }, - "node_modules/yaml": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.3.tgz", - "integrity": "sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==", + "node_modules/tapable": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", + "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", "dev": true, "engines": { - "node": ">= 14" + "node": ">=6" } } }, @@ -1254,586 +703,269 @@ "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", "dev": true }, - "@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "@tailwindcss/node": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.9.tgz", + "integrity": "sha512-tOJvdI7XfJbARYhxX+0RArAhmuDcczTC46DGCEziqxzzbIaPnfYaIyRT31n4u8lROrsO7Q6u/K9bmQHL2uL1bQ==", "dev": true, "requires": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" + "enhanced-resolve": "^5.18.1", + "jiti": "^2.4.2", + "tailwindcss": "4.0.9" + }, + "dependencies": { + "jiti": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz", + "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==", + "dev": true + } } }, - "@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", - "dev": true - }, - "@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", - "dev": true - }, - "@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", - "dev": true - }, - "@jridgewell/trace-mapping": { - "version": "0.3.20", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", - "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", + "@tailwindcss/oxide": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.9.tgz", + "integrity": "sha512-eLizHmXFqHswJONwfqi/WZjtmWZpIalpvMlNhTM99/bkHtUs6IqgI1XQ0/W5eO2HiRQcIlXUogI2ycvKhVLNcA==", "dev": true, "requires": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" + "@tailwindcss/oxide-android-arm64": "4.0.9", + "@tailwindcss/oxide-darwin-arm64": "4.0.9", + "@tailwindcss/oxide-darwin-x64": "4.0.9", + "@tailwindcss/oxide-freebsd-x64": "4.0.9", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.9", + "@tailwindcss/oxide-linux-arm64-gnu": "4.0.9", + "@tailwindcss/oxide-linux-arm64-musl": "4.0.9", + "@tailwindcss/oxide-linux-x64-gnu": "4.0.9", + "@tailwindcss/oxide-linux-x64-musl": "4.0.9", + "@tailwindcss/oxide-win32-arm64-msvc": "4.0.9", + "@tailwindcss/oxide-win32-x64-msvc": "4.0.9" } }, - "@nodelib/fs.scandir": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", - "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "@tailwindcss/oxide-android-arm64": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.9.tgz", + "integrity": "sha512-YBgy6+2flE/8dbtrdotVInhMVIxnHJPbAwa7U1gX4l2ThUIaPUp18LjB9wEH8wAGMBZUb//SzLtdXXNBHPUl6Q==", "dev": true, - "requires": { - "@nodelib/fs.stat": "2.0.5", - "run-parallel": "^1.1.9" - } - }, - "@nodelib/fs.stat": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", - "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", - "dev": true + "optional": true }, - "@nodelib/fs.walk": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", - "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "@tailwindcss/oxide-darwin-arm64": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.9.tgz", + "integrity": "sha512-pWdl4J2dIHXALgy2jVkwKBmtEb73kqIfMpYmcgESr7oPQ+lbcQ4+tlPeVXaSAmang+vglAfFpXQCOvs/aGSqlw==", "dev": true, - "requires": { - "@nodelib/fs.scandir": "2.1.5", - "fastq": "^1.6.0" - } - }, - "any-promise": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", - "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", - "dev": true + "optional": true }, - "anymatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", - "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==", + "@tailwindcss/oxide-darwin-x64": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.9.tgz", + "integrity": "sha512-4Dq3lKp0/C7vrRSkNPtBGVebEyWt9QPPlQctxJ0H3MDyiQYvzVYf8jKow7h5QkWNe8hbatEqljMj/Y0M+ERYJg==", "dev": true, - "requires": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - } - }, - "arg": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", - "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", - "dev": true + "optional": true }, - "autoprefixer": { - "version": "10.4.19", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz", - "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==", + "@tailwindcss/oxide-freebsd-x64": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.9.tgz", + "integrity": "sha512-k7U1RwRODta8x0uealtVt3RoWAWqA+D5FAOsvVGpYoI6ObgmnzqWW6pnVwz70tL8UZ/QXjeMyiICXyjzB6OGtQ==", "dev": true, - "requires": { - "browserslist": "^4.23.0", - "caniuse-lite": "^1.0.30001599", - "fraction.js": "^4.3.7", - "normalize-range": "^0.1.2", - "picocolors": "^1.0.0", - "postcss-value-parser": "^4.2.0" - } - }, - "balanced-match": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true - }, - "binary-extensions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "dev": true + "optional": true }, - "brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.9.tgz", + "integrity": "sha512-NDDjVweHz2zo4j+oS8y3KwKL5wGCZoXGA9ruJM982uVJLdsF8/1AeKvUwKRlMBpxHt1EdWJSAh8a0Mfhl28GlQ==", "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } + "optional": true }, - "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.9.tgz", + "integrity": "sha512-jk90UZ0jzJl3Dy1BhuFfRZ2KP9wVKMXPjmCtY4U6fF2LvrjP5gWFJj5VHzfzHonJexjrGe1lMzgtjriuZkxagg==", "dev": true, - "requires": { - "fill-range": "^7.0.1" - } + "optional": true }, - "browserslist": { - "version": "4.23.0", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz", - "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==", + "@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.9.tgz", + "integrity": "sha512-3eMjyTC6HBxh9nRgOHzrc96PYh1/jWOwHZ3Kk0JN0Kl25BJ80Lj9HEvvwVDNTgPg154LdICwuFLuhfgH9DULmg==", "dev": true, - "requires": { - "caniuse-lite": "^1.0.30001587", - "electron-to-chromium": "^1.4.668", - "node-releases": "^2.0.14", - "update-browserslist-db": "^1.0.13" - } - }, - "camelcase-css": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", - "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", - "dev": true - }, - "caniuse-lite": { - "version": "1.0.30001613", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001613.tgz", - "integrity": "sha512-BNjJULJfOONQERivfxte7alLfeLW4QnwHvNW4wEcLEbXfV6VSCYvr+REbf2Sojv8tC1THpjPXBxWgDbq4NtLWg==", - "dev": true + "optional": true }, - "chokidar": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", - "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", + "@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.9.tgz", + "integrity": "sha512-v0D8WqI/c3WpWH1kq/HP0J899ATLdGZmENa2/emmNjubT0sWtEke9W9+wXeEoACuGAhF9i3PO5MeyditpDCiWQ==", "dev": true, - "requires": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "fsevents": "~2.3.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - }, - "dependencies": { - "glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "requires": { - "is-glob": "^4.0.1" - } - } - } - }, - "commander": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", - "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", - "dev": true - }, - "concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true - }, - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "didyoumean": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", - "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", - "dev": true - }, - "dlv": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", - "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", - "dev": true - }, - "electron-to-chromium": { - "version": "1.4.750", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.750.tgz", - "integrity": "sha512-9ItEpeu15hW5m8jKdriL+BQrgwDTXEL9pn4SkillWFu73ZNNNQ2BKKLS+ZHv2vC9UkNhosAeyfxOf/5OSeTCPA==", - "dev": true + "optional": true }, - "escalade": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", - "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", - "dev": true + "@tailwindcss/oxide-linux-x64-musl": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.9.tgz", + "integrity": "sha512-Kvp0TCkfeXyeehqLJr7otsc4hd/BUPfcIGrQiwsTVCfaMfjQZCG7DjI+9/QqPZha8YapLA9UoIcUILRYO7NE1Q==", + "dev": true, + "optional": true }, - "fast-glob": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz", - "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==", + "@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.9.tgz", + "integrity": "sha512-m3+60T/7YvWekajNq/eexjhV8z10rswcz4BC9bioJ7YaN+7K8W2AmLmG0B79H14m6UHE571qB0XsPus4n0QVgQ==", "dev": true, - "requires": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.2", - "merge2": "^1.3.0", - "micromatch": "^4.0.4" - }, - "dependencies": { - "glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "requires": { - "is-glob": "^4.0.1" - } - } - } + "optional": true }, - "fastq": { - "version": "1.15.0", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz", - "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==", + "@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.9.tgz", + "integrity": "sha512-dpc05mSlqkwVNOUjGu/ZXd5U1XNch1kHFJ4/cHkZFvaW1RzbHmRt24gvM8/HC6IirMxNarzVw4IXVtvrOoZtxA==", "dev": true, - "requires": { - "reusify": "^1.0.4" - } + "optional": true }, - "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "@tailwindcss/postcss": { + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.0.9.tgz", + "integrity": "sha512-BT/E+pdMqulavEAVM5NCpxmGEwHiLDPpkmg/c/X25ZBW+izTe+aZ+v1gf/HXTrihRoCxrUp5U4YyHsBTzspQKQ==", "dev": true, "requires": { - "to-regex-range": "^5.0.1" + "@alloc/quick-lru": "^5.2.0", + "@tailwindcss/node": "4.0.9", + "@tailwindcss/oxide": "4.0.9", + "lightningcss": "^1.29.1", + "postcss": "^8.4.41", + "tailwindcss": "4.0.9" } }, - "fraction.js": { - "version": "4.3.7", - "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", - "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==", + "detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", "dev": true }, - "fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", - "dev": true - }, - "fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "enhanced-resolve": { + "version": "5.18.1", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz", + "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==", "dev": true, - "optional": true + "requires": { + "graceful-fs": "^4.2.4", + "tapable": "^2.2.0" + } }, - "function-bind": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", - "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", "dev": true }, - "glob": { - "version": "7.1.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", - "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "lightningcss": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.1.tgz", + "integrity": "sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==", "dev": true, "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" + "detect-libc": "^1.0.3", + "lightningcss-darwin-arm64": "1.29.1", + "lightningcss-darwin-x64": "1.29.1", + "lightningcss-freebsd-x64": "1.29.1", + "lightningcss-linux-arm-gnueabihf": "1.29.1", + "lightningcss-linux-arm64-gnu": "1.29.1", + "lightningcss-linux-arm64-musl": "1.29.1", + "lightningcss-linux-x64-gnu": "1.29.1", + "lightningcss-linux-x64-musl": "1.29.1", + "lightningcss-win32-arm64-msvc": "1.29.1", + "lightningcss-win32-x64-msvc": "1.29.1" } }, - "glob-parent": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", - "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "lightningcss-darwin-arm64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.1.tgz", + "integrity": "sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==", "dev": true, - "requires": { - "is-glob": "^4.0.3" - } + "optional": true }, - "hasown": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz", - "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==", + "lightningcss-darwin-x64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.1.tgz", + "integrity": "sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==", "dev": true, - "requires": { - "function-bind": "^1.1.2" - } + "optional": true }, - "inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "lightningcss-freebsd-x64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.1.tgz", + "integrity": "sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==", "dev": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true + "optional": true }, - "is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "lightningcss-linux-arm-gnueabihf": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.1.tgz", + "integrity": "sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==", "dev": true, - "requires": { - "binary-extensions": "^2.0.0" - } + "optional": true }, - "is-core-module": { - "version": "2.13.1", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", - "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", + "lightningcss-linux-arm64-gnu": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.1.tgz", + "integrity": "sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==", "dev": true, - "requires": { - "hasown": "^2.0.0" - } - }, - "is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", - "dev": true + "optional": true }, - "is-glob": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", - "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "lightningcss-linux-arm64-musl": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.1.tgz", + "integrity": "sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==", "dev": true, - "requires": { - "is-extglob": "^2.1.1" - } - }, - "is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true - }, - "jiti": { - "version": "1.21.0", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz", - "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==", - "dev": true - }, - "lilconfig": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", - "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", - "dev": true - }, - "lines-and-columns": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", - "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", - "dev": true - }, - "merge2": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", - "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", - "dev": true + "optional": true }, - "micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "lightningcss-linux-x64-gnu": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.1.tgz", + "integrity": "sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==", "dev": true, - "requires": { - "braces": "^3.0.2", - "picomatch": "^2.3.1" - } + "optional": true }, - "minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "lightningcss-linux-x64-musl": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.1.tgz", + "integrity": "sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==", "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } + "optional": true }, - "mz": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", - "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", + "lightningcss-win32-arm64-msvc": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.1.tgz", + "integrity": "sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==", "dev": true, - "requires": { - "any-promise": "^1.0.0", - "object-assign": "^4.0.1", - "thenify-all": "^1.0.0" - } - }, - "nanoid": { - "version": "3.3.7", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", - "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", - "dev": true - }, - "node-releases": { - "version": "2.0.14", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", - "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", - "dev": true - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", - "dev": true - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", - "dev": true - }, - "object-hash": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", - "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", - "dev": true + "optional": true }, - "once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "lightningcss-win32-x64-msvc": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.1.tgz", + "integrity": "sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==", "dev": true, - "requires": { - "wrappy": "1" - } - }, - "path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", - "dev": true + "optional": true }, - "path-parse": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "nanoid": { + "version": "3.3.8", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", + "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==", "dev": true }, "picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", - "dev": true - }, - "picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", - "dev": true - }, - "pirates": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", - "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", "dev": true }, "postcss": { - "version": "8.4.38", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz", - "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==", - "dev": true, - "requires": { - "nanoid": "^3.3.7", - "picocolors": "^1.0.0", - "source-map-js": "^1.2.0" - } - }, - "postcss-import": { - "version": "15.1.0", - "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", - "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", - "dev": true, - "requires": { - "postcss-value-parser": "^4.0.0", - "read-cache": "^1.0.0", - "resolve": "^1.1.7" - } - }, - "postcss-js": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz", - "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", - "dev": true, - "requires": { - "camelcase-css": "^2.0.1" - } - }, - "postcss-load-config": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz", - "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==", - "dev": true, - "requires": { - "lilconfig": "^2.0.5", - "yaml": "^2.1.1" - } - }, - "postcss-nested": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", - "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", + "version": "8.5.3", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz", + "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==", "dev": true, "requires": { - "postcss-selector-parser": "^6.0.11" + "nanoid": "^3.3.8", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" } }, - "postcss-selector-parser": { - "version": "6.0.13", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz", - "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - } - }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, "prettier": { "version": "3.2.5", "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz", @@ -1841,87 +973,16 @@ "dev": true }, "prettier-plugin-tailwindcss": { - "version": "0.5.14", - "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.14.tgz", - "integrity": "sha512-Puaz+wPUAhFp8Lo9HuciYKM2Y2XExESjeT+9NQoVFXZsPPnc9VYss2SpxdQ6vbatmt8/4+SN0oe0I1cPDABg9Q==", + "version": "0.6.11", + "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.11.tgz", + "integrity": "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==", "dev": true, "requires": {} }, - "queue-microtask": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", - "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", - "dev": true - }, - "read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", - "dev": true, - "requires": { - "pify": "^2.3.0" - } - }, - "readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "requires": { - "picomatch": "^2.2.1" - } - }, - "resolve": { - "version": "1.22.8", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", - "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", - "dev": true, - "requires": { - "is-core-module": "^2.13.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - } - }, - "reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", - "dev": true - }, - "run-parallel": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", - "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", - "dev": true, - "requires": { - "queue-microtask": "^1.2.2" - } - }, "source-map-js": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", - "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", - "dev": true - }, - "sucrase": { - "version": "3.34.0", - "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz", - "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==", - "dev": true, - "requires": { - "@jridgewell/gen-mapping": "^0.3.2", - "commander": "^4.0.0", - "glob": "7.1.6", - "lines-and-columns": "^1.1.6", - "mz": "^2.7.0", - "pirates": "^4.0.1", - "ts-interface-checker": "^0.1.9" - } - }, - "supports-preserve-symlinks-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", - "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", "dev": true }, "tailgrids": { @@ -1931,94 +992,15 @@ "dev": true }, "tailwindcss": { - "version": "3.4.4", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz", - "integrity": "sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==", - "dev": true, - "requires": { - "@alloc/quick-lru": "^5.2.0", - "arg": "^5.0.2", - "chokidar": "^3.5.3", - "didyoumean": "^1.2.2", - "dlv": "^1.1.3", - "fast-glob": "^3.3.0", - "glob-parent": "^6.0.2", - "is-glob": "^4.0.3", - "jiti": "^1.21.0", - "lilconfig": "^2.1.0", - "micromatch": "^4.0.5", - "normalize-path": "^3.0.0", - "object-hash": "^3.0.0", - "picocolors": "^1.0.0", - "postcss": "^8.4.23", - "postcss-import": "^15.1.0", - "postcss-js": "^4.0.1", - "postcss-load-config": "^4.0.1", - "postcss-nested": "^6.0.1", - "postcss-selector-parser": "^6.0.11", - "resolve": "^1.22.2", - "sucrase": "^3.32.0" - } - }, - "thenify": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", - "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", - "dev": true, - "requires": { - "any-promise": "^1.0.0" - } - }, - "thenify-all": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", - "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", - "dev": true, - "requires": { - "thenify": ">= 3.1.0 < 4" - } - }, - "to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "requires": { - "is-number": "^7.0.0" - } - }, - "ts-interface-checker": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", - "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", - "dev": true - }, - "update-browserslist-db": { - "version": "1.0.13", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", - "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", - "dev": true, - "requires": { - "escalade": "^3.1.1", - "picocolors": "^1.0.0" - } - }, - "util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true - }, - "wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.9.tgz", + "integrity": "sha512-12laZu+fv1ONDRoNR9ipTOpUD7RN9essRVkX36sjxuRUInpN7hIiHN4lBd/SIFjbISvnXzp8h/hXzmU8SQQYhw==", "dev": true }, - "yaml": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.3.tgz", - "integrity": "sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==", + "tapable": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", + "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", "dev": true } } diff --git a/package.json b/package.json index 336b447..9909321 100644 --- a/package.json +++ b/package.json @@ -58,18 +58,18 @@ "description": "Handcrafted Library of Tailwind CSS UI Components & Blocks for HTML, React and Vue.", "bugs": "https://github.com/TailGrids/tailwind-ui-components/issues", "scripts": { - "build-css": "npx tailwindcss -i ./src/tailwind.css -o ./assets/css/tailwind.css -w" + "build-css": "npx @tailwindcss/cli -i ./src/tailwind.css -o ./assets/css/tailwind.css -w" }, "devDependencies": { - "autoprefixer": "^10.4.19", + "@tailwindcss/postcss": "^4.0.9", "postcss": "^8.4.38", "prettier": "^3.2.5", - "prettier-plugin-tailwindcss": "^0.5.14", + "prettier-plugin-tailwindcss": "^0.6.11", "tailgrids": "^2.2.5", - "tailwindcss": "^3.4.4" + "tailwindcss": "^4.0.9" }, "repository": { "type": "git", "url": "https://github.com/TailGrids/tailwind-ui-components" } -} +} \ No newline at end of file diff --git a/postcss.config.js b/postcss.config.js index 12a703d..e564072 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,6 +1,5 @@ module.exports = { plugins: { - tailwindcss: {}, - autoprefixer: {}, + '@tailwindcss/postcss': {}, }, }; diff --git a/src/tailwind.css b/src/tailwind.css index 7af8c0c..3ab7370 100644 --- a/src/tailwind.css +++ b/src/tailwind.css @@ -1,8 +1,27 @@ -@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap') +layer(base); -@tailwind base; -@tailwind components; -@tailwind utilities; +@import 'tailwindcss'; + +@plugin '../plugin.js'; + +/* + The default border color has changed to `currentColor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } +} .snap { scroll-snap-type: x mandatory; @@ -138,7 +157,7 @@ input[type="radio"]:checked ~ .box span { } .payment:checked ~ label { - @apply border-primary bg-primary bg-opacity-[8%]; + @apply border-primary bg-primary/[8%]; } .shipping:checked ~ label { @@ -166,7 +185,7 @@ input[type="radio"]:checked ~ .box span { } .filter-size-2:checked ~ label { - @apply border-primary bg-primary bg-opacity-10; + @apply border-primary bg-primary/10; } .ram-size:checked ~ label { @@ -224,7 +243,7 @@ input[type="radio"]:checked ~ .box span { } #activityChart .apexcharts-legend-series { - @apply !mr-5; + @apply mr-5!; } /* ======= Switch ======= */ @@ -306,7 +325,7 @@ input[type="radio"]:checked ~ .box span { /* Maps */ .jvm-zoom-btn { - @apply bottom-0 left-auto top-auto flex h-8 w-8 items-center justify-center rounded border-[.5px] border-stroke bg-gray-1 font-semibold leading-none text-body-color hover:border-primary hover:bg-primary hover:text-white; + @apply bottom-0 left-auto top-auto flex h-8 w-8 items-center justify-center rounded-sm border-[.5px] border-stroke bg-gray-1 font-semibold leading-none text-body-color hover:border-primary hover:bg-primary hover:text-white; } .mapOne .jvm-zoom-btn { diff --git a/tailwind.config.js b/tailwind.config.js deleted file mode 100644 index 9ea9b5e..0000000 --- a/tailwind.config.js +++ /dev/null @@ -1,8 +0,0 @@ -module.exports = { - content: ["./*.html", "./**/*.html", "./assets/**/*.js"], - theme: {}, - variants: { - extend: {}, - }, - plugins: [require("./plugin")], -}; From 74cbf01b4079caea21d5bba19390dd852d97ef39 Mon Sep 17 00:00:00 2001 From: shafiqhammad5 Date: Wed, 5 Mar 2025 11:21:46 +0600 Subject: [PATCH 2/4] 2.3.0 --- package-lock.json | 4 ++-- package.json | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/package-lock.json b/package-lock.json index b607e9c..61936bf 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "tailgrids", - "version": "2.2.7", + "version": "2.3.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "tailgrids", - "version": "2.2.7", + "version": "2.3.0", "license": "MIT", "devDependencies": { "@tailwindcss/postcss": "^4.0.9", diff --git a/package.json b/package.json index 9909321..c9dce93 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tailgrids", - "version": "2.2.7", + "version": "2.3.0", "main": "index.js", "license": "MIT", "keywords": [ @@ -72,4 +72,4 @@ "type": "git", "url": "https://github.com/TailGrids/tailwind-ui-components" } -} \ No newline at end of file +} From 71d6ce0a657be091b959cd534f092cff0b3014f1 Mon Sep 17 00:00:00 2001 From: shafiqhammad5 Date: Wed, 5 Mar 2025 12:51:42 +0600 Subject: [PATCH 3/4] readme file update --- README.md | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index d5bd3da..04fbd3e 100644 --- a/README.md +++ b/README.md @@ -30,14 +30,10 @@ Ensure you've installed [Node.js](https://nodejs.org) and [Tailwind CSS](https:/ ```bash npm i tailgrids ``` -**2. Add the TailGrids plugin to your `tailwind.config.js` file:** +**2. Add the TailGrids plugin to your `css` file:** -```javascript -module.exports = { - // Your existing Tailwind CSS configuration goes here - - plugins: [require("tailgrids/plugin")], -}; +```css +@plugin 'tailgrids/plugin' ``` **3. [Browse the components](https://tailgrids.com/components) and simply copy and paste the ones you like into your projects.** From 19905a51a22db9495b00cea4bde794aa3027f54a Mon Sep 17 00:00:00 2001 From: shafiqhammad5 Date: Thu, 20 Mar 2025 15:57:29 +0600 Subject: [PATCH 4/4] changelog added --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index 04fbd3e..c588355 100644 --- a/README.md +++ b/README.md @@ -57,6 +57,12 @@ and sharing with friends. If you like the the library consider purchasing the [P ## Changelog +### Version 2.2.1 +(Mar, 2025) + +- Updated to Tailwind CSS v4 + + ### Version 2.2.1 (Aug, 2024)