From 1e0e917a6f8a26e734e21122e470601542134247 Mon Sep 17 00:00:00 2001 From: Francois Smith <90509905+francoissmith@users.noreply.github.com> Date: Thu, 26 Oct 2023 01:48:05 +0200 Subject: [PATCH 1/2] Small responsiveness fixes --- .../Components/Advanced/Finanace.razor | 4 +- .../blazor-app/Components/Base/Tooltip.razor | 2 +- src/apps/blazor-app/Pages/Login.razor | 2 +- src/apps/blazor-app/Pages/Register.razor | 4 +- src/apps/blazor-app/wwwroot/css/app.css | 5002 ----------------- 5 files changed, 6 insertions(+), 5008 deletions(-) diff --git a/src/apps/blazor-app/Components/Advanced/Finanace.razor b/src/apps/blazor-app/Components/Advanced/Finanace.razor index c9001469..99bb3925 100644 --- a/src/apps/blazor-app/Components/Advanced/Finanace.razor +++ b/src/apps/blazor-app/Components/Advanced/Finanace.razor @@ -10,7 +10,7 @@

All calculations are derived from the monthly bill. Please keep in mind that these calculations are approximate, and costs may vary among different solar installers."

 -
+
@@ -28,7 +28,7 @@
-
+
diff --git a/src/apps/blazor-app/Components/Base/Tooltip.razor b/src/apps/blazor-app/Components/Base/Tooltip.razor index 90e95095..b43707d4 100644 --- a/src/apps/blazor-app/Components/Base/Tooltip.razor +++ b/src/apps/blazor-app/Components/Base/Tooltip.razor @@ -35,4 +35,4 @@ break; } } -} \ No newline at end of file +} diff --git a/src/apps/blazor-app/Pages/Login.razor b/src/apps/blazor-app/Pages/Login.razor index c661e4ae..a43aa4f5 100644 --- a/src/apps/blazor-app/Pages/Login.razor +++ b/src/apps/blazor-app/Pages/Login.razor @@ -26,7 +26,7 @@
Sun - UI Elements + UI Elements Rob
diff --git a/src/apps/blazor-app/Pages/Register.razor b/src/apps/blazor-app/Pages/Register.razor index b58570eb..56d422ed 100644 --- a/src/apps/blazor-app/Pages/Register.razor +++ b/src/apps/blazor-app/Pages/Register.razor @@ -26,8 +26,8 @@ else if (logIn)
Sun - UI Elements - Rob + UI Elements + Rob
diff --git a/src/apps/blazor-app/wwwroot/css/app.css b/src/apps/blazor-app/wwwroot/css/app.css index 4f9886fb..e69de29b 100644 --- a/src/apps/blazor-app/wwwroot/css/app.css +++ b/src/apps/blazor-app/wwwroot/css/app.css @@ -1,5002 +0,0 @@ -/* -! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com -*/ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -5. Use the user's configured `sans` font-feature-settings by default. -6. Use the user's configured `sans` font-variation-settings by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ - font-feature-settings: normal; - /* 5 */ - font-variation-settings: normal; - /* 6 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -/* Make elements with the HTML hidden attribute stay hidden by default */ - -[hidden] { - display: none; -} - -*, ::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: ; -} - -::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: ; -} - -.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; -} - -.collapse { - visibility: collapse; -} - -.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-1\/2 { - bottom: -50%; -} - -.-bottom-16 { - bottom: -4rem; -} - -.-bottom-3\/4 { - bottom: -75%; -} - -.-bottom-32 { - bottom: -8rem; -} - -.-bottom-40 { - bottom: -10rem; -} - -.-bottom-44 { - bottom: -11rem; -} - -.-left-1 { - left: -0.25rem; -} - -.-left-1\/2 { - left: -50%; -} - -.-left-10 { - left: -2.5rem; -} - -.-left-2 { - left: -0.5rem; -} - -.-left-20 { - left: -5rem; -} - -.-left-32 { - left: -8rem; -} - -.-left-\[45\%\] { - left: -45%; -} - -.-left-\[57\%\] { - left: -57%; -} - -.-right-1 { - right: -0.25rem; -} - -.-right-1\/2 { - right: -50%; -} - -.-right-10 { - right: -2.5rem; -} - -.-right-20 { - right: -5rem; -} - -.-right-3 { - right: -0.75rem; -} - -.-right-32 { - right: -8rem; -} - -.-right-36 { - right: -9rem; -} - -.-right-40 { - right: -10rem; -} - -.-right-48 { - right: -12rem; -} - -.-right-60 { - right: -15rem; -} - -.-right-\[55\%\] { - right: -55%; -} - -.-right-\[57\%\] { - right: -57%; -} - -.-right-\[60\%\] { - right: -60%; -} - -.-top-1 { - top: -0.25rem; -} - -.-top-1\/2 { - top: -50%; -} - -.-top-1\/3 { - top: -33.333333%; -} - -.-top-10 { - top: -2.5rem; -} - -.-top-14 { - top: -3.5rem; -} - -.-top-2 { - top: -0.5rem; -} - -.-top-20 { - top: -5rem; -} - -.-top-24 { - top: -6rem; -} - -.-top-3 { - top: -0.75rem; -} - -.-top-80 { - top: -20rem; -} - -.-top-\[10\%\] { - top: -10%; -} - -.-top-\[31px\] { - top: -31px; -} - -.-top-\[55\%\] { - top: -55%; -} - -.-top-\[70px\] { - top: -70px; -} - -.bottom-0 { - bottom: 0px; -} - -.bottom-10 { - bottom: 2.5rem; -} - -.bottom-14 { - bottom: 3.5rem; -} - -.bottom-2 { - bottom: 0.5rem; -} - -.bottom-20 { - bottom: 5rem; -} - -.bottom-\[480px\] { - bottom: 480px; -} - -.left-0 { - left: 0px; -} - -.left-1\/2 { - left: 50%; -} - -.left-10 { - left: 2.5rem; -} - -.left-16 { - left: 4rem; -} - -.left-2 { - left: 0.5rem; -} - -.left-20 { - left: 5rem; -} - -.left-3 { - left: 0.75rem; -} - -.left-32 { - left: 8rem; -} - -.left-40 { - left: 10rem; -} - -.left-48 { - left: 12rem; -} - -.left-96 { - left: 24rem; -} - -.right-0 { - right: 0px; -} - -.right-10 { - right: 2.5rem; -} - -.right-2 { - right: 0.5rem; -} - -.right-20 { - right: 5rem; -} - -.right-24 { - right: 6rem; -} - -.right-28 { - right: 7rem; -} - -.right-3 { - right: 0.75rem; -} - -.right-4 { - right: 1rem; -} - -.right-5 { - right: 1.25rem; -} - -.right-8 { - right: 2rem; -} - -.top-0 { - top: 0px; -} - -.top-1\/2 { - top: 50%; -} - -.top-1\/3 { - top: 33.333333%; -} - -.top-10 { - top: 2.5rem; -} - -.top-12 { - top: 3rem; -} - -.top-16 { - top: 4rem; -} - -.top-2 { - top: 0.5rem; -} - -.top-20 { - top: 5rem; -} - -.top-28 { - top: 7rem; -} - -.top-3 { - top: 0.75rem; -} - -.top-5 { - top: 1.25rem; -} - -.top-8 { - top: 2rem; -} - -.top-\[235px\] { - top: 235px; -} - -.top-\[5\%\] { - top: 5%; -} - -.top-full { - top: 100%; -} - -.-right-\[134px\] { - right: -134px; -} - -.isolate { - isolation: isolate; -} - -.-z-10 { - z-index: -10; -} - -.-z-20 { - z-index: -20; -} - -.-z-30 { - z-index: -30; -} - -.-z-50 { - z-index: -50; -} - -.z-0 { - z-index: 0; -} - -.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; -} - -.col-span-2 { - grid-column: span 2 / span 2; -} - -.-m-1 { - margin: -0.25rem; -} - -.-m-1\.5 { - margin: -0.375rem; -} - -.-m-2 { - margin: -0.5rem; -} - -.-m-2\.5 { - margin: -0.625rem; -} - -.m-3 { - margin: 0.75rem; -} - -.m-4 { - margin: 1rem; -} - -.m-auto { - margin: auto; -} - -.-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; -} - -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-12 { - margin-top: 3rem; - margin-bottom: 3rem; -} - -.my-20 { - margin-top: 5rem; - margin-bottom: 5rem; -} - -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; -} - -.my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; -} - -.my-auto { - margin-top: auto; - margin-bottom: auto; -} - -.-mb-2 { - margin-bottom: -0.5rem; -} - -.-mb-20 { - margin-bottom: -5rem; -} - -.-mb-28 { - margin-bottom: -7rem; -} - -.-mb-80 { - margin-bottom: -20rem; -} - -.-mb-96 { - margin-bottom: -24rem; -} - -.-ml-2 { - margin-left: -0.5rem; -} - -.-ml-4 { - margin-left: -1rem; -} - -.-mr-2 { - margin-right: -0.5rem; -} - -.-mt-10 { - margin-top: -2.5rem; -} - -.-mt-16 { - margin-top: -4rem; -} - -.-mt-2 { - margin-top: -0.5rem; -} - -.-mt-20 { - margin-top: -5rem; -} - -.-mt-24 { - margin-top: -6rem; -} - -.-mt-4 { - margin-top: -1rem; -} - -.-mt-6 { - margin-top: -1.5rem; -} - -.-mt-7 { - margin-top: -1.75rem; -} - -.-mt-8 { - margin-top: -2rem; -} - -.mb-10 { - margin-bottom: 2.5rem; -} - -.mb-12 { - margin-bottom: 3rem; -} - -.mb-14 { - margin-bottom: 3.5rem; -} - -.mb-16 { - margin-bottom: 4rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - -.mb-2\.5 { - margin-bottom: 0.625rem; -} - -.mb-20 { - margin-bottom: 5rem; -} - -.mb-24 { - margin-bottom: 6rem; -} - -.mb-3 { - margin-bottom: 0.75rem; -} - -.mb-4 { - margin-bottom: 1rem; -} - -.mb-40 { - margin-bottom: 10rem; -} - -.mb-5 { - margin-bottom: 1.25rem; -} - -.mb-52 { - margin-bottom: 13rem; -} - -.mb-6 { - margin-bottom: 1.5rem; -} - -.mb-60 { - margin-bottom: 15rem; -} - -.mb-8 { - margin-bottom: 2rem; -} - -.mb-9 { - margin-bottom: 2.25rem; -} - -.mb-\[30px\] { - margin-bottom: 30px; -} - -.ml-16 { - margin-left: 4rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.ml-20 { - margin-left: 5rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.ml-40 { - margin-left: 10rem; -} - -.ml-auto { - margin-left: auto; -} - -.mr-2 { - margin-right: 0.5rem; -} - -.mr-4 { - margin-right: 1rem; -} - -.mr-5 { - margin-right: 1.25rem; -} - -.mr-auto { - margin-right: auto; -} - -.mt-0 { - margin-top: 0px; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.mt-1\.5 { - margin-top: 0.375rem; -} - -.mt-10 { - margin-top: 2.5rem; -} - -.mt-14 { - margin-top: 3.5rem; -} - -.mt-16 { - margin-top: 4rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.mt-2\.5 { - margin-top: 0.625rem; -} - -.mt-20 { - margin-top: 5rem; -} - -.mt-24 { - margin-top: 6rem; -} - -.mt-28 { - margin-top: 7rem; -} - -.mt-3 { - margin-top: 0.75rem; -} - -.mt-32 { - margin-top: 8rem; -} - -.mt-36 { - margin-top: 9rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.mt-5 { - margin-top: 1.25rem; -} - -.mt-6 { - margin-top: 1.5rem; -} - -.mt-8 { - margin-top: 2rem; -} - -.mt-80 { - margin-top: 20rem; -} - -.-mt-28 { - margin-top: -7rem; -} - -.-mt-5 { - margin-top: -1.25rem; -} - -.block { - display: block; -} - -.flex { - display: flex; -} - -.inline-flex { - display: inline-flex; -} - -.table { - display: table; -} - -.grid { - display: grid; -} - -.hidden { - display: none; -} - -.aspect-square { - aspect-ratio: 1 / 1; -} - -.h-0 { - height: 0px; -} - -.h-1 { - height: 0.25rem; -} - -.h-1\/2 { - height: 50%; -} - -.h-10 { - height: 2.5rem; -} - -.h-12 { - height: 3rem; -} - -.h-14 { - height: 3.5rem; -} - -.h-16 { - height: 4rem; -} - -.h-2 { - height: 0.5rem; -} - -.h-2\.5 { - height: 0.625rem; -} - -.h-2\/3 { - height: 66.666667%; -} - -.h-20 { - height: 5rem; -} - -.h-24 { - height: 6rem; -} - -.h-28 { - height: 7rem; -} - -.h-3 { - height: 0.75rem; -} - -.h-3\/4 { - height: 75%; -} - -.h-32 { - height: 8rem; -} - -.h-4 { - height: 1rem; -} - -.h-40 { - height: 10rem; -} - -.h-48 { - height: 12rem; -} - -.h-5 { - height: 1.25rem; -} - -.h-52 { - height: 13rem; -} - -.h-56 { - height: 14rem; -} - -.h-6 { - height: 1.5rem; -} - -.h-60 { - height: 15rem; -} - -.h-72 { - height: 18rem; -} - -.h-8 { - height: 2rem; -} - -.h-80 { - height: 20rem; -} - -.h-9 { - height: 2.25rem; -} - -.h-\[100vh\] { - height: 100vh; -} - -.h-\[120px\] { - height: 120px; -} - -.h-\[300px\] { - height: 300px; -} - -.h-\[30rem\] { - height: 30rem; -} - -.h-\[330px\] { - height: 330px; -} - -.h-\[360px\] { - height: 360px; -} - -.h-\[65px\] { - height: 65px; -} - -.h-\[77\.2\%\] { - height: 77.2%; -} - -.h-\[80px\] { - height: 80px; -} - -.h-\[8cm\] { - height: 8cm; -} - -.h-fit { - height: -moz-fit-content; - height: fit-content; -} - -.h-full { - height: 100%; -} - -.h-px { - height: 1px; -} - -.h-screen { - height: 100vh; -} - -.max-h-96 { - max-height: 24rem; -} - -.w-1\/2 { - width: 50%; -} - -.w-1\/3 { - width: 33.333333%; -} - -.w-1\/4 { - width: 25%; -} - -.w-10 { - width: 2.5rem; -} - -.w-10\/12 { - width: 83.333333%; -} - -.w-11 { - width: 2.75rem; -} - -.w-12 { - width: 3rem; -} - -.w-14 { - width: 3.5rem; -} - -.w-16 { - width: 4rem; -} - -.w-2 { - width: 0.5rem; -} - -.w-2\/3 { - width: 66.666667%; -} - -.w-20 { - width: 5rem; -} - -.w-24 { - width: 6rem; -} - -.w-28 { - width: 7rem; -} - -.w-3 { - width: 0.75rem; -} - -.w-3\/4 { - width: 75%; -} - -.w-32 { - width: 8rem; -} - -.w-36 { - width: 9rem; -} - -.w-4\/12 { - width: 33.333333%; -} - -.w-4\/5 { - width: 80%; -} - -.w-40 { - width: 10rem; -} - -.w-44 { - width: 11rem; -} - -.w-48 { - width: 12rem; -} - -.w-5 { - width: 1.25rem; -} - -.w-52 { - width: 13rem; -} - -.w-56 { - width: 14rem; -} - -.w-6 { - width: 1.5rem; -} - -.w-6\/12 { - width: 50%; -} - -.w-60 { - width: 15rem; -} - -.w-64 { - width: 16rem; -} - -.w-7 { - width: 1.75rem; -} - -.w-72 { - width: 18rem; -} - -.w-8 { - width: 2rem; -} - -.w-80 { - width: 20rem; -} - -.w-9 { - width: 2.25rem; -} - -.w-96 { - width: 24rem; -} - -.w-\[100px\] { - width: 100px; -} - -.w-\[100vw\] { - width: 100vw; -} - -.w-\[105px\] { - width: 105px; -} - -.w-\[110px\] { - width: 110px; -} - -.w-\[120px\] { - width: 120px; -} - -.w-\[125px\] { - width: 125px; -} - -.w-\[140px\] { - width: 140px; -} - -.w-\[145px\] { - width: 145px; -} - -.w-\[150px\] { - width: 150px; -} - -.w-\[160px\] { - width: 160px; -} - -.w-\[240px\] { - width: 240px; -} - -.w-\[245px\] { - width: 245px; -} - -.w-\[300px\] { - width: 300px; -} - -.w-\[310px\] { - width: 310px; -} - -.w-\[325px\] { - width: 325px; -} - -.w-\[330px\] { - width: 330px; -} - -.w-\[360px\] { - width: 360px; -} - -.w-\[388px\] { - width: 388px; -} - -.w-\[420px\] { - width: 420px; -} - -.w-\[65px\] { - width: 65px; -} - -.w-\[660px\] { - width: 660px; -} - -.w-\[70px\] { - width: 70px; -} - -.w-\[80px\] { - width: 80px; -} - -.w-\[8cm\] { - width: 8cm; -} - -.w-\[90\%\] { - width: 90%; -} - -.w-auto { - width: auto; -} - -.w-fit { - width: -moz-fit-content; - width: fit-content; -} - -.w-full { - width: 100%; -} - -.w-max { - width: -moz-max-content; - width: max-content; -} - -.w-screen { - width: 100vw; -} - -.min-w-fit { - min-width: -moz-fit-content; - min-width: fit-content; -} - -.max-w-2xl { - max-width: 42rem; -} - -.max-w-3xl { - max-width: 48rem; -} - -.max-w-4xl { - max-width: 56rem; -} - -.max-w-7xl { - max-width: 80rem; -} - -.max-w-\[330px\] { - max-width: 330px; -} - -.max-w-\[470px\] { - max-width: 470px; -} - -.max-w-\[95\%\] { - max-width: 95%; -} - -.max-w-lg { - max-width: 32rem; -} - -.max-w-md { - max-width: 28rem; -} - -.max-w-sm { - max-width: 24rem; -} - -.max-w-xl { - max-width: 36rem; -} - -.max-w-xs { - max-width: 20rem; -} - -.flex-shrink-0 { - flex-shrink: 0; -} - -.-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-x-10 { - --tw-translate-x: -2.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)); -} - -.-translate-x-64 { - --tw-translate-x: -16rem; - 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-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)); -} - -.-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-y-10 { - --tw-translate-y: -2.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)); -} - -.-translate-y-2 { - --tw-translate-y: -0.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)); -} - -.-translate-y-20 { - --tw-translate-y: -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)); -} - -.-translate-y-28 { - --tw-translate-y: -7rem; - 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-4 { - --tw-translate-y: -1rem; - 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-40 { - --tw-translate-y: -10rem; - 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-6 { - --tw-translate-y: -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)); -} - -.-translate-y-full { - --tw-translate-y: -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)); -} - -.translate-x-1 { - --tw-translate-x: 0.25rem; - 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)); -} - -.translate-x-10 { - --tw-translate-x: 2.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)); -} - -.translate-x-2 { - --tw-translate-x: 0.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)); -} - -.translate-x-20 { - --tw-translate-x: 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)); -} - -.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)); -} - -.translate-y-0 { - --tw-translate-y: 0px; - 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-10 { - --tw-translate-y: 2.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)); -} - -.translate-y-2 { - --tw-translate-y: 0.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)); -} - -.translate-y-24 { - --tw-translate-y: 6rem; - 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-8 { - --tw-translate-y: 2rem; - 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-full { - --tw-translate-y: 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)); -} - -.-rotate-12 { - --tw-rotate: -12deg; - 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-90 { - --tw-rotate: -90deg; - 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-\[40\] { - --tw-rotate: -40; - 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-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.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)); -} - -.scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; - 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-150 { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; - 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-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; - 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-75 { - --tw-scale-x: .75; - --tw-scale-y: .75; - 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-90 { - --tw-scale-x: .9; - --tw-scale-y: .9; - 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-\[\.25\] { - --tw-scale-x: .25; - --tw-scale-y: .25; - 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-\[0\.6\] { - --tw-scale-x: 0.6; - --tw-scale-y: 0.6; - 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-\[1\.3\] { - --tw-scale-x: 1.3; - --tw-scale-y: 1.3; - 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-\[1\.6\] { - --tw-scale-x: 1.6; - --tw-scale-y: 1.6; - 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-\[1\.7\] { - --tw-scale-x: 1.7; - --tw-scale-y: 1.7; - 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-\[2\.6\] { - --tw-scale-x: 2.6; - --tw-scale-y: 2.6; - 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-\[2\] { - --tw-scale-x: 2; - --tw-scale-y: 2; - 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-x-100 { - --tw-scale-x: -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 pulse { - 50% { - opacity: .5; - } -} - -.animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; -} - -@keyframes spin { - to { - transform: rotate(360deg); - } -} - -.animate-spin { - animation: spin 1s linear infinite; -} - -.cursor-pointer { - cursor: pointer; -} - -.cursor-wait { - cursor: wait; -} - -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} - -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} - -.flex-row { - flex-direction: row; -} - -.flex-row-reverse { - flex-direction: row-reverse; -} - -.flex-col { - flex-direction: column; -} - -.flex-col-reverse { - flex-direction: column-reverse; -} - -.flex-wrap { - flex-wrap: wrap; -} - -.flex-nowrap { - flex-wrap: nowrap; -} - -.items-start { - align-items: flex-start; -} - -.items-end { - align-items: flex-end; -} - -.items-center { - align-items: center; -} - -.justify-start { - justify-content: flex-start; -} - -.justify-end { - justify-content: flex-end; -} - -.justify-center { - justify-content: center; -} - -.justify-between { - justify-content: space-between; -} - -.justify-around { - justify-content: space-around; -} - -.justify-evenly { - justify-content: space-evenly; -} - -.gap-1 { - gap: 0.25rem; -} - -.gap-1\.5 { - gap: 0.375rem; -} - -.gap-10 { - gap: 2.5rem; -} - -.gap-2 { - gap: 0.5rem; -} - -.gap-20 { - gap: 5rem; -} - -.gap-3 { - gap: 0.75rem; -} - -.gap-4 { - gap: 1rem; -} - -.gap-5 { - gap: 1.25rem; -} - -.gap-6 { - gap: 1.5rem; -} - -.gap-8 { - gap: 2rem; -} - -.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-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-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))); -} - -.space-x-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.25rem * var(--tw-space-x-reverse)); - margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-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-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-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-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.25rem * 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-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2rem * var(--tw-space-y-reverse)); -} - -.space-y-9 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); -} - -.self-center { - align-self: center; -} - -.overflow-hidden { - overflow: hidden; -} - -.overflow-visible { - overflow: visible; -} - -.overflow-scroll { - overflow: scroll; -} - -.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-3xl { - border-radius: 1.5rem; -} - -.rounded-\[20px\] { - border-radius: 20px; -} - -.rounded-\[40px\] { - border-radius: 40px; -} - -.rounded-full { - border-radius: 9999px; -} - -.rounded-lg { - border-radius: 0.5rem; -} - -.rounded-md { - border-radius: 0.375rem; -} - -.rounded-xl { - border-radius: 0.75rem; -} - -.rounded-sm { - border-radius: 0.125rem; -} - -.rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; -} - -.rounded-b-none { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; -} - -.rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} - -.rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; -} - -.rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} - -.rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; -} - -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; -} - -.border { - border-width: 1px; -} - -.border-0 { - border-width: 0px; -} - -.border-2 { - border-width: 2px; -} - -.border-b { - border-bottom-width: 1px; -} - -.border-blue-500 { - --tw-border-opacity: 1; - border-color: rgb(59 130 246 / var(--tw-border-opacity)); -} - -.border-gray-200 { - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); -} - -.border-gray-300 { - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - -.border-green-500 { - --tw-border-opacity: 1; - border-color: rgb(34 197 94 / var(--tw-border-opacity)); -} - -.border-orange-500 { - --tw-border-opacity: 1; - border-color: rgb(249 115 22 / var(--tw-border-opacity)); -} - -.border-primary-200 { - --tw-border-opacity: 1; - border-color: rgb(199 215 240 / var(--tw-border-opacity)); -} - -.border-primary-300 { - --tw-border-opacity: 1; - border-color: rgb(149 180 228 / var(--tw-border-opacity)); -} - -.border-primary-500 { - --tw-border-opacity: 1; - border-color: rgb(56 113 193 / var(--tw-border-opacity)); -} - -.border-red-400 { - --tw-border-opacity: 1; - border-color: rgb(248 113 113 / var(--tw-border-opacity)); -} - -.border-red-500 { - --tw-border-opacity: 1; - border-color: rgb(239 68 68 / var(--tw-border-opacity)); -} - -.border-white { - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - -.bg-black { - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); -} - -.bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity)); -} - -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} - -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - -.bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgb(220 252 231 / var(--tw-bg-opacity)); -} - -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); -} - -.bg-orange-accent-200 { - --tw-bg-opacity: 1; - background-color: rgb(253 223 171 / var(--tw-bg-opacity)); -} - -.bg-orange-accent-500 { - --tw-bg-opacity: 1; - background-color: rgb(246 135 18 / var(--tw-bg-opacity)); -} - -.bg-orange-accent-600 { - --tw-bg-opacity: 1; - background-color: rgb(231 111 15 / var(--tw-bg-opacity)); -} - -.bg-primary-100 { - --tw-bg-opacity: 1; - background-color: rgb(230 236 248 / var(--tw-bg-opacity)); -} - -.bg-primary-200 { - --tw-bg-opacity: 1; - background-color: rgb(199 215 240 / var(--tw-bg-opacity)); -} - -.bg-primary-300 { - --tw-bg-opacity: 1; - background-color: rgb(149 180 228 / var(--tw-bg-opacity)); -} - -.bg-primary-400 { - --tw-bg-opacity: 1; - background-color: rgb(92 142 212 / var(--tw-bg-opacity)); -} - -.bg-primary-50 { - --tw-bg-opacity: 1; - background-color: rgb(243 246 252 / var(--tw-bg-opacity)); -} - -.bg-primary-500 { - --tw-bg-opacity: 1; - background-color: rgb(56 113 193 / var(--tw-bg-opacity)); -} - -.bg-primary-600 { - --tw-bg-opacity: 1; - background-color: rgb(39 86 162 / var(--tw-bg-opacity)); -} - -.bg-primary-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 61 109 / var(--tw-bg-opacity)); -} - -.bg-primary-900 { - --tw-bg-opacity: 1; - background-color: rgb(31 53 91 / var(--tw-bg-opacity)); -} - -.bg-red-accent-100 { - --tw-bg-opacity: 1; - background-color: rgb(253 228 215 / var(--tw-bg-opacity)); -} - -.bg-red-accent-500 { - --tw-bg-opacity: 1; - background-color: rgb(241 70 36 / var(--tw-bg-opacity)); -} - -.bg-slate-200 { - --tw-bg-opacity: 1; - background-color: rgb(226 232 240 / var(--tw-bg-opacity)); -} - -.bg-slate-900 { - --tw-bg-opacity: 1; - background-color: rgb(15 23 42 / var(--tw-bg-opacity)); -} - -.bg-transparent { - background-color: transparent; -} - -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.bg-yellow-accent-100 { - --tw-bg-opacity: 1; - background-color: rgb(255 251 197 / var(--tw-bg-opacity)); -} - -.bg-yellow-accent-500 { - --tw-bg-opacity: 1; - background-color: rgb(255 193 8 / var(--tw-bg-opacity)); -} - -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, 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-tr { - background-image: linear-gradient(to top right, var(--tw-gradient-stops)); -} - -.from-gray-400 { - --tw-gradient-from: #9ca3af var(--tw-gradient-from-position); - --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-primary-100 { - --tw-gradient-from: #e6ecf8 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(230 236 248 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-primary-400 { - --tw-gradient-from: #5c8ed4 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(92 142 212 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-red-400 { - --tw-gradient-from: #f87171 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-red-accent-500 { - --tw-gradient-from: #f14624 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(241 70 36 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.via-yellow-accent-500 { - --tw-gradient-to: rgb(255 193 8 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), #ffc108 var(--tw-gradient-via-position), var(--tw-gradient-to); -} - -.to-gray-300 { - --tw-gradient-to: #d1d5db var(--tw-gradient-to-position); -} - -.to-green-500 { - --tw-gradient-to: #22c55e var(--tw-gradient-to-position); -} - -.to-primary-200 { - --tw-gradient-to: #c7d7f0 var(--tw-gradient-to-position); -} - -.to-primary-300 { - --tw-gradient-to: #95b4e4 var(--tw-gradient-to-position); -} - -.to-primary-500 { - --tw-gradient-to: #3871c1 var(--tw-gradient-to-position); -} - -.to-primary-600 { - --tw-gradient-to: #2756a2 var(--tw-gradient-to-position); -} - -.to-red-600 { - --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); -} - -.bg-clip-text { - -webkit-background-clip: text; - background-clip: text; -} - -.fill-blue-600 { - fill: #2563eb; -} - -.fill-current { - fill: currentColor; -} - -.object-cover { - -o-object-fit: cover; - object-fit: cover; -} - -.p-1 { - padding: 0.25rem; -} - -.p-1\.5 { - padding: 0.375rem; -} - -.p-10 { - padding: 2.5rem; -} - -.p-2 { - padding: 0.5rem; -} - -.p-2\.5 { - padding: 0.625rem; -} - -.p-3 { - padding: 0.75rem; -} - -.p-4 { - padding: 1rem; -} - -.p-5 { - padding: 1.25rem; -} - -.p-6 { - padding: 1.5rem; -} - -.p-8 { - padding: 2rem; -} - -.px-0 { - padding-left: 0px; - padding-right: 0px; -} - -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} - -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; -} - -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} - -.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; -} - -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.py-32 { - padding-top: 8rem; - padding-bottom: 8rem; -} - -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.pb-10 { - padding-bottom: 2.5rem; -} - -.pb-4 { - padding-bottom: 1rem; -} - -.pl-14 { - padding-left: 3.5rem; -} - -.pl-2 { - padding-left: 0.5rem; -} - -.pl-3 { - padding-left: 0.75rem; -} - -.pl-64 { - padding-left: 16rem; -} - -.pl-7 { - padding-left: 1.75rem; -} - -.pr-10 { - padding-right: 2.5rem; -} - -.pr-2 { - padding-right: 0.5rem; -} - -.pr-20 { - padding-right: 5rem; -} - -.pt-14 { - padding-top: 3.5rem; -} - -.pt-4 { - padding-top: 1rem; -} - -.text-left { - text-align: left; -} - -.text-center { - text-align: center; -} - -.text-start { - text-align: start; -} - -.text-end { - text-align: end; -} - -.align-middle { - vertical-align: middle; -} - -.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-5xl { - font-size: 3rem; - line-height: 1; -} - -.text-6xl { - font-size: 3.75rem; - line-height: 1; -} - -.text-\[12px\] { - font-size: 12px; -} - -.text-\[13px\] { - font-size: 13px; -} - -.text-\[14px\] { - font-size: 14px; -} - -.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-black { - font-weight: 900; -} - -.font-bold { - font-weight: 700; -} - -.font-extrabold { - font-weight: 800; -} - -.font-light { - font-weight: 300; -} - -.font-medium { - font-weight: 500; -} - -.font-normal { - font-weight: 400; -} - -.font-semibold { - font-weight: 600; -} - -.uppercase { - text-transform: uppercase; -} - -.capitalize { - text-transform: capitalize; -} - -.leading-6 { - line-height: 1.5rem; -} - -.leading-8 { - line-height: 2rem; -} - -.leading-\[150\%\] { - line-height: 150%; -} - -.tracking-tight { - letter-spacing: -0.025em; -} - -.tracking-wide { - letter-spacing: 0.025em; -} - -.text-black { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-blue-400 { - --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); -} - -.text-blue-500 { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); -} - -.text-blue-900 { - --tw-text-opacity: 1; - color: rgb(30 58 138 / var(--tw-text-opacity)); -} - -.text-blue-950 { - --tw-text-opacity: 1; - color: rgb(23 37 84 / var(--tw-text-opacity)); -} - -.text-gray-100 { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); -} - -.text-gray-200 { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - -.text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - -.text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.text-green-600 { - --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); -} - -.text-green-900 { - --tw-text-opacity: 1; - color: rgb(20 83 45 / var(--tw-text-opacity)); -} - -.text-orange-900 { - --tw-text-opacity: 1; - color: rgb(124 45 18 / var(--tw-text-opacity)); -} - -.text-orange-accent-500 { - --tw-text-opacity: 1; - color: rgb(246 135 18 / var(--tw-text-opacity)); -} - -.text-orange-accent-600 { - --tw-text-opacity: 1; - color: rgb(231 111 15 / var(--tw-text-opacity)); -} - -.text-primary-100 { - --tw-text-opacity: 1; - color: rgb(230 236 248 / var(--tw-text-opacity)); -} - -.text-primary-200 { - --tw-text-opacity: 1; - color: rgb(199 215 240 / var(--tw-text-opacity)); -} - -.text-primary-300 { - --tw-text-opacity: 1; - color: rgb(149 180 228 / var(--tw-text-opacity)); -} - -.text-primary-400 { - --tw-text-opacity: 1; - color: rgb(92 142 212 / var(--tw-text-opacity)); -} - -.text-primary-500 { - --tw-text-opacity: 1; - color: rgb(56 113 193 / var(--tw-text-opacity)); -} - -.text-primary-700 { - --tw-text-opacity: 1; - color: rgb(33 69 131 / var(--tw-text-opacity)); -} - -.text-primary-800 { - --tw-text-opacity: 1; - color: rgb(31 61 109 / var(--tw-text-opacity)); -} - -.text-primary-900 { - --tw-text-opacity: 1; - color: rgb(31 53 91 / var(--tw-text-opacity)); -} - -.text-primary-950 { - --tw-text-opacity: 1; - color: rgb(20 34 61 / var(--tw-text-opacity)); -} - -.text-red-500 { - --tw-text-opacity: 1; - color: rgb(239 68 68 / var(--tw-text-opacity)); -} - -.text-red-600 { - --tw-text-opacity: 1; - color: rgb(220 38 38 / var(--tw-text-opacity)); -} - -.text-red-900 { - --tw-text-opacity: 1; - color: rgb(127 29 29 / var(--tw-text-opacity)); -} - -.text-red-accent-500 { - --tw-text-opacity: 1; - color: rgb(241 70 36 / var(--tw-text-opacity)); -} - -.text-transparent { - color: transparent; -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-yellow-accent-500 { - --tw-text-opacity: 1; - color: rgb(255 193 8 / var(--tw-text-opacity)); -} - -.underline { - text-decoration-line: underline; -} - -.accent-primary-800 { - accent-color: #1f3d6d; -} - -.opacity-0 { - opacity: 0; -} - -.opacity-100 { - opacity: 1; -} - -.opacity-50 { - opacity: 0.5; -} - -.opacity-90 { - opacity: 0.9; -} - -.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-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-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 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); -} - -.outline { - outline-style: solid; -} - -.ring-1 { - --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(1px + 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); -} - -.ring-inset { - --tw-ring-inset: inset; -} - -.ring-gray-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); -} - -.ring-red-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity)); -} - -.brightness-90 { - --tw-brightness: brightness(.9); - 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); -} - -.saturate-\[1\.3\] { - --tw-saturate: saturate(1.3); - 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-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-colors { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.delay-100 { - transition-delay: 100ms; -} - -.delay-200 { - transition-delay: 200ms; -} - -.delay-300 { - transition-delay: 300ms; -} - -.delay-500 { - transition-delay: 500ms; -} - -.delay-\[250ms\] { - transition-delay: 250ms; -} - -.duration-200 { - transition-duration: 200ms; -} - -.duration-300 { - transition-duration: 300ms; -} - -.duration-500 { - transition-duration: 500ms; -} - -.duration-75 { - transition-duration: 75ms; -} - -.duration-\[300ms\] { - transition-duration: 300ms; -} - -.duration-\[400ms\] { - transition-duration: 400ms; -} - -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.tooltip { - position: absolute; - opacity: 0; - display: none; -} - -.has-tooltip:hover .tooltip { - opacity: 1; - z-index: 50; - display: block ; -} - -j - -body { - font-family: 'Montserrat', sans-serif; -} - -html { - scroll-behavior: smooth; -} - -/* Fade-In Transition */ - -.fade-in-enter-active { - animation: fadeIn .6s; -} - -/* Fade Transition */ - -.fade-in-active { - animation: fadeIn .3s; -} - -.fade-active { - animation: fade .6s; -} - -.fade-out-active { - animation: fade-out .3s; -} - -/* Slide-In Transition */ - -.slide-in-enter-active { - animation: slideIn .6s; - animation-delay: 50ms; -} - -.slide-in-active { - animation: slideIn .3s; -} - -/* Toast Classes */ - -.toast-slide-in { - animation: toastSlideIn .5s; -} - -.toast-slide-out { - animation: toastSlideOut .5s; -} - -.toast-progress { - animation: toastProgress 6s; - animation-timing-function: ease-in-out; -} - -/* Panel and Trees Classes */ - -.panel-trees-slide-in-left { - animation: panelSlideLeft .5s; - animation-delay: .5s; - animation-fill-mode: forwards; -} - -/* Robert Classes */ - -.robert-slide-in-right { - animation: robertSlideRight .5s; - animation-delay: 1s; - animation-fill-mode: forwards; -} - -.robert-slide-in-tutorial { - animation: robertSlideRight .3s; - animation-delay: .5s; - animation-fill-mode: forwards; -} - -.robert-slide-in-left { - animation: robertSlideLeft .5s; - animation-delay: 1s; - animation-fill-mode: forwards; -} - -.robert-slide-up { - animation: robertSlideUp .5s; - animation-timing-function: ease-in-out; - animation-fill-mode: forwards; -} - -/* Loading Classes */ - -.loading-runner { - animation: loadingRunner 1.5s infinite ease-in-out; -} - -.slide-up-out { - animation: slideUpOut .5s; - animation-fill-mode: forwards; -} - -.slide-down-in { - animation: slideDownIn .5s; - animation-fill-mode: forwards; -} - -/* Navigation Slides */ - -.nav-slide-in { - animation: navSlideIn .3s; - animation-fill-mode: forwards; -} - -.nav-slide-out { - animation: navSlideOut .3s; - animation-fill-mode: forwards; -} - -/* Wipe transitions */ - -.wipe-down { - animation: wipeDown .5s; - animation-fill-mode: forwards; -} - -.wipe-up { - animation: wipeUp .5s; - animation-fill-mode: forwards; -} - -.chatbot-slide-in { - animation: chatbotSlideIn .5s; - animation-fill-mode: forwards; -} - -.chatbot-slide-out { - animation: chatbotSlideOut .5s; - animation-fill-mode: forwards; -} - -/* Appliance transitions */ - -.appliance-slide-out-left { - animation: slideLeftOut .2s; - animation-fill-mode: forwards; -} - -.appliance-slide-in-left { - animation: slideLeftIn .2s; - animation-fill-mode: forwards; -} - -.appliance-slide-out-right { - animation: slideRightOut .2s; - animation-fill-mode: forwards; -} - -.appliance-slide-in-right { - animation: slideRightIn .2s; - animation-fill-mode: forwards; -} - -/* Navigation Slide In */ - -@keyframes navSlideIn { - from { - transform: translateX(100%); - } - - to { - transform: translateX(0); - } -} - -/* Navigation Slide Out */ - -@keyframes navSlideOut { - from { - transform: translateX(0); - } - - to { - transform: translateX(100%); - } -} - -/* Slide Left Out Transition */ - -@keyframes slideLeftOut { - from { - opacity: 1; - transform: translateX(0); - } - - to { - opacity: 0; - transform: translateX(-50%); - } -} - -/* Slide Left In Transition */ - -@keyframes slideLeftIn { - from { - opacity: 0; - transform: translateX(-50%); - } - - to { - opacity: 1; - transform: translateX(0); - } -} - -/* Slide Right Out Transition */ - -@keyframes slideRightOut { - from { - opacity: 1; - transform: translateX(0); - } - - to { - opacity: 0; - transform: translateX(50%); - } -} - -/* Slide Right In Transition */ - -@keyframes slideRightIn { - from { - opacity: 0; - transform: translateX(50%); - } - - to { - opacity: 1; - transform: translateX(0); - } -} - -/* Chatbot Transitions */ - -@keyframes chatbotSlideIn { - from { - height: 0%; - width: 0%; - opacity: 0; - } - - to { - height: 75%; - width: 100%; - opacity: 1; - } -} - -@keyframes chatbotSlideOut { - from { - height: 75%; - width: 100%; - opacity: 1; - } - - to { - height: 0%; - width: 0%; - opacity: 0; - } -} - -/* Wipe transitions */ - -@keyframes wipeDown { - from { - opacity: 1; - height: 0%; - } - - to { - opacity: 1; - height: 100%; - } -} - -@keyframes wipeUp { - from { - opacity: 1; - height: 100%; - } - - to { - opacity: 1; - height: 0%; - } -} - -/* Slide Up Out Transition */ - -@keyframes slideUpOut { - from { - opacity: 1; - transform: translateY(0); - } - - to { - opacity: 0; - transform: translateY(-100%); - } -} - -/* Slide Down In Transition */ - -@keyframes slideDownIn { - from { - opacity: 0; - transform: translateY(-100%); - } - - to { - opacity: 1; - transform: translateY(0); - } -} - -/* Loading Runner */ - -@keyframes loadingRunner { - 0% { - transform: translateX(-100%); - } - - 100% { - transform: translateX(120%); - } -} - -/* Robert Transitions */ - -@keyframes robertSlideUp { - from { - opacity: 0; - transform: translateY(0); - } - - to { - opacity: 1 !important; - transform: translateY(-75%); - } -} - -@keyframes robertSlideRight { - from { - transform: translateX(100%); - } - - to { - opacity: 1; - transform: rotate(-45deg); - } -} - -@keyframes robertSlideLeft { - from { - transform: translateX(-100%) rotate(90deg); - } - - to { - opacity: 1; - transform: rotate(60deg) translateX(14px); - } -} - -/* Panels and Trees UI Transitions */ - -@keyframes panelSlideLeft { - from { - opacity: 0; - transform: translateX(-150%); - } - - to { - opacity: 1; - transform: translateX(0); - } -} - -@keyframes fadeIn { - from { - opacity: 0; - transform: translateY(1%); - } - - to { - opacity: 1; - } -} - -/* Toast Transitions */ - -@keyframes toastSlideIn { - from { - opacity: 0; - transform: translateX(-100%); - } - - to { - opacity: 1; - } -} - -@keyframes toastSlideOut { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translateX(-100%); - } -} - -@keyframes toastProgress { - from { - width: 0%; - } - - to { - width: 100%; - } -} - -/* Page Transitionsj */ - -@keyframes slideIn { - from { - opacity: 0; - transform: translateY(-10%); - } - - to { - opacity: 1; - } -} - -@keyframes fade { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -@keyframes fade-out { - from { - opacity: 1; - } - - to { - opacity: 0; - } -} - -/* Tips on loading screen*/ - -.tips { - color: #000F52; - font-weight: 500; - font-size: 25px; - box-sizing: content-box; - height: 40px; - padding: 10px 10px; - margin: auto; - border-radius: 8px; -} - -.words { - overflow: hidden; -} - -.word { - display: block; - height: 100%; - padding-left: 6px; - color: #F68712; - animation: spin_4991 13s infinite; -} - -@keyframes spin_4991 { - 10% { - transform: translateY(-105%); - } - - 25% { - transform: translateY(-100%); - } - - 35% { - transform: translateY(-205%); - } - - 50% { - transform: translateY(-200%); - } - - 60% { - transform: translateY(-305%); - } - - 75% { - transform: translateY(-300%); - } - - 85% { - transform: translateY(-405%); - } - - 100% { - transform: translateY(-400%); - } -} - -.placeholder\:text-gray-400::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.placeholder\:text-gray-400::placeholder { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.placeholder\:text-red-400::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(248 113 113 / var(--tw-text-opacity)); -} - -.placeholder\:text-red-400::placeholder { - --tw-text-opacity: 1; - color: rgb(248 113 113 / var(--tw-text-opacity)); -} - -.after\:absolute::after { - content: var(--tw-content); - position: absolute; -} - -.after\:left-\[2px\]::after { - content: var(--tw-content); - left: 2px; -} - -.after\:top-\[2px\]::after { - content: var(--tw-content); - top: 2px; -} - -.after\:h-5::after { - content: var(--tw-content); - height: 1.25rem; -} - -.after\:w-5::after { - content: var(--tw-content); - width: 1.25rem; -} - -.after\:rounded-full::after { - content: var(--tw-content); - border-radius: 9999px; -} - -.after\:border::after { - content: var(--tw-content); - border-width: 1px; -} - -.after\:border-gray-300::after { - content: var(--tw-content); - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - -.after\:bg-white::after { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.after\:transition-all::after { - content: var(--tw-content); - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.after\:content-\[\'\'\]::after { - --tw-content: ''; - content: var(--tw-content); -} - -.hover\:w-32:hover { - width: 8rem; -} - -.hover\:w-36:hover { - width: 9rem; -} - -.hover\:w-40:hover { - width: 10rem; -} - -.hover\:w-44:hover { - width: 11rem; -} - -.hover\:-translate-y-1:hover { - --tw-translate-y: -0.25rem; - 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)); -} - -.hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.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)); -} - -.hover\:scale-125:hover { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; - 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)); -} - -.hover\:cursor-pointer:hover { - cursor: pointer; -} - -.hover\:border-black:hover { - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); -} - -.hover\:bg-primary-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(230 236 248 / var(--tw-bg-opacity)); -} - -.hover\:bg-primary-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(199 215 240 / var(--tw-bg-opacity)); -} - -.hover\:bg-slate-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(226 232 240 / var(--tw-bg-opacity)); -} - -.hover\:bg-gradient-to-br:hover { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); -} - -.hover\:from-primary-500:hover { - --tw-gradient-from: #3871c1 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(56 113 193 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.hover\:from-red-500:hover { - --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.hover\:to-primary-700:hover { - --tw-gradient-to: #214583 var(--tw-gradient-to-position); -} - -.hover\:to-red-700:hover { - --tw-gradient-to: #b91c1c var(--tw-gradient-to-position); -} - -.hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.hover\:text-primary-500:hover { - --tw-text-opacity: 1; - color: rgb(56 113 193 / var(--tw-text-opacity)); -} - -.hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.hover\:underline:hover { - text-decoration-line: underline; -} - -.hover\:shadow:hover { - --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); -} - -.hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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\:delay-0:hover { - transition-delay: 0s; -} - -.focus\:border-none:focus { - border-style: none; -} - -.focus\:border-primary-500:focus { - --tw-border-opacity: 1; - border-color: rgb(56 113 193 / var(--tw-border-opacity)); -} - -.focus\:bg-primary-50:focus { - --tw-bg-opacity: 1; - background-color: rgb(243 246 252 / var(--tw-bg-opacity)); -} - -.focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.focus\:ring-0: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(0px + 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\: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\:ring-inset:focus { - --tw-ring-inset: inset; -} - -.focus\:ring-indigo-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity)); -} - -.focus\:ring-primary-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(56 113 193 / var(--tw-ring-opacity)); -} - -.focus\:ring-red-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); -} - -.group:hover .group-hover\:block { - display: block; -} - -.group:hover .group-hover\:-translate-y-1 { - --tw-translate-y: -0.25rem; - 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)); -} - -.group:hover .group-hover\:-translate-y-10 { - --tw-translate-y: -2.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)); -} - -.group:hover .group-hover\:-translate-y-\[36px\] { - --tw-translate-y: -36px; - 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)); -} - -.group:hover .group-hover\:translate-x-0 { - --tw-translate-x: 0px; - 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)); -} - -.group:hover .group-hover\:fill-primary-500 { - fill: #3871c1; -} - -.group:hover .group-hover\:fill-red-accent-500 { - fill: #f14624; -} - -.group:hover .group-hover\:delay-200 { - transition-delay: 200ms; -} - -.peer:checked ~ .peer-checked\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:after\:translate-x-full::after { - content: var(--tw-content); - --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\:after\:border-white::after { - content: var(--tw-content); - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - -.peer:focus ~ .peer-focus\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; -} - -@media (prefers-color-scheme: dark) { - .dark\:text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); - } -} - -@media not all and (min-width: 1024px) { - .max-lg\:hidden { - display: none; - } -} - -@media not all and (min-width: 768px) { - .max-md\:mx-auto { - margin-left: auto; - margin-right: auto; - } -} - -@media (min-width: 640px) { - .sm\:-left-44 { - left: -11rem; - } - - .sm\:-right-\[100px\] { - right: -100px; - } - - .sm\:-mb-0 { - margin-bottom: -0px; - } - - .sm\:-mt-20 { - margin-top: -5rem; - } - - .sm\:ml-0 { - margin-left: 0px; - } - - .sm\:mt-0 { - margin-top: 0px; - } - - .sm\:mt-24 { - margin-top: 6rem; - } - - .sm\:mt-40 { - margin-top: 10rem; - } - - .sm\:h-24 { - height: 6rem; - } - - .sm\:h-52 { - height: 13rem; - } - - .sm\:h-60 { - height: 15rem; - } - - .sm\:h-\[400px\] { - height: 400px; - } - - .sm\:w-3\/4 { - width: 75%; - } - - .sm\:w-auto { - width: auto; - } - - .sm\:max-w-sm { - max-width: 24rem; - } - - .sm\:flex-shrink-0 { - flex-shrink: 0; - } - - .sm\:-translate-x-20 { - --tw-translate-x: -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)); - } - - .sm\:-translate-y-0 { - --tw-translate-y: -0px; - 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)); - } - - .sm\:-translate-y-20 { - --tw-translate-y: -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)); - } - - .sm\: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)); - } - - .sm\:flex-row { - flex-direction: row; - } - - .sm\:flex-col { - flex-direction: column; - } - - .sm\:justify-end { - justify-content: flex-end; - } - - .sm\:gap-4 { - gap: 1rem; - } - - .sm\:rounded-lg { - border-radius: 0.5rem; - } - - .sm\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .sm\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } - - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - - .sm\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; - } - - .sm\:text-6xl { - font-size: 3.75rem; - line-height: 1; - } - - .sm\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - - .sm\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } - - .sm\:leading-6 { - line-height: 1.5rem; - } - - .sm\:ring-1 { - --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(1px + 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); - } - - .sm\:ring-gray-900\/10 { - --tw-ring-color: rgb(17 24 39 / 0.1); - } -} - -@media (min-width: 768px) { - .md\:absolute { - position: absolute; - } - - .md\:-left-52 { - left: -13rem; - } - - .md\:-right-\[58\%\] { - right: -58%; - } - - .md\:-top-1\/3 { - top: -33.333333%; - } - - .md\:-top-52 { - top: -13rem; - } - - .md\:-top-60 { - top: -15rem; - } - - .md\:-top-96 { - top: -24rem; - } - - .md\:bottom-0 { - bottom: 0px; - } - - .md\:left-32 { - left: 8rem; - } - - .md\:left-9 { - left: 2.25rem; - } - - .md\:right-5 { - right: 1.25rem; - } - - .md\:top-0 { - top: 0px; - } - - .md\:top-3 { - top: 0.75rem; - } - - .md\:mx-auto { - margin-left: auto; - margin-right: auto; - } - - .md\:-mt-0 { - margin-top: -0px; - } - - .md\:mr-6 { - margin-right: 1.5rem; - } - - .md\:mt-0 { - margin-top: 0px; - } - - .md\:mt-20 { - margin-top: 5rem; - } - - .md\:mt-5 { - margin-top: 1.25rem; - } - - .md\:mt-72 { - margin-top: 18rem; - } - - .md\:block { - display: block; - } - - .md\:flex { - display: flex; - } - - .md\:h-1\/2 { - height: 50%; - } - - .md\:h-20 { - height: 5rem; - } - - .md\:h-40 { - height: 10rem; - } - - .md\:h-48 { - height: 12rem; - } - - .md\:h-52 { - height: 13rem; - } - - .md\:h-60 { - height: 15rem; - } - - .md\:h-72 { - height: 18rem; - } - - .md\:h-8 { - height: 2rem; - } - - .md\:h-80 { - height: 20rem; - } - - .md\:h-\[400px\] { - height: 400px; - } - - .md\:h-\[480px\] { - height: 480px; - } - - .md\:h-fit { - height: -moz-fit-content; - height: fit-content; - } - - .md\:w-1\/2 { - width: 50%; - } - - .md\:w-1\/3 { - width: 33.333333%; - } - - .md\:w-12 { - width: 3rem; - } - - .md\:w-16 { - width: 4rem; - } - - .md\:w-2\/3 { - width: 66.666667%; - } - - .md\:w-2\/5 { - width: 40%; - } - - .md\:w-24 { - width: 6rem; - } - - .md\:w-8 { - width: 2rem; - } - - .md\:w-80 { - width: 20rem; - } - - .md\:w-\[360px\] { - width: 360px; - } - - .md\:w-\[45\%\] { - width: 45%; - } - - .md\:w-\[470px\] { - width: 470px; - } - - .md\:w-fit { - width: -moz-fit-content; - width: fit-content; - } - - .md\:w-full { - width: 100%; - } - - .md\:flex-shrink-0 { - flex-shrink: 0; - } - - .md\:-translate-x-0 { - --tw-translate-x: -0px; - 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)); - } - - .md\:-translate-y-0 { - --tw-translate-y: -0px; - 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)); - } - - .md\:-translate-y-\[80\%\] { - --tw-translate-y: -80%; - 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)); - } - - .md\:translate-x-5 { - --tw-translate-x: 1.25rem; - 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)); - } - - .md\:scale-100 { - --tw-scale-x: 1; - --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)); - } - - .md\:flex-row { - flex-direction: row; - } - - .md\:items-center { - align-items: center; - } - - .md\:justify-evenly { - justify-content: space-evenly; - } - - .md\:gap-2 { - gap: 0.5rem; - } - - .md\:gap-20 { - gap: 5rem; - } - - .md\:gap-4 { - gap: 1rem; - } - - .md\:gap-5 { - gap: 1.25rem; - } - - .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))); - } - - .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - - .md\:p-20 { - padding: 5rem; - } - - .md\:px-20 { - padding-left: 5rem; - padding-right: 5rem; - } - - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - - .md\:pl-20 { - padding-left: 5rem; - } - - .md\:pl-32 { - padding-left: 8rem; - } - - .md\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - - .md\:text-5xl { - font-size: 3rem; - line-height: 1; - } - - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } -} - -@media (min-width: 1024px) { - .lg\:-bottom-10 { - bottom: -2.5rem; - } - - .lg\:-left-1\/3 { - left: -33.333333%; - } - - .lg\:-left-2 { - left: -0.5rem; - } - - .lg\:-right-2 { - right: -0.5rem; - } - - .lg\:-right-5 { - right: -1.25rem; - } - - .lg\:-right-\[180px\] { - right: -180px; - } - - .lg\:-top-10 { - top: -2.5rem; - } - - .lg\:-top-2 { - top: -0.5rem; - } - - .lg\:-top-20 { - top: -5rem; - } - - .lg\:-top-32 { - top: -8rem; - } - - .lg\:-top-80 { - top: -20rem; - } - - .lg\:bottom-10 { - bottom: 2.5rem; - } - - .lg\:left-0 { - left: 0px; - } - - .lg\:left-16 { - left: 4rem; - } - - .lg\:right-0 { - right: 0px; - } - - .lg\:top-0 { - top: 0px; - } - - .lg\:-mt-16 { - margin-top: -4rem; - } - - .lg\:mb-0 { - margin-bottom: 0px; - } - - .lg\:mt-5 { - margin-top: 1.25rem; - } - - .lg\:mr-28 { - margin-right: 7rem; - } - - .lg\:block { - display: block; - } - - .lg\:flex { - display: flex; - } - - .lg\:grid { - display: grid; - } - - .lg\:hidden { - display: none; - } - - .lg\:h-80 { - height: 20rem; - } - - .lg\:h-\[50rem\] { - height: 50rem; - } - - .lg\:h-\[600px\] { - height: 600px; - } - - .lg\:h-\[286px\] { - height: 286px; - } - - .lg\:max-h-72 { - max-height: 18rem; - } - - .lg\:w-1\/2 { - width: 50%; - } - - .lg\:w-1\/3 { - width: 33.333333%; - } - - .lg\:w-2\/3 { - width: 66.666667%; - } - - .lg\:w-80 { - width: 20rem; - } - - .lg\:w-\[30\%\] { - width: 30%; - } - - .lg\:w-fit { - width: -moz-fit-content; - width: fit-content; - } - - .lg\:w-full { - width: 100%; - } - - .lg\:w-\[286px\] { - width: 286px; - } - - .lg\:flex-1 { - flex: 1 1 0%; - } - - .lg\:-translate-x-0 { - --tw-translate-x: -0px; - 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)); - } - - .lg\:scale-100 { - --tw-scale-x: 1; - --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)); - } - - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .lg\:flex-row { - flex-direction: row; - } - - .lg\:justify-end { - justify-content: flex-end; - } - - .lg\:gap-0 { - gap: 0px; - } - - .lg\:gap-x-12 { - -moz-column-gap: 3rem; - column-gap: 3rem; - } - - .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - - .lg\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - - .lg\:px-20 { - padding-left: 5rem; - padding-right: 5rem; - } - - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; - } - - .lg\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; - } - - .lg\:pl-28 { - padding-left: 7rem; - } - - .lg\:hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.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)); - } - - .lg\:hover\:bg-primary-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(199 215 240 / var(--tw-bg-opacity)); - } -} - -@media (min-width: 1280px) { - .xl\:-left-64 { - left: -16rem; - } - - .xl\:-right-\[200px\] { - right: -200px; - } - - .xl\:-top-16 { - top: -4rem; - } - - .xl\:bottom-16 { - bottom: 4rem; - } - - .xl\:left-8 { - left: 2rem; - } - - .xl\:right-16 { - right: 4rem; - } - - .xl\:right-40 { - right: 10rem; - } - - .xl\:right-96 { - right: 24rem; - } - - .xl\:right-\[525px\] { - right: 525px; - } - - .xl\:right-\[550px\] { - right: 550px; - } - - .xl\:top-52 { - top: 13rem; - } - - .xl\:top-72 { - top: 18rem; - } - - .xl\:top-\[380px\] { - top: 380px; - } - - .xl\:-mt-24 { - margin-top: -6rem; - } - - .xl\:mt-60 { - margin-top: 15rem; - } - - .xl\:block { - display: block; - } - - .xl\:h-24 { - height: 6rem; - } - - .xl\:h-52 { - height: 13rem; - } - - .xl\:h-72 { - height: 18rem; - } - - .xl\:h-\[580px\] { - height: 580px; - } - - .xl\:h-\[700px\] { - height: 700px; - } - - .xl\:h-\[800px\] { - height: 800px; - } - - .xl\:max-h-80 { - max-height: 20rem; - } - - .xl\:w-3\/5 { - width: 60%; - } - - .xl\:w-\[25\%\] { - width: 25%; - } - - .xl\:scale-100 { - --tw-scale-x: 1; - --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)); - } - - .xl\:flex-row { - flex-direction: row; - } - - .xl\:gap-10 { - gap: 2.5rem; - } - - .xl\:pl-20 { - padding-left: 5rem; - } - - .xl\:pr-20 { - padding-right: 5rem; - } -} - -@media (min-width: 1536px) { - .\32xl\:bottom-20 { - bottom: 5rem; - } - - .\32xl\:right-60 { - right: 15rem; - } - - .\32xl\:right-\[550px\] { - right: 550px; - } - - .\32xl\:right-\[725px\] { - right: 725px; - } - - .\32xl\:right-\[800px\] { - right: 800px; - } - - .\32xl\:top-60 { - top: 15rem; - } - - .\32xl\:top-80 { - top: 20rem; - } - - .\32xl\:top-\[400px\] { - top: 400px; - } - - .\32xl\:max-h-96 { - max-height: 24rem; - } -} - \ No newline at end of file From bfe968f09bf895ce13532b5b18f25521e067fb5c Mon Sep 17 00:00:00 2001 From: Francois Smith <90509905+francoissmith@users.noreply.github.com> Date: Thu, 26 Oct 2023 01:49:15 +0200 Subject: [PATCH 2/2] Re added - css --- src/apps/blazor-app/wwwroot/css/app.css | 5044 +++++++++++++++++++++++ 1 file changed, 5044 insertions(+) diff --git a/src/apps/blazor-app/wwwroot/css/app.css b/src/apps/blazor-app/wwwroot/css/app.css index e69de29b..39eb56ef 100644 --- a/src/apps/blazor-app/wwwroot/css/app.css +++ b/src/apps/blazor-app/wwwroot/css/app.css @@ -0,0 +1,5044 @@ +/* +! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com +*/ + +/* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ + +*, +::before, +::after { + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ +} + +::before, +::after { + --tw-content: ''; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +*/ + +html { + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ + +body { + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ + +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ + +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font family by default. +2. Correct the odd `em` font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} + +/* +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ + +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ + +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ + +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ + +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ + +button, +[role="button"] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ + +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ + +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ + +[hidden] { + display: none; +} + +*, ::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: ; +} + +::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: ; +} + +.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; +} + +.collapse { + visibility: collapse; +} + +.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-1\/2 { + bottom: -50%; +} + +.-bottom-16 { + bottom: -4rem; +} + +.-bottom-3\/4 { + bottom: -75%; +} + +.-bottom-32 { + bottom: -8rem; +} + +.-bottom-40 { + bottom: -10rem; +} + +.-bottom-44 { + bottom: -11rem; +} + +.-left-1 { + left: -0.25rem; +} + +.-left-1\/2 { + left: -50%; +} + +.-left-10 { + left: -2.5rem; +} + +.-left-2 { + left: -0.5rem; +} + +.-left-20 { + left: -5rem; +} + +.-left-32 { + left: -8rem; +} + +.-left-\[45\%\] { + left: -45%; +} + +.-left-\[57\%\] { + left: -57%; +} + +.-right-1 { + right: -0.25rem; +} + +.-right-1\/2 { + right: -50%; +} + +.-right-10 { + right: -2.5rem; +} + +.-right-20 { + right: -5rem; +} + +.-right-3 { + right: -0.75rem; +} + +.-right-32 { + right: -8rem; +} + +.-right-36 { + right: -9rem; +} + +.-right-40 { + right: -10rem; +} + +.-right-48 { + right: -12rem; +} + +.-right-60 { + right: -15rem; +} + +.-right-\[55\%\] { + right: -55%; +} + +.-right-\[57\%\] { + right: -57%; +} + +.-right-\[60\%\] { + right: -60%; +} + +.-top-1 { + top: -0.25rem; +} + +.-top-1\/2 { + top: -50%; +} + +.-top-1\/3 { + top: -33.333333%; +} + +.-top-10 { + top: -2.5rem; +} + +.-top-14 { + top: -3.5rem; +} + +.-top-2 { + top: -0.5rem; +} + +.-top-20 { + top: -5rem; +} + +.-top-24 { + top: -6rem; +} + +.-top-3 { + top: -0.75rem; +} + +.-top-80 { + top: -20rem; +} + +.-top-\[10\%\] { + top: -10%; +} + +.-top-\[31px\] { + top: -31px; +} + +.-top-\[55\%\] { + top: -55%; +} + +.-top-\[70px\] { + top: -70px; +} + +.bottom-0 { + bottom: 0px; +} + +.bottom-10 { + bottom: 2.5rem; +} + +.bottom-14 { + bottom: 3.5rem; +} + +.bottom-2 { + bottom: 0.5rem; +} + +.bottom-20 { + bottom: 5rem; +} + +.bottom-\[480px\] { + bottom: 480px; +} + +.left-0 { + left: 0px; +} + +.left-1\/2 { + left: 50%; +} + +.left-10 { + left: 2.5rem; +} + +.left-16 { + left: 4rem; +} + +.left-2 { + left: 0.5rem; +} + +.left-20 { + left: 5rem; +} + +.left-3 { + left: 0.75rem; +} + +.left-32 { + left: 8rem; +} + +.left-40 { + left: 10rem; +} + +.left-48 { + left: 12rem; +} + +.left-96 { + left: 24rem; +} + +.right-0 { + right: 0px; +} + +.right-10 { + right: 2.5rem; +} + +.right-2 { + right: 0.5rem; +} + +.right-20 { + right: 5rem; +} + +.right-24 { + right: 6rem; +} + +.right-28 { + right: 7rem; +} + +.right-3 { + right: 0.75rem; +} + +.right-4 { + right: 1rem; +} + +.right-5 { + right: 1.25rem; +} + +.right-8 { + right: 2rem; +} + +.top-0 { + top: 0px; +} + +.top-1\/2 { + top: 50%; +} + +.top-1\/3 { + top: 33.333333%; +} + +.top-10 { + top: 2.5rem; +} + +.top-12 { + top: 3rem; +} + +.top-16 { + top: 4rem; +} + +.top-2 { + top: 0.5rem; +} + +.top-20 { + top: 5rem; +} + +.top-28 { + top: 7rem; +} + +.top-3 { + top: 0.75rem; +} + +.top-5 { + top: 1.25rem; +} + +.top-8 { + top: 2rem; +} + +.top-\[235px\] { + top: 235px; +} + +.top-\[5\%\] { + top: 5%; +} + +.top-full { + top: 100%; +} + +.bottom-12 { + bottom: 3rem; +} + +.bottom-8 { + bottom: 2rem; +} + +.-bottom-0 { + bottom: -0px; +} + +.-bottom-5 { + bottom: -1.25rem; +} + +.-right-\[134px\] { + right: -134px; +} + +.isolate { + isolation: isolate; +} + +.-z-10 { + z-index: -10; +} + +.-z-20 { + z-index: -20; +} + +.-z-30 { + z-index: -30; +} + +.-z-50 { + z-index: -50; +} + +.z-0 { + z-index: 0; +} + +.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; +} + +.col-span-2 { + grid-column: span 2 / span 2; +} + +.-m-1 { + margin: -0.25rem; +} + +.-m-1\.5 { + margin: -0.375rem; +} + +.-m-2 { + margin: -0.5rem; +} + +.-m-2\.5 { + margin: -0.625rem; +} + +.m-3 { + margin: 0.75rem; +} + +.m-4 { + margin: 1rem; +} + +.m-auto { + margin: auto; +} + +.-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; +} + +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} + +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} + +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} + +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + +.my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; +} + +.my-auto { + margin-top: auto; + margin-bottom: auto; +} + +.-mb-2 { + margin-bottom: -0.5rem; +} + +.-mb-20 { + margin-bottom: -5rem; +} + +.-mb-28 { + margin-bottom: -7rem; +} + +.-mb-80 { + margin-bottom: -20rem; +} + +.-mb-96 { + margin-bottom: -24rem; +} + +.-ml-2 { + margin-left: -0.5rem; +} + +.-ml-4 { + margin-left: -1rem; +} + +.-mr-2 { + margin-right: -0.5rem; +} + +.-mt-10 { + margin-top: -2.5rem; +} + +.-mt-16 { + margin-top: -4rem; +} + +.-mt-2 { + margin-top: -0.5rem; +} + +.-mt-20 { + margin-top: -5rem; +} + +.-mt-24 { + margin-top: -6rem; +} + +.-mt-4 { + margin-top: -1rem; +} + +.-mt-6 { + margin-top: -1.5rem; +} + +.-mt-7 { + margin-top: -1.75rem; +} + +.-mt-8 { + margin-top: -2rem; +} + +.mb-10 { + margin-bottom: 2.5rem; +} + +.mb-12 { + margin-bottom: 3rem; +} + +.mb-14 { + margin-bottom: 3.5rem; +} + +.mb-16 { + margin-bottom: 4rem; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.mb-2\.5 { + margin-bottom: 0.625rem; +} + +.mb-20 { + margin-bottom: 5rem; +} + +.mb-24 { + margin-bottom: 6rem; +} + +.mb-3 { + margin-bottom: 0.75rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.mb-40 { + margin-bottom: 10rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + +.mb-52 { + margin-bottom: 13rem; +} + +.mb-6 { + margin-bottom: 1.5rem; +} + +.mb-60 { + margin-bottom: 15rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + +.mb-9 { + margin-bottom: 2.25rem; +} + +.mb-\[30px\] { + margin-bottom: 30px; +} + +.ml-16 { + margin-left: 4rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.ml-20 { + margin-left: 5rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.ml-40 { + margin-left: 10rem; +} + +.ml-auto { + margin-left: auto; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mr-4 { + margin-right: 1rem; +} + +.mr-5 { + margin-right: 1.25rem; +} + +.mr-auto { + margin-right: auto; +} + +.mt-0 { + margin-top: 0px; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.mt-1\.5 { + margin-top: 0.375rem; +} + +.mt-10 { + margin-top: 2.5rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mt-14 { + margin-top: 3.5rem; +} + +.mt-16 { + margin-top: 4rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mt-2\.5 { + margin-top: 0.625rem; +} + +.mt-20 { + margin-top: 5rem; +} + +.mt-24 { + margin-top: 6rem; +} + +.mt-28 { + margin-top: 7rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mt-32 { + margin-top: 8rem; +} + +.mt-36 { + margin-top: 9rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mt-5 { + margin-top: 1.25rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.mt-80 { + margin-top: 20rem; +} + +.-mt-28 { + margin-top: -7rem; +} + +.-mt-5 { + margin-top: -1.25rem; +} + +.block { + display: block; +} + +.flex { + display: flex; +} + +.inline-flex { + display: inline-flex; +} + +.table { + display: table; +} + +.grid { + display: grid; +} + +.hidden { + display: none; +} + +.aspect-square { + aspect-ratio: 1 / 1; +} + +.h-0 { + height: 0px; +} + +.h-1 { + height: 0.25rem; +} + +.h-1\/2 { + height: 50%; +} + +.h-10 { + height: 2.5rem; +} + +.h-12 { + height: 3rem; +} + +.h-14 { + height: 3.5rem; +} + +.h-16 { + height: 4rem; +} + +.h-2 { + height: 0.5rem; +} + +.h-2\.5 { + height: 0.625rem; +} + +.h-2\/3 { + height: 66.666667%; +} + +.h-20 { + height: 5rem; +} + +.h-24 { + height: 6rem; +} + +.h-28 { + height: 7rem; +} + +.h-3 { + height: 0.75rem; +} + +.h-3\/4 { + height: 75%; +} + +.h-32 { + height: 8rem; +} + +.h-4 { + height: 1rem; +} + +.h-40 { + height: 10rem; +} + +.h-48 { + height: 12rem; +} + +.h-5 { + height: 1.25rem; +} + +.h-52 { + height: 13rem; +} + +.h-56 { + height: 14rem; +} + +.h-6 { + height: 1.5rem; +} + +.h-60 { + height: 15rem; +} + +.h-72 { + height: 18rem; +} + +.h-8 { + height: 2rem; +} + +.h-80 { + height: 20rem; +} + +.h-9 { + height: 2.25rem; +} + +.h-\[100vh\] { + height: 100vh; +} + +.h-\[120px\] { + height: 120px; +} + +.h-\[300px\] { + height: 300px; +} + +.h-\[30rem\] { + height: 30rem; +} + +.h-\[330px\] { + height: 330px; +} + +.h-\[360px\] { + height: 360px; +} + +.h-\[65px\] { + height: 65px; +} + +.h-\[77\.2\%\] { + height: 77.2%; +} + +.h-\[80px\] { + height: 80px; +} + +.h-\[8cm\] { + height: 8cm; +} + +.h-fit { + height: -moz-fit-content; + height: fit-content; +} + +.h-full { + height: 100%; +} + +.h-px { + height: 1px; +} + +.h-screen { + height: 100vh; +} + +.max-h-96 { + max-height: 24rem; +} + +.w-1\/2 { + width: 50%; +} + +.w-1\/3 { + width: 33.333333%; +} + +.w-1\/4 { + width: 25%; +} + +.w-10 { + width: 2.5rem; +} + +.w-10\/12 { + width: 83.333333%; +} + +.w-11 { + width: 2.75rem; +} + +.w-12 { + width: 3rem; +} + +.w-14 { + width: 3.5rem; +} + +.w-16 { + width: 4rem; +} + +.w-2 { + width: 0.5rem; +} + +.w-2\/3 { + width: 66.666667%; +} + +.w-20 { + width: 5rem; +} + +.w-24 { + width: 6rem; +} + +.w-28 { + width: 7rem; +} + +.w-3 { + width: 0.75rem; +} + +.w-3\/4 { + width: 75%; +} + +.w-32 { + width: 8rem; +} + +.w-36 { + width: 9rem; +} + +.w-4\/12 { + width: 33.333333%; +} + +.w-4\/5 { + width: 80%; +} + +.w-40 { + width: 10rem; +} + +.w-44 { + width: 11rem; +} + +.w-48 { + width: 12rem; +} + +.w-5 { + width: 1.25rem; +} + +.w-52 { + width: 13rem; +} + +.w-56 { + width: 14rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-6\/12 { + width: 50%; +} + +.w-60 { + width: 15rem; +} + +.w-64 { + width: 16rem; +} + +.w-7 { + width: 1.75rem; +} + +.w-7\/12 { + width: 58.333333%; +} + +.w-72 { + width: 18rem; +} + +.w-8 { + width: 2rem; +} + +.w-80 { + width: 20rem; +} + +.w-9 { + width: 2.25rem; +} + +.w-96 { + width: 24rem; +} + +.w-\[100px\] { + width: 100px; +} + +.w-\[100vw\] { + width: 100vw; +} + +.w-\[105px\] { + width: 105px; +} + +.w-\[110px\] { + width: 110px; +} + +.w-\[120px\] { + width: 120px; +} + +.w-\[125px\] { + width: 125px; +} + +.w-\[140px\] { + width: 140px; +} + +.w-\[145px\] { + width: 145px; +} + +.w-\[150px\] { + width: 150px; +} + +.w-\[160px\] { + width: 160px; +} + +.w-\[240px\] { + width: 240px; +} + +.w-\[245px\] { + width: 245px; +} + +.w-\[300px\] { + width: 300px; +} + +.w-\[310px\] { + width: 310px; +} + +.w-\[325px\] { + width: 325px; +} + +.w-\[330px\] { + width: 330px; +} + +.w-\[360px\] { + width: 360px; +} + +.w-\[388px\] { + width: 388px; +} + +.w-\[420px\] { + width: 420px; +} + +.w-\[470px\] { + width: 470px; +} + +.w-\[65px\] { + width: 65px; +} + +.w-\[660px\] { + width: 660px; +} + +.w-\[70px\] { + width: 70px; +} + +.w-\[80px\] { + width: 80px; +} + +.w-\[8cm\] { + width: 8cm; +} + +.w-\[90\%\] { + width: 90%; +} + +.w-auto { + width: auto; +} + +.w-fit { + width: -moz-fit-content; + width: fit-content; +} + +.w-full { + width: 100%; +} + +.w-max { + width: -moz-max-content; + width: max-content; +} + +.w-screen { + width: 100vw; +} + +.min-w-fit { + min-width: -moz-fit-content; + min-width: fit-content; +} + +.max-w-2xl { + max-width: 42rem; +} + +.max-w-3xl { + max-width: 48rem; +} + +.max-w-4xl { + max-width: 56rem; +} + +.max-w-7xl { + max-width: 80rem; +} + +.max-w-\[330px\] { + max-width: 330px; +} + +.max-w-\[470px\] { + max-width: 470px; +} + +.max-w-\[95\%\] { + max-width: 95%; +} + +.max-w-lg { + max-width: 32rem; +} + +.max-w-md { + max-width: 28rem; +} + +.max-w-sm { + max-width: 24rem; +} + +.max-w-xl { + max-width: 36rem; +} + +.max-w-xs { + max-width: 20rem; +} + +.flex-shrink-0 { + flex-shrink: 0; +} + +.-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-x-10 { + --tw-translate-x: -2.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)); +} + +.-translate-x-64 { + --tw-translate-x: -16rem; + 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-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)); +} + +.-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-y-10 { + --tw-translate-y: -2.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)); +} + +.-translate-y-2 { + --tw-translate-y: -0.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)); +} + +.-translate-y-20 { + --tw-translate-y: -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)); +} + +.-translate-y-28 { + --tw-translate-y: -7rem; + 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-4 { + --tw-translate-y: -1rem; + 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-40 { + --tw-translate-y: -10rem; + 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-6 { + --tw-translate-y: -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)); +} + +.-translate-y-full { + --tw-translate-y: -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)); +} + +.translate-x-1 { + --tw-translate-x: 0.25rem; + 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)); +} + +.translate-x-10 { + --tw-translate-x: 2.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)); +} + +.translate-x-2 { + --tw-translate-x: 0.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)); +} + +.translate-x-20 { + --tw-translate-x: 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)); +} + +.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)); +} + +.translate-y-0 { + --tw-translate-y: 0px; + 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-10 { + --tw-translate-y: 2.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)); +} + +.translate-y-2 { + --tw-translate-y: 0.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)); +} + +.translate-y-24 { + --tw-translate-y: 6rem; + 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-8 { + --tw-translate-y: 2rem; + 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-full { + --tw-translate-y: 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)); +} + +.-rotate-12 { + --tw-rotate: -12deg; + 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-90 { + --tw-rotate: -90deg; + 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-\[40\] { + --tw-rotate: -40; + 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-110 { + --tw-scale-x: 1.1; + --tw-scale-y: 1.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)); +} + +.scale-125 { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + 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-150 { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + 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-50 { + --tw-scale-x: .5; + --tw-scale-y: .5; + 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-75 { + --tw-scale-x: .75; + --tw-scale-y: .75; + 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-90 { + --tw-scale-x: .9; + --tw-scale-y: .9; + 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-\[\.25\] { + --tw-scale-x: .25; + --tw-scale-y: .25; + 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-\[0\.6\] { + --tw-scale-x: 0.6; + --tw-scale-y: 0.6; + 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-\[1\.3\] { + --tw-scale-x: 1.3; + --tw-scale-y: 1.3; + 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-\[1\.6\] { + --tw-scale-x: 1.6; + --tw-scale-y: 1.6; + 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-\[1\.7\] { + --tw-scale-x: 1.7; + --tw-scale-y: 1.7; + 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-\[2\.5\] { + --tw-scale-x: 2.5; + --tw-scale-y: 2.5; + 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-\[2\.6\] { + --tw-scale-x: 2.6; + --tw-scale-y: 2.6; + 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-\[2\] { + --tw-scale-x: 2; + --tw-scale-y: 2; + 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-x-100 { + --tw-scale-x: -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 pulse { + 50% { + opacity: .5; + } +} + +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} + +@keyframes spin { + to { + transform: rotate(360deg); + } +} + +.animate-spin { + animation: spin 1s linear infinite; +} + +.cursor-pointer { + cursor: pointer; +} + +.cursor-wait { + cursor: wait; +} + +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} + +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.flex-row { + flex-direction: row; +} + +.flex-row-reverse { + flex-direction: row-reverse; +} + +.flex-col { + flex-direction: column; +} + +.flex-col-reverse { + flex-direction: column-reverse; +} + +.flex-wrap { + flex-wrap: wrap; +} + +.flex-nowrap { + flex-wrap: nowrap; +} + +.items-start { + align-items: flex-start; +} + +.items-end { + align-items: flex-end; +} + +.items-center { + align-items: center; +} + +.justify-start { + justify-content: flex-start; +} + +.justify-end { + justify-content: flex-end; +} + +.justify-center { + justify-content: center; +} + +.justify-between { + justify-content: space-between; +} + +.justify-around { + justify-content: space-around; +} + +.justify-evenly { + justify-content: space-evenly; +} + +.gap-1 { + gap: 0.25rem; +} + +.gap-1\.5 { + gap: 0.375rem; +} + +.gap-10 { + gap: 2.5rem; +} + +.gap-2 { + gap: 0.5rem; +} + +.gap-20 { + gap: 5rem; +} + +.gap-3 { + gap: 0.75rem; +} + +.gap-4 { + gap: 1rem; +} + +.gap-5 { + gap: 1.25rem; +} + +.gap-6 { + gap: 1.5rem; +} + +.gap-8 { + gap: 2rem; +} + +.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-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-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))); +} + +.space-x-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.25rem * var(--tw-space-x-reverse)); + margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-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-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-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-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.25rem * 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-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2rem * var(--tw-space-y-reverse)); +} + +.space-y-9 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); +} + +.self-center { + align-self: center; +} + +.overflow-hidden { + overflow: hidden; +} + +.overflow-visible { + overflow: visible; +} + +.overflow-scroll { + overflow: scroll; +} + +.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-3xl { + border-radius: 1.5rem; +} + +.rounded-\[20px\] { + border-radius: 20px; +} + +.rounded-\[40px\] { + border-radius: 40px; +} + +.rounded-full { + border-radius: 9999px; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-md { + border-radius: 0.375rem; +} + +.rounded-xl { + border-radius: 0.75rem; +} + +.rounded-sm { + border-radius: 0.125rem; +} + +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} + +.rounded-b-none { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} + +.rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} + +.rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; +} + +.rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; +} + +.rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} + +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} + +.border { + border-width: 1px; +} + +.border-0 { + border-width: 0px; +} + +.border-2 { + border-width: 2px; +} + +.border-b { + border-bottom-width: 1px; +} + +.border-blue-500 { + --tw-border-opacity: 1; + border-color: rgb(59 130 246 / var(--tw-border-opacity)); +} + +.border-gray-200 { + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity)); +} + +.border-gray-300 { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + +.border-green-500 { + --tw-border-opacity: 1; + border-color: rgb(34 197 94 / var(--tw-border-opacity)); +} + +.border-orange-500 { + --tw-border-opacity: 1; + border-color: rgb(249 115 22 / var(--tw-border-opacity)); +} + +.border-primary-200 { + --tw-border-opacity: 1; + border-color: rgb(199 215 240 / var(--tw-border-opacity)); +} + +.border-primary-300 { + --tw-border-opacity: 1; + border-color: rgb(149 180 228 / var(--tw-border-opacity)); +} + +.border-primary-500 { + --tw-border-opacity: 1; + border-color: rgb(56 113 193 / var(--tw-border-opacity)); +} + +.border-red-400 { + --tw-border-opacity: 1; + border-color: rgb(248 113 113 / var(--tw-border-opacity)); +} + +.border-red-500 { + --tw-border-opacity: 1; + border-color: rgb(239 68 68 / var(--tw-border-opacity)); +} + +.border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + +.bg-black { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} + +.bg-blue-600 { + --tw-bg-opacity: 1; + background-color: rgb(37 99 235 / var(--tw-bg-opacity)); +} + +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); +} + +.bg-gray-200 { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); +} + +.bg-gray-300 { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + +.bg-gray-50 { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} + +.bg-green-100 { + --tw-bg-opacity: 1; + background-color: rgb(220 252 231 / var(--tw-bg-opacity)); +} + +.bg-green-500 { + --tw-bg-opacity: 1; + background-color: rgb(34 197 94 / var(--tw-bg-opacity)); +} + +.bg-orange-accent-200 { + --tw-bg-opacity: 1; + background-color: rgb(253 223 171 / var(--tw-bg-opacity)); +} + +.bg-orange-accent-500 { + --tw-bg-opacity: 1; + background-color: rgb(246 135 18 / var(--tw-bg-opacity)); +} + +.bg-orange-accent-600 { + --tw-bg-opacity: 1; + background-color: rgb(231 111 15 / var(--tw-bg-opacity)); +} + +.bg-primary-100 { + --tw-bg-opacity: 1; + background-color: rgb(230 236 248 / var(--tw-bg-opacity)); +} + +.bg-primary-200 { + --tw-bg-opacity: 1; + background-color: rgb(199 215 240 / var(--tw-bg-opacity)); +} + +.bg-primary-300 { + --tw-bg-opacity: 1; + background-color: rgb(149 180 228 / var(--tw-bg-opacity)); +} + +.bg-primary-400 { + --tw-bg-opacity: 1; + background-color: rgb(92 142 212 / var(--tw-bg-opacity)); +} + +.bg-primary-50 { + --tw-bg-opacity: 1; + background-color: rgb(243 246 252 / var(--tw-bg-opacity)); +} + +.bg-primary-500 { + --tw-bg-opacity: 1; + background-color: rgb(56 113 193 / var(--tw-bg-opacity)); +} + +.bg-primary-600 { + --tw-bg-opacity: 1; + background-color: rgb(39 86 162 / var(--tw-bg-opacity)); +} + +.bg-primary-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 61 109 / var(--tw-bg-opacity)); +} + +.bg-primary-900 { + --tw-bg-opacity: 1; + background-color: rgb(31 53 91 / var(--tw-bg-opacity)); +} + +.bg-red-accent-100 { + --tw-bg-opacity: 1; + background-color: rgb(253 228 215 / var(--tw-bg-opacity)); +} + +.bg-red-accent-500 { + --tw-bg-opacity: 1; + background-color: rgb(241 70 36 / var(--tw-bg-opacity)); +} + +.bg-slate-200 { + --tw-bg-opacity: 1; + background-color: rgb(226 232 240 / var(--tw-bg-opacity)); +} + +.bg-slate-900 { + --tw-bg-opacity: 1; + background-color: rgb(15 23 42 / var(--tw-bg-opacity)); +} + +.bg-transparent { + background-color: transparent; +} + +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.bg-yellow-accent-100 { + --tw-bg-opacity: 1; + background-color: rgb(255 251 197 / var(--tw-bg-opacity)); +} + +.bg-yellow-accent-500 { + --tw-bg-opacity: 1; + background-color: rgb(255 193 8 / var(--tw-bg-opacity)); +} + +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, 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-tr { + background-image: linear-gradient(to top right, var(--tw-gradient-stops)); +} + +.from-gray-400 { + --tw-gradient-from: #9ca3af var(--tw-gradient-from-position); + --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-primary-100 { + --tw-gradient-from: #e6ecf8 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(230 236 248 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-primary-400 { + --tw-gradient-from: #5c8ed4 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(92 142 212 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-red-400 { + --tw-gradient-from: #f87171 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-red-accent-500 { + --tw-gradient-from: #f14624 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(241 70 36 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.via-yellow-accent-500 { + --tw-gradient-to: rgb(255 193 8 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #ffc108 var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.to-gray-300 { + --tw-gradient-to: #d1d5db var(--tw-gradient-to-position); +} + +.to-green-500 { + --tw-gradient-to: #22c55e var(--tw-gradient-to-position); +} + +.to-primary-200 { + --tw-gradient-to: #c7d7f0 var(--tw-gradient-to-position); +} + +.to-primary-300 { + --tw-gradient-to: #95b4e4 var(--tw-gradient-to-position); +} + +.to-primary-500 { + --tw-gradient-to: #3871c1 var(--tw-gradient-to-position); +} + +.to-primary-600 { + --tw-gradient-to: #2756a2 var(--tw-gradient-to-position); +} + +.to-red-600 { + --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); +} + +.bg-clip-text { + -webkit-background-clip: text; + background-clip: text; +} + +.fill-blue-600 { + fill: #2563eb; +} + +.fill-current { + fill: currentColor; +} + +.object-cover { + -o-object-fit: cover; + object-fit: cover; +} + +.p-1 { + padding: 0.25rem; +} + +.p-1\.5 { + padding: 0.375rem; +} + +.p-10 { + padding: 2.5rem; +} + +.p-2 { + padding: 0.5rem; +} + +.p-2\.5 { + padding: 0.625rem; +} + +.p-20 { + padding: 5rem; +} + +.p-3 { + padding: 0.75rem; +} + +.p-4 { + padding: 1rem; +} + +.p-5 { + padding: 1.25rem; +} + +.p-6 { + padding: 1.5rem; +} + +.p-8 { + padding: 2rem; +} + +.px-0 { + padding-left: 0px; + padding-right: 0px; +} + +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} + +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.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; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.py-32 { + padding-top: 8rem; + padding-bottom: 8rem; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.pb-10 { + padding-bottom: 2.5rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pl-14 { + padding-left: 3.5rem; +} + +.pl-2 { + padding-left: 0.5rem; +} + +.pl-3 { + padding-left: 0.75rem; +} + +.pl-64 { + padding-left: 16rem; +} + +.pl-7 { + padding-left: 1.75rem; +} + +.pr-10 { + padding-right: 2.5rem; +} + +.pr-2 { + padding-right: 0.5rem; +} + +.pr-20 { + padding-right: 5rem; +} + +.pt-14 { + padding-top: 3.5rem; +} + +.pt-4 { + padding-top: 1rem; +} + +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + +.text-start { + text-align: start; +} + +.text-end { + text-align: end; +} + +.align-middle { + vertical-align: middle; +} + +.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-5xl { + font-size: 3rem; + line-height: 1; +} + +.text-6xl { + font-size: 3.75rem; + line-height: 1; +} + +.text-\[12px\] { + font-size: 12px; +} + +.text-\[13px\] { + font-size: 13px; +} + +.text-\[14px\] { + font-size: 14px; +} + +.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-black { + font-weight: 900; +} + +.font-bold { + font-weight: 700; +} + +.font-extrabold { + font-weight: 800; +} + +.font-light { + font-weight: 300; +} + +.font-medium { + font-weight: 500; +} + +.font-normal { + font-weight: 400; +} + +.font-semibold { + font-weight: 600; +} + +.uppercase { + text-transform: uppercase; +} + +.capitalize { + text-transform: capitalize; +} + +.leading-6 { + line-height: 1.5rem; +} + +.leading-8 { + line-height: 2rem; +} + +.leading-\[150\%\] { + line-height: 150%; +} + +.tracking-tight { + letter-spacing: -0.025em; +} + +.tracking-wide { + letter-spacing: 0.025em; +} + +.text-black { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + +.text-blue-400 { + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + +.text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + +.text-blue-900 { + --tw-text-opacity: 1; + color: rgb(30 58 138 / var(--tw-text-opacity)); +} + +.text-blue-950 { + --tw-text-opacity: 1; + color: rgb(23 37 84 / var(--tw-text-opacity)); +} + +.text-gray-100 { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity)); +} + +.text-gray-200 { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.text-gray-700 { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +.text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); +} + +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + +.text-green-900 { + --tw-text-opacity: 1; + color: rgb(20 83 45 / var(--tw-text-opacity)); +} + +.text-orange-900 { + --tw-text-opacity: 1; + color: rgb(124 45 18 / var(--tw-text-opacity)); +} + +.text-orange-accent-500 { + --tw-text-opacity: 1; + color: rgb(246 135 18 / var(--tw-text-opacity)); +} + +.text-orange-accent-600 { + --tw-text-opacity: 1; + color: rgb(231 111 15 / var(--tw-text-opacity)); +} + +.text-primary-100 { + --tw-text-opacity: 1; + color: rgb(230 236 248 / var(--tw-text-opacity)); +} + +.text-primary-200 { + --tw-text-opacity: 1; + color: rgb(199 215 240 / var(--tw-text-opacity)); +} + +.text-primary-300 { + --tw-text-opacity: 1; + color: rgb(149 180 228 / var(--tw-text-opacity)); +} + +.text-primary-400 { + --tw-text-opacity: 1; + color: rgb(92 142 212 / var(--tw-text-opacity)); +} + +.text-primary-500 { + --tw-text-opacity: 1; + color: rgb(56 113 193 / var(--tw-text-opacity)); +} + +.text-primary-700 { + --tw-text-opacity: 1; + color: rgb(33 69 131 / var(--tw-text-opacity)); +} + +.text-primary-800 { + --tw-text-opacity: 1; + color: rgb(31 61 109 / var(--tw-text-opacity)); +} + +.text-primary-900 { + --tw-text-opacity: 1; + color: rgb(31 53 91 / var(--tw-text-opacity)); +} + +.text-primary-950 { + --tw-text-opacity: 1; + color: rgb(20 34 61 / var(--tw-text-opacity)); +} + +.text-red-500 { + --tw-text-opacity: 1; + color: rgb(239 68 68 / var(--tw-text-opacity)); +} + +.text-red-600 { + --tw-text-opacity: 1; + color: rgb(220 38 38 / var(--tw-text-opacity)); +} + +.text-red-900 { + --tw-text-opacity: 1; + color: rgb(127 29 29 / var(--tw-text-opacity)); +} + +.text-red-accent-500 { + --tw-text-opacity: 1; + color: rgb(241 70 36 / var(--tw-text-opacity)); +} + +.text-transparent { + color: transparent; +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-yellow-accent-500 { + --tw-text-opacity: 1; + color: rgb(255 193 8 / var(--tw-text-opacity)); +} + +.underline { + text-decoration-line: underline; +} + +.accent-primary-800 { + accent-color: #1f3d6d; +} + +.opacity-0 { + opacity: 0; +} + +.opacity-100 { + opacity: 1; +} + +.opacity-50 { + opacity: 0.5; +} + +.opacity-90 { + opacity: 0.9; +} + +.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-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-md { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 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); +} + +.outline { + outline-style: solid; +} + +.ring-1 { + --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(1px + 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); +} + +.ring-inset { + --tw-ring-inset: inset; +} + +.ring-gray-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); +} + +.ring-red-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity)); +} + +.brightness-90 { + --tw-brightness: brightness(.9); + 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); +} + +.saturate-\[1\.3\] { + --tw-saturate: saturate(1.3); + 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-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.transition-colors { + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.delay-100 { + transition-delay: 100ms; +} + +.delay-200 { + transition-delay: 200ms; +} + +.delay-300 { + transition-delay: 300ms; +} + +.delay-500 { + transition-delay: 500ms; +} + +.delay-\[250ms\] { + transition-delay: 250ms; +} + +.duration-200 { + transition-duration: 200ms; +} + +.duration-300 { + transition-duration: 300ms; +} + +.duration-500 { + transition-duration: 500ms; +} + +.duration-75 { + transition-duration: 75ms; +} + +.duration-\[300ms\] { + transition-duration: 300ms; +} + +.duration-\[400ms\] { + transition-duration: 400ms; +} + +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.tooltip { + position: absolute; + opacity: 0; + display: none; +} + +.has-tooltip:hover .tooltip { + opacity: 1; + z-index: 50; + display: block ; +} + +j + +body { + font-family: 'Montserrat', sans-serif; +} + +html { + scroll-behavior: smooth; +} + +/* Fade-In Transition */ + +.fade-in-enter-active { + animation: fadeIn .6s; +} + +/* Fade Transition */ + +.fade-in-active { + animation: fadeIn .3s; +} + +.fade-active { + animation: fade .6s; +} + +.fade-out-active { + animation: fade-out .3s; +} + +/* Slide-In Transition */ + +.slide-in-enter-active { + animation: slideIn .6s; + animation-delay: 50ms; +} + +.slide-in-active { + animation: slideIn .3s; +} + +/* Toast Classes */ + +.toast-slide-in { + animation: toastSlideIn .5s; +} + +.toast-slide-out { + animation: toastSlideOut .5s; +} + +.toast-progress { + animation: toastProgress 6s; + animation-timing-function: ease-in-out; +} + +/* Panel and Trees Classes */ + +.panel-trees-slide-in-left { + animation: panelSlideLeft .5s; + animation-delay: .5s; + animation-fill-mode: forwards; +} + +/* Robert Classes */ + +.robert-slide-in-right { + animation: robertSlideRight .5s; + animation-delay: 1s; + animation-fill-mode: forwards; +} + +.robert-slide-in-tutorial { + animation: robertSlideRight .3s; + animation-delay: .5s; + animation-fill-mode: forwards; +} + +.robert-slide-in-left { + animation: robertSlideLeft .5s; + animation-delay: 1s; + animation-fill-mode: forwards; +} + +.robert-slide-up { + animation: robertSlideUp .5s; + animation-timing-function: ease-in-out; + animation-fill-mode: forwards; +} + +/* Loading Classes */ + +.loading-runner { + animation: loadingRunner 1.5s infinite ease-in-out; +} + +.slide-up-out { + animation: slideUpOut .5s; + animation-fill-mode: forwards; +} + +.slide-down-in { + animation: slideDownIn .5s; + animation-fill-mode: forwards; +} + +/* Navigation Slides */ + +.nav-slide-in { + animation: navSlideIn .3s; + animation-fill-mode: forwards; +} + +.nav-slide-out { + animation: navSlideOut .3s; + animation-fill-mode: forwards; +} + +/* Wipe transitions */ + +.wipe-down { + animation: wipeDown .5s; + animation-fill-mode: forwards; +} + +.wipe-up { + animation: wipeUp .5s; + animation-fill-mode: forwards; +} + +.chatbot-slide-in { + animation: chatbotSlideIn .5s; + animation-fill-mode: forwards; +} + +.chatbot-slide-out { + animation: chatbotSlideOut .5s; + animation-fill-mode: forwards; +} + +/* Appliance transitions */ + +.appliance-slide-out-left { + animation: slideLeftOut .2s; + animation-fill-mode: forwards; +} + +.appliance-slide-in-left { + animation: slideLeftIn .2s; + animation-fill-mode: forwards; +} + +.appliance-slide-out-right { + animation: slideRightOut .2s; + animation-fill-mode: forwards; +} + +.appliance-slide-in-right { + animation: slideRightIn .2s; + animation-fill-mode: forwards; +} + +/* Navigation Slide In */ + +@keyframes navSlideIn { + from { + transform: translateX(100%); + } + + to { + transform: translateX(0); + } +} + +/* Navigation Slide Out */ + +@keyframes navSlideOut { + from { + transform: translateX(0); + } + + to { + transform: translateX(100%); + } +} + +/* Slide Left Out Transition */ + +@keyframes slideLeftOut { + from { + opacity: 1; + transform: translateX(0); + } + + to { + opacity: 0; + transform: translateX(-50%); + } +} + +/* Slide Left In Transition */ + +@keyframes slideLeftIn { + from { + opacity: 0; + transform: translateX(-50%); + } + + to { + opacity: 1; + transform: translateX(0); + } +} + +/* Slide Right Out Transition */ + +@keyframes slideRightOut { + from { + opacity: 1; + transform: translateX(0); + } + + to { + opacity: 0; + transform: translateX(50%); + } +} + +/* Slide Right In Transition */ + +@keyframes slideRightIn { + from { + opacity: 0; + transform: translateX(50%); + } + + to { + opacity: 1; + transform: translateX(0); + } +} + +/* Chatbot Transitions */ + +@keyframes chatbotSlideIn { + from { + height: 0%; + width: 0%; + opacity: 0; + } + + to { + height: 75%; + width: 100%; + opacity: 1; + } +} + +@keyframes chatbotSlideOut { + from { + height: 75%; + width: 100%; + opacity: 1; + } + + to { + height: 0%; + width: 0%; + opacity: 0; + } +} + +/* Wipe transitions */ + +@keyframes wipeDown { + from { + opacity: 1; + height: 0%; + } + + to { + opacity: 1; + height: 100%; + } +} + +@keyframes wipeUp { + from { + opacity: 1; + height: 100%; + } + + to { + opacity: 1; + height: 0%; + } +} + +/* Slide Up Out Transition */ + +@keyframes slideUpOut { + from { + opacity: 1; + transform: translateY(0); + } + + to { + opacity: 0; + transform: translateY(-100%); + } +} + +/* Slide Down In Transition */ + +@keyframes slideDownIn { + from { + opacity: 0; + transform: translateY(-100%); + } + + to { + opacity: 1; + transform: translateY(0); + } +} + +/* Loading Runner */ + +@keyframes loadingRunner { + 0% { + transform: translateX(-100%); + } + + 100% { + transform: translateX(120%); + } +} + +/* Robert Transitions */ + +@keyframes robertSlideUp { + from { + opacity: 0; + transform: translateY(0); + } + + to { + opacity: 1 !important; + transform: translateY(-75%); + } +} + +@keyframes robertSlideRight { + from { + transform: translateX(100%); + } + + to { + opacity: 1; + transform: rotate(-45deg); + } +} + +@keyframes robertSlideLeft { + from { + transform: translateX(-100%) rotate(90deg); + } + + to { + opacity: 1; + transform: rotate(60deg) translateX(14px); + } +} + +/* Panels and Trees UI Transitions */ + +@keyframes panelSlideLeft { + from { + opacity: 0; + transform: translateX(-150%); + } + + to { + opacity: 1; + transform: translateX(0); + } +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(1%); + } + + to { + opacity: 1; + } +} + +/* Toast Transitions */ + +@keyframes toastSlideIn { + from { + opacity: 0; + transform: translateX(-100%); + } + + to { + opacity: 1; + } +} + +@keyframes toastSlideOut { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translateX(-100%); + } +} + +@keyframes toastProgress { + from { + width: 0%; + } + + to { + width: 100%; + } +} + +/* Page Transitionsj */ + +@keyframes slideIn { + from { + opacity: 0; + transform: translateY(-10%); + } + + to { + opacity: 1; + } +} + +@keyframes fade { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fade-out { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +/* Tips on loading screen*/ + +.tips { + color: #000F52; + font-weight: 500; + font-size: 25px; + box-sizing: content-box; + height: 40px; + padding: 10px 10px; + margin: auto; + border-radius: 8px; +} + +.words { + overflow: hidden; +} + +.word { + display: block; + height: 100%; + padding-left: 6px; + color: #F68712; + animation: spin_4991 13s infinite; +} + +@keyframes spin_4991 { + 10% { + transform: translateY(-105%); + } + + 25% { + transform: translateY(-100%); + } + + 35% { + transform: translateY(-205%); + } + + 50% { + transform: translateY(-200%); + } + + 60% { + transform: translateY(-305%); + } + + 75% { + transform: translateY(-300%); + } + + 85% { + transform: translateY(-405%); + } + + 100% { + transform: translateY(-400%); + } +} + +.placeholder\:text-gray-400::-moz-placeholder { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.placeholder\:text-gray-400::placeholder { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.placeholder\:text-red-400::-moz-placeholder { + --tw-text-opacity: 1; + color: rgb(248 113 113 / var(--tw-text-opacity)); +} + +.placeholder\:text-red-400::placeholder { + --tw-text-opacity: 1; + color: rgb(248 113 113 / var(--tw-text-opacity)); +} + +.after\:absolute::after { + content: var(--tw-content); + position: absolute; +} + +.after\:left-\[2px\]::after { + content: var(--tw-content); + left: 2px; +} + +.after\:top-\[2px\]::after { + content: var(--tw-content); + top: 2px; +} + +.after\:h-5::after { + content: var(--tw-content); + height: 1.25rem; +} + +.after\:w-5::after { + content: var(--tw-content); + width: 1.25rem; +} + +.after\:rounded-full::after { + content: var(--tw-content); + border-radius: 9999px; +} + +.after\:border::after { + content: var(--tw-content); + border-width: 1px; +} + +.after\:border-gray-300::after { + content: var(--tw-content); + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + +.after\:bg-white::after { + content: var(--tw-content); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.after\:transition-all::after { + content: var(--tw-content); + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.after\:content-\[\'\'\]::after { + --tw-content: ''; + content: var(--tw-content); +} + +.hover\:w-32:hover { + width: 8rem; +} + +.hover\:w-36:hover { + width: 9rem; +} + +.hover\:w-40:hover { + width: 10rem; +} + +.hover\:w-44:hover { + width: 11rem; +} + +.hover\:-translate-y-1:hover { + --tw-translate-y: -0.25rem; + 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)); +} + +.hover\:scale-110:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.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)); +} + +.hover\:scale-125:hover { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + 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)); +} + +.hover\:cursor-pointer:hover { + cursor: pointer; +} + +.hover\:border-black:hover { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} + +.hover\:bg-primary-100:hover { + --tw-bg-opacity: 1; + background-color: rgb(230 236 248 / var(--tw-bg-opacity)); +} + +.hover\:bg-primary-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(199 215 240 / var(--tw-bg-opacity)); +} + +.hover\:bg-slate-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(226 232 240 / var(--tw-bg-opacity)); +} + +.hover\:bg-gradient-to-br:hover { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +} + +.hover\:from-primary-500:hover { + --tw-gradient-from: #3871c1 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(56 113 193 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.hover\:from-red-500:hover { + --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.hover\:to-primary-700:hover { + --tw-gradient-to: #214583 var(--tw-gradient-to-position); +} + +.hover\:to-red-700:hover { + --tw-gradient-to: #b91c1c var(--tw-gradient-to-position); +} + +.hover\:text-black:hover { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + +.hover\:text-primary-500:hover { + --tw-text-opacity: 1; + color: rgb(56 113 193 / var(--tw-text-opacity)); +} + +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.hover\:underline:hover { + text-decoration-line: underline; +} + +.hover\:shadow:hover { + --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); +} + +.hover\:shadow-md:hover { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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\:delay-0:hover { + transition-delay: 0s; +} + +.focus\:border-none:focus { + border-style: none; +} + +.focus\:border-primary-500:focus { + --tw-border-opacity: 1; + border-color: rgb(56 113 193 / var(--tw-border-opacity)); +} + +.focus\:bg-primary-50:focus { + --tw-bg-opacity: 1; + background-color: rgb(243 246 252 / var(--tw-bg-opacity)); +} + +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.focus\:ring-0: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(0px + 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\: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\:ring-inset:focus { + --tw-ring-inset: inset; +} + +.focus\:ring-indigo-600:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity)); +} + +.focus\:ring-primary-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(56 113 193 / var(--tw-ring-opacity)); +} + +.focus\:ring-red-600:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); +} + +.group:hover .group-hover\:block { + display: block; +} + +.group:hover .group-hover\:-translate-y-1 { + --tw-translate-y: -0.25rem; + 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)); +} + +.group:hover .group-hover\:-translate-y-10 { + --tw-translate-y: -2.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)); +} + +.group:hover .group-hover\:-translate-y-\[36px\] { + --tw-translate-y: -36px; + 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)); +} + +.group:hover .group-hover\:translate-x-0 { + --tw-translate-x: 0px; + 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)); +} + +.group:hover .group-hover\:fill-primary-500 { + fill: #3871c1; +} + +.group:hover .group-hover\:fill-red-accent-500 { + fill: #f14624; +} + +.group:hover .group-hover\:delay-200 { + transition-delay: 200ms; +} + +.peer:checked ~ .peer-checked\:bg-blue-600 { + --tw-bg-opacity: 1; + background-color: rgb(37 99 235 / var(--tw-bg-opacity)); +} + +.peer:checked ~ .peer-checked\:after\:translate-x-full::after { + content: var(--tw-content); + --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\:after\:border-white::after { + content: var(--tw-content); + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + +.peer:focus ~ .peer-focus\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} + +@media (prefers-color-scheme: dark) { + .dark\:text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); + } +} + +@media not all and (min-width: 1024px) { + .max-lg\:hidden { + display: none; + } +} + +@media not all and (min-width: 768px) { + .max-md\:mx-auto { + margin-left: auto; + margin-right: auto; + } +} + +@media (min-width: 640px) { + .sm\:-left-44 { + left: -11rem; + } + + .sm\:-right-\[100px\] { + right: -100px; + } + + .sm\:-mb-0 { + margin-bottom: -0px; + } + + .sm\:-mt-20 { + margin-top: -5rem; + } + + .sm\:ml-0 { + margin-left: 0px; + } + + .sm\:mt-0 { + margin-top: 0px; + } + + .sm\:mt-24 { + margin-top: 6rem; + } + + .sm\:mt-40 { + margin-top: 10rem; + } + + .sm\:h-24 { + height: 6rem; + } + + .sm\:h-52 { + height: 13rem; + } + + .sm\:h-60 { + height: 15rem; + } + + .sm\:h-\[400px\] { + height: 400px; + } + + .sm\:w-3\/4 { + width: 75%; + } + + .sm\:w-auto { + width: auto; + } + + .sm\:max-w-sm { + max-width: 24rem; + } + + .sm\:flex-shrink-0 { + flex-shrink: 0; + } + + .sm\:-translate-x-20 { + --tw-translate-x: -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)); + } + + .sm\:-translate-y-0 { + --tw-translate-y: -0px; + 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)); + } + + .sm\:-translate-y-20 { + --tw-translate-y: -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)); + } + + .sm\: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)); + } + + .sm\:flex-row { + flex-direction: row; + } + + .sm\:flex-col { + flex-direction: column; + } + + .sm\:justify-end { + justify-content: flex-end; + } + + .sm\:gap-4 { + gap: 1rem; + } + + .sm\:rounded-lg { + border-radius: 0.5rem; + } + + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + + .sm\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } + + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } + + .sm\:leading-6 { + line-height: 1.5rem; + } + + .sm\:ring-1 { + --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(1px + 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); + } + + .sm\:ring-gray-900\/10 { + --tw-ring-color: rgb(17 24 39 / 0.1); + } +} + +@media (min-width: 768px) { + .md\:absolute { + position: absolute; + } + + .md\:-left-52 { + left: -13rem; + } + + .md\:-right-\[58\%\] { + right: -58%; + } + + .md\:-top-1\/3 { + top: -33.333333%; + } + + .md\:-top-52 { + top: -13rem; + } + + .md\:-top-60 { + top: -15rem; + } + + .md\:-top-96 { + top: -24rem; + } + + .md\:bottom-0 { + bottom: 0px; + } + + .md\:left-32 { + left: 8rem; + } + + .md\:left-9 { + left: 2.25rem; + } + + .md\:right-5 { + right: 1.25rem; + } + + .md\:top-0 { + top: 0px; + } + + .md\:top-3 { + top: 0.75rem; + } + + .md\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .md\:-mt-0 { + margin-top: -0px; + } + + .md\:mr-6 { + margin-right: 1.5rem; + } + + .md\:mt-0 { + margin-top: 0px; + } + + .md\:mt-20 { + margin-top: 5rem; + } + + .md\:mt-5 { + margin-top: 1.25rem; + } + + .md\:mt-72 { + margin-top: 18rem; + } + + .md\:mt-10 { + margin-top: 2.5rem; + } + + .md\:block { + display: block; + } + + .md\:flex { + display: flex; + } + + .md\:h-1\/2 { + height: 50%; + } + + .md\:h-20 { + height: 5rem; + } + + .md\:h-40 { + height: 10rem; + } + + .md\:h-48 { + height: 12rem; + } + + .md\:h-52 { + height: 13rem; + } + + .md\:h-60 { + height: 15rem; + } + + .md\:h-72 { + height: 18rem; + } + + .md\:h-80 { + height: 20rem; + } + + .md\:h-\[400px\] { + height: 400px; + } + + .md\:h-\[480px\] { + height: 480px; + } + + .md\:h-fit { + height: -moz-fit-content; + height: fit-content; + } + + .md\:h-8 { + height: 2rem; + } + + .md\:w-1\/2 { + width: 50%; + } + + .md\:w-1\/3 { + width: 33.333333%; + } + + .md\:w-2\/3 { + width: 66.666667%; + } + + .md\:w-2\/5 { + width: 40%; + } + + .md\:w-\[45\%\] { + width: 45%; + } + + .md\:w-fit { + width: -moz-fit-content; + width: fit-content; + } + + .md\:w-full { + width: 100%; + } + + .md\:w-12 { + width: 3rem; + } + + .md\:w-16 { + width: 4rem; + } + + .md\:w-24 { + width: 6rem; + } + + .md\:w-8 { + width: 2rem; + } + + .md\:w-80 { + width: 20rem; + } + + .md\:w-\[360px\] { + width: 360px; + } + + .md\:w-\[470px\] { + width: 470px; + } + + .md\:flex-shrink-0 { + flex-shrink: 0; + } + + .md\:-translate-x-0 { + --tw-translate-x: -0px; + 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)); + } + + .md\:-translate-y-0 { + --tw-translate-y: -0px; + 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)); + } + + .md\:-translate-y-\[80\%\] { + --tw-translate-y: -80%; + 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)); + } + + .md\:translate-x-5 { + --tw-translate-x: 1.25rem; + 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)); + } + + .md\:scale-100 { + --tw-scale-x: 1; + --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)); + } + + .md\:flex-row { + flex-direction: row; + } + + .md\:items-center { + align-items: center; + } + + .md\:justify-evenly { + justify-content: space-evenly; + } + + .md\:gap-2 { + gap: 0.5rem; + } + + .md\:gap-20 { + gap: 5rem; + } + + .md\:gap-4 { + gap: 1rem; + } + + .md\:gap-5 { + gap: 1.25rem; + } + + .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))); + } + + .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0px * var(--tw-space-y-reverse)); + } + + .md\:p-20 { + padding: 5rem; + } + + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .md\:pl-20 { + padding-left: 5rem; + } + + .md\:pl-32 { + padding-left: 8rem; + } + + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .md\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } +} + +@media (min-width: 1024px) { + .lg\:-bottom-10 { + bottom: -2.5rem; + } + + .lg\:-left-1\/3 { + left: -33.333333%; + } + + .lg\:-left-2 { + left: -0.5rem; + } + + .lg\:-right-2 { + right: -0.5rem; + } + + .lg\:-right-5 { + right: -1.25rem; + } + + .lg\:-right-\[180px\] { + right: -180px; + } + + .lg\:-top-10 { + top: -2.5rem; + } + + .lg\:-top-2 { + top: -0.5rem; + } + + .lg\:-top-20 { + top: -5rem; + } + + .lg\:-top-32 { + top: -8rem; + } + + .lg\:-top-80 { + top: -20rem; + } + + .lg\:bottom-10 { + bottom: 2.5rem; + } + + .lg\:left-0 { + left: 0px; + } + + .lg\:left-16 { + left: 4rem; + } + + .lg\:right-0 { + right: 0px; + } + + .lg\:top-0 { + top: 0px; + } + + .lg\:-mt-16 { + margin-top: -4rem; + } + + .lg\:mb-0 { + margin-bottom: 0px; + } + + .lg\:mt-5 { + margin-top: 1.25rem; + } + + .lg\:mr-28 { + margin-right: 7rem; + } + + .lg\:block { + display: block; + } + + .lg\:flex { + display: flex; + } + + .lg\:grid { + display: grid; + } + + .lg\:hidden { + display: none; + } + + .lg\:h-80 { + height: 20rem; + } + + .lg\:h-\[50rem\] { + height: 50rem; + } + + .lg\:h-\[600px\] { + height: 600px; + } + + .lg\:h-\[286px\] { + height: 286px; + } + + .lg\:max-h-72 { + max-height: 18rem; + } + + .lg\:w-1\/2 { + width: 50%; + } + + .lg\:w-1\/3 { + width: 33.333333%; + } + + .lg\:w-2\/3 { + width: 66.666667%; + } + + .lg\:w-80 { + width: 20rem; + } + + .lg\:w-\[30\%\] { + width: 30%; + } + + .lg\:w-fit { + width: -moz-fit-content; + width: fit-content; + } + + .lg\:w-full { + width: 100%; + } + + .lg\:w-\[286px\] { + width: 286px; + } + + .lg\:flex-1 { + flex: 1 1 0%; + } + + .lg\:-translate-x-0 { + --tw-translate-x: -0px; + 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)); + } + + .lg\:scale-100 { + --tw-scale-x: 1; + --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)); + } + + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .lg\:flex-row { + flex-direction: row; + } + + .lg\:justify-end { + justify-content: flex-end; + } + + .lg\:gap-0 { + gap: 0px; + } + + .lg\:gap-x-12 { + -moz-column-gap: 3rem; + column-gap: 3rem; + } + + .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0px * var(--tw-space-y-reverse)); + } + + .lg\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .lg\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .lg\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; + } + + .lg\:pl-28 { + padding-left: 7rem; + } + + .lg\:hover\:scale-110:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.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)); + } + + .lg\:hover\:bg-primary-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(199 215 240 / var(--tw-bg-opacity)); + } +} + +@media (min-width: 1280px) { + .xl\:-left-64 { + left: -16rem; + } + + .xl\:-right-\[200px\] { + right: -200px; + } + + .xl\:-top-16 { + top: -4rem; + } + + .xl\:bottom-16 { + bottom: 4rem; + } + + .xl\:left-8 { + left: 2rem; + } + + .xl\:right-16 { + right: 4rem; + } + + .xl\:right-40 { + right: 10rem; + } + + .xl\:right-96 { + right: 24rem; + } + + .xl\:right-\[525px\] { + right: 525px; + } + + .xl\:right-\[550px\] { + right: 550px; + } + + .xl\:top-52 { + top: 13rem; + } + + .xl\:top-72 { + top: 18rem; + } + + .xl\:top-\[380px\] { + top: 380px; + } + + .xl\:-mt-24 { + margin-top: -6rem; + } + + .xl\:mt-60 { + margin-top: 15rem; + } + + .xl\:block { + display: block; + } + + .xl\:h-24 { + height: 6rem; + } + + .xl\:h-52 { + height: 13rem; + } + + .xl\:h-72 { + height: 18rem; + } + + .xl\:h-\[580px\] { + height: 580px; + } + + .xl\:h-\[700px\] { + height: 700px; + } + + .xl\:h-\[800px\] { + height: 800px; + } + + .xl\:max-h-80 { + max-height: 20rem; + } + + .xl\:w-3\/5 { + width: 60%; + } + + .xl\:w-\[25\%\] { + width: 25%; + } + + .xl\:scale-100 { + --tw-scale-x: 1; + --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)); + } + + .xl\:flex-row { + flex-direction: row; + } + + .xl\:gap-10 { + gap: 2.5rem; + } + + .xl\:pl-20 { + padding-left: 5rem; + } + + .xl\:pr-20 { + padding-right: 5rem; + } +} + +@media (min-width: 1536px) { + .\32xl\:bottom-20 { + bottom: 5rem; + } + + .\32xl\:right-60 { + right: 15rem; + } + + .\32xl\:right-\[550px\] { + right: 550px; + } + + .\32xl\:right-\[725px\] { + right: 725px; + } + + .\32xl\:right-\[800px\] { + right: 800px; + } + + .\32xl\:top-60 { + top: 15rem; + } + + .\32xl\:top-80 { + top: 20rem; + } + + .\32xl\:top-\[400px\] { + top: 400px; + } + + .\32xl\:max-h-96 { + max-height: 24rem; + } +} + \ No newline at end of file