From d5ccd42cfdc8187ae649d857c13f09485654e4a8 Mon Sep 17 00:00:00 2001 From: Pieter Vander Vennet Date: Sat, 8 Feb 2025 01:26:52 +0100 Subject: [PATCH] UI: improve styling, esp for standalone privacyPage --- public/css/index-tailwind-output.css | 8231 +++++++++-------- src/UI/Base/TitledPanel.svelte | 13 +- .../TagRendering/TagRenderingQuestion.svelte | 4 +- src/UI/PrivacyGui.svelte | 42 +- src/UI/StylesheetTestGui.svelte | 14 + src/index.css | 36 +- 6 files changed, 4341 insertions(+), 3999 deletions(-) diff --git a/public/css/index-tailwind-output.css b/public/css/index-tailwind-output.css index 518950b8e..0df60cd4c 100644 --- a/public/css/index-tailwind-output.css +++ b/public/css/index-tailwind-output.css @@ -7,8 +7,116 @@ It is not used directly in the app. */ +*, ::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(63 131 248 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(63 131 248 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + /* - ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com + ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* @@ -40,9 +148,12 @@ 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. +7. Disable tap highlights on iOS */ -html { +html, +:host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; @@ -50,10 +161,14 @@ html { /* 3 */ 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"; + font-family: ui-sans-serif, system-ui, 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 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ } /* @@ -125,8 +240,10 @@ strong { } /* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. */ code, @@ -135,8 +252,12 @@ samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ - font-size: 1em; + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ } /* @@ -195,12 +316,18 @@ select, textarea { font-family: inherit; /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ + letter-spacing: inherit; + /* 1 */ color: inherit; /* 1 */ margin: 0; @@ -224,9 +351,9 @@ select { */ button, -[type='button'], -[type='reset'], -[type='submit'] { +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; @@ -345,6 +472,14 @@ menu { padding: 0; } +/* +Reset default styling for dialogs. +*/ + +dialog { + padding: 0; +} + /* Prevent resizing textareas horizontally by default. */ @@ -415,7 +550,7 @@ video { /* Make elements with the HTML hidden attribute stay hidden by default */ -[hidden] { +[hidden]:where(:not([hidden="until-found"])) { display: none; } @@ -613,8 +748,8 @@ input::placeholder,textarea::placeholder { padding: 0; } -::-webkit-date-and-time-value { - min-height: 1.5em; +input[type="time"]::-webkit-calendar-picker-indicator { + background: none; } select:not([size]) { @@ -884,156 +1019,62 @@ input[type="range"].range-lg::-moz-range-thumb { width: 1.5rem; } -*, ::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-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(63 131 248 / 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-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(63 131 248 / 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: ; +.\!container { + width: 100% !important; } .container { width: 100%; } -.\!container { - width: 100% !important; -} - @media (min-width: 640px) { - .container { - max-width: 640px; - } - .\!container { max-width: 640px !important; } + + .container { + max-width: 640px; + } } @media (min-width: 768px) { - .container { - max-width: 768px; - } - .\!container { max-width: 768px !important; } + + .container { + max-width: 768px; + } } @media (min-width: 1024px) { - .container { - max-width: 1024px; - } - .\!container { max-width: 1024px !important; } + + .container { + max-width: 1024px; + } } @media (min-width: 1280px) { - .container { - max-width: 1280px; - } - .\!container { max-width: 1280px !important; } + + .container { + max-width: 1280px; + } } @media (min-width: 1536px) { - .container { - max-width: 1536px; - } - .\!container { max-width: 1536px !important; } + + .container { + max-width: 1536px; + } } .sr-only { @@ -1067,14 +1108,14 @@ input[type="range"].range-lg::-moz-range-thumb { pointer-events: auto; } -.visible { - visibility: visible; -} - .\!visible { visibility: visible !important; } +.visible { + visibility: visible; +} + .invisible { visibility: hidden; } @@ -1087,48 +1128,37 @@ input[type="range"].range-lg::-moz-range-thumb { position: static; } -.fixed { - position: fixed; -} - .\!fixed { position: fixed !important; } +.fixed { + position: fixed; +} + .absolute { position: absolute; } -.relative { - position: relative; -} - .\!relative { position: relative !important; } +.relative { + position: relative; +} + .sticky { position: -webkit-sticky; position: sticky; } -.inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; -} - .-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + inset: -0.25rem; } -.inset-y-0 { - top: 0px; - bottom: 0px; +.inset-0 { + inset: 0px; } .inset-x-0 { @@ -1136,18 +1166,79 @@ input[type="range"].range-lg::-moz-range-thumb { right: 0px; } +.inset-y-0 { + top: 0px; + bottom: 0px; +} + +.-left-\[17px\] { + left: -17px; +} + +.-right-\[16px\] { + right: -16px; +} + +.-right-\[17px\] { + right: -17px; +} + +.-start-1\.5 { + inset-inline-start: -0.375rem; +} + +.-start-14 { + inset-inline-start: -3.5rem; +} + +.-start-3 { + inset-inline-start: -0.75rem; +} + .bottom-0 { bottom: 0px; } -.top-0 { - top: 0px; +.bottom-4 { + bottom: 1rem; +} + +.bottom-5 { + bottom: 1.25rem; +} + +.bottom-6 { + bottom: 1.5rem; +} + +.end-0 { + inset-inline-end: 0px; +} + +.end-2\.5 { + inset-inline-end: 0.625rem; +} + +.end-5 { + inset-inline-end: 1.25rem; +} + +.end-6 { + inset-inline-end: 1.5rem; } .left-0 { left: 0px; } +.left-1\/2 { + left: 50%; +} + +.left-1\/4 { + left: 25%; +} + .right-0 { right: 0px; } @@ -1160,102 +1251,94 @@ input[type="range"].range-lg::-moz-range-thumb { right: 2.5rem; } -.top-10 { - top: 2.5rem; -} - -.top-4 { - top: 1rem; -} - .right-4 { right: 1rem; } -.left-1\/4 { - left: 25%; +.start-0 { + inset-inline-start: 0px; } -.top-6 { - top: 1.5rem; +.start-1 { + inset-inline-start: 0.25rem; } -.bottom-4 { - bottom: 1rem; +.start-1\/2 { + inset-inline-start: 50%; } -.bottom-5 { - bottom: 1.25rem; +.start-2\.5 { + inset-inline-start: 0.625rem; } -.left-1\/2 { - left: 50%; +.start-5 { + inset-inline-start: 1.25rem; } -.-left-\[17px\] { - left: -17px; -} - -.top-\[72px\] { - top: 72px; -} - -.top-\[124px\] { - top: 124px; -} - -.top-\[178px\] { - top: 178px; -} - -.-right-\[17px\] { - right: -17px; -} - -.top-\[142px\] { - top: 142px; -} - -.-right-\[16px\] { - right: -16px; -} - -.top-\[40px\] { - top: 40px; -} - -.top-\[88px\] { - top: 88px; -} - -.top-3 { - top: 0.75rem; +.top-0 { + top: 0px; } .top-1 { top: 0.25rem; } -.top-2 { - top: 0.5rem; -} - -.top-\[calc\(100\%\+1rem\)\] { - top: calc(100% + 1rem); -} - .top-1\/2 { top: 50%; } -.bottom-6 { - bottom: 1.5rem; +.top-10 { + top: 2.5rem; +} + +.top-2 { + top: 0.5rem; +} + +.top-3 { + top: 0.75rem; +} + +.top-4 { + top: 1rem; } .top-5 { top: 1.25rem; } +.top-6 { + top: 1.5rem; +} + +.top-\[124px\] { + top: 124px; +} + +.top-\[142px\] { + top: 142px; +} + +.top-\[178px\] { + top: 178px; +} + +.top-\[40px\] { + top: 40px; +} + +.top-\[72px\] { + top: 72px; +} + +.top-\[88px\] { + top: 88px; +} + +.top-\[calc\(100\%\+1rem\)\] { + top: calc(100% + 1rem); +} + .isolate { isolation: isolate; } @@ -1264,16 +1347,12 @@ input[type="range"].range-lg::-moz-range-thumb { isolation: auto; } -.z-40 { - z-index: 40; -} - .-z-10 { z-index: -10; } -.z-50 { - z-index: 50; +.z-0 { + z-index: 0; } .z-10 { @@ -1284,8 +1363,12 @@ input[type="range"].range-lg::-moz-range-thumb { z-index: 30; } -.z-0 { - z-index: 0; +.z-40 { + z-index: 40; +} + +.z-50 { + z-index: 50; } .col-span-2 { @@ -1300,134 +1383,84 @@ input[type="range"].range-lg::-moz-range-thumb { float: left; } -.m-4 { - margin: 1rem; -} - -.m-3 { - margin: 0.75rem; -} - .m-0 { margin: 0px; } -.m-1 { - margin: 0.25rem; -} - -.m-2 { - margin: 0.5rem; -} - .m-0\.5 { margin: 0.125rem; } +.m-1 { + margin: 0.25rem; +} + .m-11 { margin: 2.75rem; } -.m-20 { - margin: 5rem; -} - -.m-9 { - margin: 2.25rem; -} - -.m-5 { - margin: 1.25rem; -} - -.m-8 { - margin: 2rem; -} - .m-14 { margin: 3.5rem; } -.m-52 { - margin: 13rem; +.m-2 { + margin: 0.5rem; } -.m-36 { - margin: 9rem; -} - -.m-72 { - margin: 18rem; -} - -.m-6 { - margin: 1.5rem; -} - -.m-32 { - margin: 8rem; -} - -.m-44 { - margin: 11rem; +.m-20 { + margin: 5rem; } .m-28 { margin: 7rem; } +.m-3 { + margin: 0.75rem; +} + +.m-32 { + margin: 8rem; +} + +.m-36 { + margin: 9rem; +} + +.m-4 { + margin: 1rem; +} + +.m-44 { + margin: 11rem; +} + +.m-5 { + margin: 1.25rem; +} + +.m-52 { + margin: 13rem; +} + +.m-6 { + margin: 1.5rem; +} + .m-7 { margin: 1.75rem; } -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; +.m-72 { + margin: 18rem; } -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; +.m-8 { + margin: 2rem; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} - -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; -} - -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - -.-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; -} - -.-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; +.m-9 { + margin: 2.25rem; } .-mx-1\.5 { @@ -1435,9 +1468,14 @@ input[type="range"].range-lg::-moz-range-thumb { margin-right: -0.375rem; } -.-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; +.-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; +} + +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } .mx-12 { @@ -1450,134 +1488,221 @@ input[type="range"].range-lg::-moz-range-thumb { margin-right: 4rem; } -.mb-4 { - margin-bottom: 1rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.mr-4 { - margin-right: 1rem; -} - -.mr-2 { +.mx-2 { + margin-left: 0.5rem; margin-right: 0.5rem; } -.mb-16 { - margin-bottom: 4rem; +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; } -.ml-1 { - margin-left: 0.25rem; +.mx-auto { + margin-left: auto; + margin-right: auto; } -.mr-0\.5 { - margin-right: 0.125rem; -} - -.mr-0 { - margin-right: 0px; -} - -.mr-1 { - margin-right: 0.25rem; -} - -.mt-1 { +.my-1 { margin-top: 0.25rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.mr-3 { - margin-right: 0.75rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - -.mr-16 { - margin-right: 4rem; -} - -.mb-1\.5 { - margin-bottom: 0.375rem; -} - -.mb-1 { margin-bottom: 0.25rem; } -.ml-4 { - margin-left: 1rem; +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } -.mt-8 { +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.my-8 { margin-top: 2rem; -} - -.mb-8 { margin-bottom: 2rem; } -.-ml-6 { - margin-left: -1.5rem; -} - -.mb-3 { - margin-bottom: 0.75rem; -} - -.mb-5 { - margin-bottom: 1.25rem; -} - -.mt-3 { - margin-top: 0.75rem; -} - -.mb-6 { - margin-bottom: 1.5rem; -} - -.mt-6 { - margin-top: 1.5rem; -} - -.mb-2\.5 { - margin-bottom: 0.625rem; -} - -.mb-10 { - margin-bottom: 2.5rem; -} - -.mb-px { - margin-bottom: 1px; -} - -.-mt-px { - margin-top: -1px; +.\!ml-0 { + margin-left: 0px !important; } .-mb-px { margin-bottom: -1px; } +.-me-1\.5 { + margin-inline-end: -0.375rem; +} + +.-ml-6 { + margin-left: -1.5rem; +} + +.-ms-4 { + margin-inline-start: -1rem; +} + +.-mt-px { + margin-top: -1px; +} + +.mb-1 { + margin-bottom: 0.25rem; +} + +.mb-1\.5 { + margin-bottom: 0.375rem; +} + +.mb-10 { + margin-bottom: 2.5rem; +} + +.mb-16 { + margin-bottom: 4rem; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.mb-2\.5 { + margin-bottom: 0.625rem; +} + +.mb-3 { + margin-bottom: 0.75rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + +.mb-6 { + margin-bottom: 1.5rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + +.mb-px { + margin-bottom: 1px; +} + +.me-1 { + margin-inline-end: 0.25rem; +} + +.me-2 { + margin-inline-end: 0.5rem; +} + +.me-3 { + margin-inline-end: 0.75rem; +} + +.me-4 { + margin-inline-end: 1rem; +} + +.ml-1 { + margin-left: 0.25rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.mr-0\.5 { + margin-right: 0.125rem; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mr-16 { + margin-right: 4rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mr-3 { + margin-right: 0.75rem; +} + +.mr-4 { + margin-right: 1rem; +} + +.ms-1 { + margin-inline-start: 0.25rem; +} + +.ms-1\.5 { + margin-inline-start: 0.375rem; +} + +.ms-2 { + margin-inline-start: 0.5rem; +} + +.ms-3 { + margin-inline-start: 0.75rem; +} + +.ms-4 { + margin-inline-start: 1rem; +} + +.ms-6 { + margin-inline-start: 1.5rem; +} + +.ms-auto { + margin-inline-start: auto; +} + +.mt-1 { + margin-top: 0.25rem; +} + .mt-1\.5 { margin-top: 0.375rem; } +.mt-2 { + margin-top: 0.5rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.mt-8 { + margin-top: 2rem; +} + .box-border { box-sizing: border-box; } @@ -1590,6 +1715,10 @@ input[type="range"].range-lg::-moz-range-thumb { display: inline-block; } +.\!inline { + display: inline !important; +} + .inline { display: inline; } @@ -1654,40 +1783,228 @@ input[type="range"].range-lg::-moz-range-thumb { display: inline-grid; } -.contents { - display: contents; -} - .\!contents { display: contents !important; } +.contents { + display: contents; +} + .list-item { display: list-item; } +.\!hidden { + display: none !important; +} + .hidden { display: none; } -.\!hidden { - display: none !important; +.h-0 { + height: 0px; +} + +.h-1 { + height: 0.25rem; +} + +.h-1\/2 { + height: 50%; +} + +.h-10 { + height: 2.5rem; +} + +.h-11 { + height: 2.75rem; +} + +.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-20 { + height: 5rem; +} + +.h-24 { + height: 6rem; +} + +.h-3 { + height: 0.75rem; +} + +.h-3\.5 { + height: 0.875rem; +} + +.h-32 { + height: 8rem; +} + +.h-36 { + height: 9rem; +} + +.h-4 { + height: 1rem; +} + +.h-40 { + height: 10rem; +} + +.h-48 { + height: 12rem; +} + +.h-5 { + height: 1.25rem; +} + +.h-56 { + height: 14rem; } .h-6 { height: 1.5rem; } +.h-64 { + height: 16rem; +} + +.h-7 { + height: 1.75rem; +} + +.h-72 { + height: 18rem; +} + +.h-8 { + height: 2rem; +} + +.h-80 { + height: 20rem; +} + .h-9 { height: 2.25rem; } -.h-screen { - height: 100vh; +.h-96 { + height: 24rem; } -.h-full { - height: 100%; +.h-\[10px\] { + height: 10px; +} + +.h-\[140px\] { + height: 140px; +} + +.h-\[156px\] { + height: 156px; +} + +.h-\[172px\] { + height: 172px; +} + +.h-\[17px\] { + height: 17px; +} + +.h-\[18px\] { + height: 18px; +} + +.h-\[193px\] { + height: 193px; +} + +.h-\[213px\] { + height: 213px; +} + +.h-\[24px\] { + height: 24px; +} + +.h-\[32px\] { + height: 32px; +} + +.h-\[41px\] { + height: 41px; +} + +.h-\[426px\] { + height: 426px; +} + +.h-\[454px\] { + height: 454px; +} + +.h-\[46px\] { + height: 46px; +} + +.h-\[52px\] { + height: 52px; +} + +.h-\[55px\] { + height: 55px; +} + +.h-\[572px\] { + height: 572px; +} + +.h-\[5px\] { + height: 5px; +} + +.h-\[600px\] { + height: 600px; +} + +.h-\[63px\] { + height: 63px; +} + +.h-\[64px\] { + height: 64px; +} + +.h-auto { + height: auto; } .h-fit { @@ -1696,8 +2013,8 @@ input[type="range"].range-lg::-moz-range-thumb { height: fit-content; } -.h-32 { - height: 8rem; +.h-full { + height: 100%; } .h-min { @@ -1705,224 +2022,48 @@ input[type="range"].range-lg::-moz-range-thumb { height: min-content; } -.h-8 { - height: 2rem; -} - -.h-12 { - height: 3rem; -} - -.h-4 { - height: 1rem; -} - -.h-0 { - height: 0px; -} - -.h-7 { - height: 1.75rem; -} - -.h-1\/2 { - height: 50%; -} - -.h-3 { - height: 0.75rem; -} - -.h-80 { - height: 20rem; -} - .h-modal { height: calc(100% - 2rem); } -.h-11 { - height: 2.75rem; -} - -.h-5 { - height: 1.25rem; -} - -.h-10 { - height: 2.5rem; -} - -.h-14 { - height: 3.5rem; -} - -.h-48 { - height: 12rem; -} - -.h-16 { - height: 4rem; -} - -.h-40 { - height: 10rem; -} - -.h-64 { - height: 16rem; -} - -.h-20 { - height: 5rem; -} - -.h-36 { - height: 9rem; -} - -.h-24 { - height: 6rem; -} - -.h-96 { - height: 24rem; -} - -.h-56 { - height: 14rem; -} - -.h-\[600px\] { - height: 600px; -} - -.h-\[572px\] { - height: 572px; -} - -.h-\[18px\] { - height: 18px; -} - -.h-\[32px\] { - height: 32px; -} - -.h-\[46px\] { - height: 46px; -} - -.h-\[64px\] { - height: 64px; -} - -.h-\[140px\] { - height: 140px; -} - -.h-\[24px\] { - height: 24px; -} - -.h-\[55px\] { - height: 55px; -} - -.h-\[172px\] { - height: 172px; -} - -.h-\[156px\] { - height: 156px; -} - -.h-\[17px\] { - height: 17px; -} - -.h-\[5px\] { - height: 5px; -} - -.h-\[63px\] { - height: 63px; -} - -.h-\[193px\] { - height: 193px; -} - -.h-\[41px\] { - height: 41px; -} - -.h-\[213px\] { - height: 213px; -} - -.h-\[454px\] { - height: 454px; -} - -.h-\[426px\] { - height: 426px; -} - .h-px { height: 1px; } -.h-1 { - height: 0.25rem; -} - -.h-2 { - height: 0.5rem; -} - -.h-3\.5 { - height: 0.875rem; -} - -.h-auto { - height: auto; -} - -.h-2\.5 { - height: 0.625rem; -} - -.h-72 { - height: 18rem; -} - -.h-\[52px\] { - height: 52px; -} - -.h-\[10px\] { - height: 10px; +.h-screen { + height: 100vh; } .max-h-12 { max-height: 3rem; } -.max-h-full { - max-height: 100%; -} - .max-h-24 { max-height: 6rem; } +.max-h-60 { + max-height: 15rem; +} + .max-h-64 { max-height: 16rem; } -.max-h-60 { - max-height: 15rem; +.max-h-full { + max-height: 100%; +} + +.min-h-12 { + min-height: 3rem; +} + +.min-h-20 { + min-height: 5rem; +} + +.min-h-32 { + min-height: 8rem; } .min-h-\[2\.4rem\] { @@ -1937,165 +2078,50 @@ input[type="range"].range-lg::-moz-range-thumb { min-height: 3.2rem; } -.w-64 { - width: 16rem; -} - -.w-1\/2 { - width: 50%; -} - -.w-full { - width: 100%; -} - -.w-32 { - width: 8rem; -} - -.w-8 { - width: 2rem; -} - -.w-12 { - width: 3rem; -} - -.w-4 { - width: 1rem; -} - -.w-6 { - width: 1.5rem; -} - -.w-screen { - width: 100vw; -} - -.w-fit { - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; -} - -.w-24 { - width: 6rem; +.\!w-full { + width: 100% !important; } .w-0 { width: 0px; } -.w-7 { - width: 1.75rem; +.w-1 { + width: 0.25rem; } -.w-3 { - width: 0.75rem; -} - -.w-60 { - width: 15rem; -} - -.w-11 { - width: 2.75rem; -} - -.w-5 { - width: 1.25rem; +.w-1\/2 { + width: 50%; } .w-10 { width: 2.5rem; } +.w-10\/12 { + width: 83.333333%; +} + +.w-11 { + width: 2.75rem; +} + +.w-11\/12 { + width: 91.666667%; +} + +.w-12 { + width: 3rem; +} + .w-14 { width: 3.5rem; } -.w-48 { - width: 12rem; -} - -.w-auto { - width: auto; -} - .w-16 { width: 4rem; } -.w-min { - width: -webkit-min-content; - width: min-content; -} - -.w-20 { - width: 5rem; -} - -.w-36 { - width: 9rem; -} - -.w-\[calc\(100\%-2rem\)\] { - width: calc(100% - 2rem); -} - -.\!w-full { - width: 100% !important; -} - -.w-\[300px\] { - width: 300px; -} - -.w-\[272px\] { - width: 272px; -} - -.w-\[148px\] { - width: 148px; -} - -.w-\[3px\] { - width: 3px; -} - -.w-\[56px\] { - width: 56px; -} - -.w-\[188px\] { - width: 188px; -} - -.w-\[6px\] { - width: 6px; -} - -.w-\[208px\] { - width: 208px; -} - -.w-80 { - width: 20rem; -} - -.w-\[1px\] { - width: 1px; -} - -.w-3\.5 { - width: 0.875rem; -} - -.w-9 { - width: 2.25rem; -} - .w-2 { width: 0.5rem; } @@ -2108,45 +2134,203 @@ input[type="range"].range-lg::-moz-range-thumb { width: 50%; } -.w-1 { - width: 0.25rem; +.w-20 { + width: 5rem; } -.w-9\/12 { - width: 75%; +.w-24 { + width: 6rem; } -.w-10\/12 { - width: 83.333333%; +.w-3 { + width: 0.75rem; } -.w-11\/12 { - width: 91.666667%; +.w-3\.5 { + width: 0.875rem; +} + +.w-32 { + width: 8rem; +} + +.w-36 { + width: 9rem; +} + +.w-4 { + width: 1rem; +} + +.w-48 { + width: 12rem; +} + +.w-5 { + width: 1.25rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-60 { + width: 15rem; +} + +.w-64 { + width: 16rem; +} + +.w-7 { + width: 1.75rem; +} + +.w-8 { + width: 2rem; } .w-8\/12 { width: 66.666667%; } -.w-\[52px\] { - width: 52px; +.w-80 { + width: 20rem; +} + +.w-9 { + width: 2.25rem; +} + +.w-9\/12 { + width: 75%; } .w-\[10px\] { width: 10px; } +.w-\[148px\] { + width: 148px; +} + +.w-\[188px\] { + width: 188px; +} + +.w-\[1px\] { + width: 1px; +} + +.w-\[208px\] { + width: 208px; +} + +.w-\[272px\] { + width: 272px; +} + +.w-\[300px\] { + width: 300px; +} + +.w-\[3px\] { + width: 3px; +} + +.w-\[52px\] { + width: 52px; +} + +.w-\[56px\] { + width: 56px; +} + +.w-\[6px\] { + width: 6px; +} + +.w-\[calc\(100\%-2rem\)\] { + width: calc(100% - 2rem); +} + +.w-auto { + width: auto; +} + +.w-fit { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; +} + +.w-full { + width: 100%; +} + +.w-min { + width: -webkit-min-content; + width: min-content; +} + +.w-screen { + width: 100vw; +} + +.min-w-6 { + min-width: 1.5rem; +} + .min-w-full { min-width: 100%; } -.max-w-full { - max-width: 100%; +.max-w-2xl { + max-width: 42rem; } -.max-w-max { - max-width: -webkit-max-content; - max-width: max-content; +.max-w-4xl { + max-width: 56rem; +} + +.max-w-60 { + max-width: 15rem; +} + +.max-w-64 { + max-width: 16rem; +} + +.max-w-7xl { + max-width: 80rem; +} + +.max-w-\[133px\] { + max-width: 133px; +} + +.max-w-\[301px\] { + max-width: 301px; +} + +.max-w-\[341px\] { + max-width: 341px; +} + +.max-w-\[351px\] { + max-width: 351px; +} + +.max-w-\[540px\] { + max-width: 540px; +} + +.max-w-\[640px\] { + max-width: 640px; +} + +.max-w-\[83px\] { + max-width: 83px; } .max-w-fit { @@ -2155,12 +2339,29 @@ input[type="range"].range-lg::-moz-range-thumb { max-width: fit-content; } +.max-w-full { + max-width: 100%; +} + .max-w-lg { max-width: 32rem; } -.max-w-xs { - max-width: 20rem; +.max-w-max { + max-width: -webkit-max-content; + max-width: max-content; +} + +.max-w-md { + max-width: 28rem; +} + +.max-w-screen-md { + max-width: 768px; +} + +.max-w-screen-xl { + max-width: 1280px; } .max-w-sm { @@ -2171,75 +2372,23 @@ input[type="range"].range-lg::-moz-range-thumb { max-width: 36rem; } -.max-w-2xl { - max-width: 42rem; -} - -.max-w-screen-xl { - max-width: 1280px; -} - -.max-w-\[301px\] { - max-width: 301px; -} - -.max-w-\[83px\] { - max-width: 83px; -} - -.max-w-\[351px\] { - max-width: 351px; -} - -.max-w-\[133px\] { - max-width: 133px; -} - -.max-w-\[341px\] { - max-width: 341px; -} - -.max-w-screen-md { - max-width: 768px; -} - -.max-w-md { - max-width: 28rem; -} - -.max-w-4xl { - max-width: 56rem; -} - -.max-w-7xl { - max-width: 80rem; -} - -.max-w-\[640px\] { - max-width: 640px; -} - -.max-w-\[540px\] { - max-width: 540px; -} - -.flex-none { - flex: none; +.max-w-xs { + max-width: 20rem; } .flex-1 { flex: 1 1 0%; } -.flex-shrink-0 { - flex-shrink: 0; +.flex-none { + flex: none; } .flex-shrink { flex-shrink: 1; } -.shrink-0 { +.flex-shrink-0 { flex-shrink: 0; } @@ -2247,6 +2396,10 @@ input[type="range"].range-lg::-moz-range-thumb { flex-shrink: 1; } +.shrink-0 { + flex-shrink: 0; +} + .flex-grow { flex-grow: 1; } @@ -2268,13 +2421,8 @@ input[type="range"].range-lg::-moz-range-thumb { 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-6 { - --tw-translate-y: -1.5rem; +.-translate-x-1\/3 { + --tw-translate-x: -33.333333%; 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)); } @@ -2283,13 +2431,18 @@ input[type="range"].range-lg::-moz-range-thumb { 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\/3 { - --tw-translate-x: -33.333333%; +.-translate-y-1\/3 { + --tw-translate-y: -33.333333%; 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\/3 { - --tw-translate-y: -33.333333%; +.-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-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)); } @@ -2314,22 +2467,12 @@ input[type="range"].range-lg::-moz-range-thumb { 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)); -} - .\!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)) !important; } -@keyframes spin { - to { - transform: rotate(360deg); - } -} - -.animate-spin { - animation: spin 1s linear infinite; +.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 { @@ -2342,6 +2485,20 @@ input[type="range"].range-lg::-moz-range-thumb { 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-not-allowed { + cursor: not-allowed; +} + .cursor-pointer { cursor: pointer; } @@ -2350,10 +2507,6 @@ input[type="range"].range-lg::-moz-range-thumb { cursor: zoom-in; } -.cursor-not-allowed { - cursor: not-allowed; -} - .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); @@ -2371,16 +2524,16 @@ input[type="range"].range-lg::-moz-range-thumb { list-style-position: outside; } -.list-none { - list-style-type: none; +.list-decimal { + list-style-type: decimal; } .list-disc { list-style-type: disc; } -.list-decimal { - list-style-type: decimal; +.list-none { + list-style-type: none; } .appearance-none { @@ -2392,24 +2545,24 @@ input[type="range"].range-lg::-moz-range-thumb { grid-auto-flow: row; } -.grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); -} - -.grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); -} - -.grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } .flex-row { @@ -2476,30 +2629,46 @@ input[type="range"].range-lg::-moz-range-thumb { gap: 0.25rem; } -.gap-4 { - gap: 1rem; +.gap-2 { + gap: 0.5rem; } .gap-3 { gap: 0.75rem; } -.gap-2 { - gap: 0.5rem; +.gap-4 { + gap: 1rem; } .gap-8 { gap: 2rem; } -.gap-y-1 { - row-gap: 0.25rem; +.gap-x-0\.5 { + column-gap: 0.125rem; +} + +.gap-x-1 { + column-gap: 0.25rem; } .gap-x-2 { column-gap: 0.5rem; } +.gap-x-4 { + column-gap: 1rem; +} + +.gap-x-8 { + column-gap: 2rem; +} + +.gap-y-1 { + row-gap: 0.25rem; +} + .gap-y-2 { row-gap: 0.5rem; } @@ -2508,34 +2677,14 @@ input[type="range"].range-lg::-moz-range-thumb { row-gap: 1rem; } -.gap-x-1 { - column-gap: 0.25rem; -} - -.gap-x-4 { - column-gap: 1rem; -} - -.gap-x-0\.5 { - column-gap: 0.125rem; -} - -.gap-x-0 { - column-gap: 0px; -} - .gap-y-8 { row-gap: 2rem; } -.gap-x-8 { - column-gap: 2rem; -} - -.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-x-px > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(-1px * var(--tw-space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { @@ -2544,52 +2693,40 @@ input[type="range"].range-lg::-moz-range-thumb { margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); } -.space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); -} - .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } -.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); -} - -.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)); -} - .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-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-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-px > :not([hidden]) ~ :not([hidden]) { +.space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; - margin-right: calc(-1px * var(--tw-space-x-reverse)); - margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { @@ -2604,22 +2741,22 @@ input[type="range"].range-lg::-moz-range-thumb { margin-bottom: calc(0.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-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } -.space-x-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-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-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-reverse > :not([hidden]) ~ :not([hidden]) { @@ -2630,18 +2767,18 @@ input[type="range"].range-lg::-moz-range-thumb { --tw-space-x-reverse: 1; } -.divide-y > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); -} - .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } +.divide-y > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); +} + .divide-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 1; } @@ -2650,74 +2787,74 @@ input[type="range"].range-lg::-moz-range-thumb { --tw-divide-x-reverse: 1; } -.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { +.divide-blue-300 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-divide-opacity)); + border-color: rgb(164 202 254 / var(--tw-divide-opacity, 1)); } .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-divide-opacity)); + border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); } -.divide-gray-700 > :not([hidden]) ~ :not([hidden]) { +.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-divide-opacity)); + border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)); } .divide-gray-300 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-divide-opacity)); -} - -.divide-red-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(248 180 180 / var(--tw-divide-opacity)); -} - -.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(250 202 21 / var(--tw-divide-opacity)); -} - -.divide-green-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(132 225 188 / var(--tw-divide-opacity)); -} - -.divide-indigo-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(180 198 252 / var(--tw-divide-opacity)); -} - -.divide-purple-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(202 191 253 / var(--tw-divide-opacity)); -} - -.divide-pink-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(248 180 217 / var(--tw-divide-opacity)); -} - -.divide-blue-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(164 202 254 / var(--tw-divide-opacity)); + border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1)); } .divide-gray-500 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-divide-opacity)); + border-color: rgb(107 114 128 / var(--tw-divide-opacity, 1)); } -.divide-primary-500 > :not([hidden]) ~ :not([hidden]) { +.divide-gray-700 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(254 121 93 / var(--tw-divide-opacity)); + border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1)); +} + +.divide-green-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(132 225 188 / var(--tw-divide-opacity, 1)); +} + +.divide-indigo-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(180 198 252 / var(--tw-divide-opacity, 1)); } .divide-orange-300 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(253 186 140 / var(--tw-divide-opacity)); + border-color: rgb(253 186 140 / var(--tw-divide-opacity, 1)); +} + +.divide-pink-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(248 180 217 / var(--tw-divide-opacity, 1)); +} + +.divide-primary-500 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(254 121 93 / var(--tw-divide-opacity, 1)); +} + +.divide-purple-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(202 191 253 / var(--tw-divide-opacity, 1)); +} + +.divide-red-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(248 180 180 / var(--tw-divide-opacity, 1)); +} + +.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(250 202 21 / var(--tw-divide-opacity, 1)); } .self-start { @@ -2806,6 +2943,10 @@ input[type="range"].range-lg::-moz-range-thumb { white-space: pre-wrap; } +.text-wrap { + text-wrap: wrap; +} + .break-words { overflow-wrap: break-word; } @@ -2814,34 +2955,18 @@ input[type="range"].range-lg::-moz-range-thumb { word-break: break-all; } +.\!rounded-md { + border-radius: 0.375rem !important; +} + .rounded { border-radius: 0.25rem; } -.rounded-full { - border-radius: 9999px; -} - -.rounded-xl { - border-radius: 0.75rem; -} - .rounded-2xl { border-radius: 1rem; } -.rounded-lg { - border-radius: 0.5rem; -} - -.rounded-none { - border-radius: 0px; -} - -.\!rounded-md { - border-radius: 0.375rem !important; -} - .rounded-\[2\.5rem\] { border-radius: 2.5rem; } @@ -2850,23 +2975,28 @@ input[type="range"].range-lg::-moz-range-thumb { border-radius: 2rem; } +.rounded-full { + border-radius: 9999px; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-md { + border-radius: 0.375rem; +} + +.rounded-none { + border-radius: 0px; +} + .rounded-sm { border-radius: 0.125rem; } -.rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} - -.rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} - -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; +.rounded-xl { + border-radius: 0.75rem; } .rounded-b { @@ -2874,54 +3004,74 @@ input[type="range"].range-lg::-moz-range-thumb { border-bottom-left-radius: 0.25rem; } -.rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} - .rounded-b-\[1rem\] { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } -.rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; -} - -.rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; -} - -.rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; -} - -.rounded-t-\[2\.5rem\] { - border-top-left-radius: 2.5rem; - border-top-right-radius: 2.5rem; -} - .rounded-b-\[2\.5rem\] { border-bottom-right-radius: 2.5rem; border-bottom-left-radius: 2.5rem; } +.rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} + +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} + +.rounded-e { + border-start-end-radius: 0.25rem; + border-end-end-radius: 0.25rem; +} + +.rounded-e-full { + border-start-end-radius: 9999px; + border-end-end-radius: 9999px; +} + +.rounded-e-lg { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem; +} + .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } +.rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} + .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } -.rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; +.rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; +} + +.rounded-s { + border-start-start-radius: 0.25rem; + border-end-start-radius: 0.25rem; +} + +.rounded-s-full { + border-start-start-radius: 9999px; + border-end-start-radius: 9999px; +} + +.rounded-s-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem; } .rounded-t { @@ -2929,10 +3079,59 @@ input[type="range"].range-lg::-moz-range-thumb { border-top-right-radius: 0.25rem; } +.rounded-t-\[2\.5rem\] { + border-top-left-radius: 2.5rem; + border-top-right-radius: 2.5rem; +} + +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} + +.rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} + +.rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; +} + +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} + +.rounded-bl { + border-bottom-left-radius: 0.25rem; +} + .rounded-bl-full { border-bottom-left-radius: 9999px; } +.rounded-br { + border-bottom-right-radius: 0.25rem; +} + +.rounded-ee { + border-end-end-radius: 0.25rem; +} + +.rounded-es { + border-end-start-radius: 0.25rem; +} + +.rounded-se { + border-start-end-radius: 0.25rem; +} + +.rounded-ss { + border-start-start-radius: 0.25rem; +} + .rounded-tl { border-top-left-radius: 0.25rem; } @@ -2941,24 +3140,24 @@ input[type="range"].range-lg::-moz-range-thumb { border-top-right-radius: 0.25rem; } -.rounded-br { - border-bottom-right-radius: 0.25rem; -} - -.rounded-bl { - border-bottom-left-radius: 0.25rem; +.\!border-0 { + border-width: 0px !important; } .border { border-width: 1px; } +.border-0 { + border-width: 0px; +} + .border-2 { border-width: 2px; } -.\!border-0 { - border-width: 0px !important; +.border-\[10px\] { + border-width: 10px; } .border-\[14px\] { @@ -2973,14 +3172,6 @@ input[type="range"].range-lg::-moz-range-thumb { border-width: 8px; } -.border-\[10px\] { - border-width: 10px; -} - -.border-0 { - border-width: 0px; -} - .border-x { border-left-width: 1px; border-right-width: 1px; @@ -2991,804 +3182,821 @@ input[type="range"].range-lg::-moz-range-thumb { border-bottom-width: 1px; } -.border-b-2 { - border-bottom-width: 2px; -} - .border-b { border-bottom-width: 1px; } -.border-l-4 { - border-left-width: 4px; +.border-b-2 { + border-bottom-width: 2px; +} + +.border-e { + border-inline-end-width: 1px; } .border-l { border-left-width: 1px; } -.border-t { - border-top-width: 1px; +.border-l-4 { + border-left-width: 4px; } .border-r { border-right-width: 1px; } -.border-dashed { - border-style: dashed; +.border-s { + border-inline-start-width: 1px; } -.border-dotted { - border-style: dotted; +.border-s-4 { + border-inline-start-width: 4px; +} + +.border-t { + border-top-width: 1px; +} + +.border-dashed { + border-style: dashed; } .border-none { border-style: none; } -.border-gray-500 { - --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); -} - .border-black { --tw-border-opacity: 1; - border-color: rgb(0 0 0 / 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-transparent { - border-color: transparent; -} - -.border-gray-600 { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} - -.border-red-500 { - --tw-border-opacity: 1; - border-color: rgb(240 82 82 / var(--tw-border-opacity)); -} - -.border-gray-800 { - --tw-border-opacity: 1; - border-color: rgb(31 41 55 / var(--tw-border-opacity)); -} - -.border-white { - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - -.border-primary-400 { - --tw-border-opacity: 1; - border-color: rgb(255 188 173 / var(--tw-border-opacity)); -} - -.border-blue-400 { - --tw-border-opacity: 1; - border-color: rgb(118 169 250 / var(--tw-border-opacity)); -} - -.border-red-400 { - --tw-border-opacity: 1; - border-color: rgb(249 128 128 / var(--tw-border-opacity)); -} - -.border-green-400 { - --tw-border-opacity: 1; - border-color: rgb(49 196 141 / var(--tw-border-opacity)); -} - -.border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgb(250 202 21 / var(--tw-border-opacity)); -} - -.border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgb(141 162 251 / var(--tw-border-opacity)); -} - -.border-purple-400 { - --tw-border-opacity: 1; - border-color: rgb(172 148 250 / var(--tw-border-opacity)); -} - -.border-pink-400 { - --tw-border-opacity: 1; - border-color: rgb(241 126 184 / var(--tw-border-opacity)); -} - -.border-gray-100 { - --tw-border-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-border-opacity)); -} - -.border-blue-700 { - --tw-border-opacity: 1; - border-color: rgb(26 86 219 / var(--tw-border-opacity)); -} - -.border-green-700 { - --tw-border-opacity: 1; - border-color: rgb(4 108 78 / var(--tw-border-opacity)); -} - -.border-primary-700 { - --tw-border-opacity: 1; - border-color: rgb(235 79 39 / var(--tw-border-opacity)); -} - -.border-purple-700 { - --tw-border-opacity: 1; - border-color: rgb(108 43 217 / var(--tw-border-opacity)); -} - -.border-red-700 { - --tw-border-opacity: 1; - border-color: rgb(200 30 30 / var(--tw-border-opacity)); -} - -.border-yellow-400 { - --tw-border-opacity: 1; - border-color: rgb(227 160 8 / var(--tw-border-opacity)); -} - -.border-gray-900 { - --tw-border-opacity: 1; - border-color: rgb(17 24 39 / var(--tw-border-opacity)); -} - -.border-green-600 { - --tw-border-opacity: 1; - border-color: rgb(5 122 85 / var(--tw-border-opacity)); -} - -.border-red-600 { - --tw-border-opacity: 1; - border-color: rgb(224 36 36 / var(--tw-border-opacity)); -} - -.border-green-500 { - --tw-border-opacity: 1; - border-color: rgb(14 159 110 / var(--tw-border-opacity)); -} - -.border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); -} - -.border-primary-600 { - --tw-border-opacity: 1; - border-color: rgb(239 86 47 / var(--tw-border-opacity)); -} - -.border-red-300 { - --tw-border-opacity: 1; - border-color: rgb(248 180 180 / var(--tw-border-opacity)); -} - -.border-green-300 { - --tw-border-opacity: 1; - border-color: rgb(132 225 188 / var(--tw-border-opacity)); -} - -.border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgb(180 198 252 / var(--tw-border-opacity)); -} - -.border-purple-300 { - --tw-border-opacity: 1; - border-color: rgb(202 191 253 / var(--tw-border-opacity)); -} - -.border-pink-300 { - --tw-border-opacity: 1; - border-color: rgb(248 180 217 / var(--tw-border-opacity)); + border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-blue-300 { --tw-border-opacity: 1; - border-color: rgb(164 202 254 / var(--tw-border-opacity)); + border-color: rgb(164 202 254 / var(--tw-border-opacity, 1)); } -.border-primary-500 { +.border-blue-400 { --tw-border-opacity: 1; - border-color: rgb(254 121 93 / var(--tw-border-opacity)); + border-color: rgb(118 169 250 / var(--tw-border-opacity, 1)); } -.border-orange-300 { +.border-blue-700 { --tw-border-opacity: 1; - border-color: rgb(253 186 140 / var(--tw-border-opacity)); + border-color: rgb(26 86 219 / var(--tw-border-opacity, 1)); +} + +.border-gray-100 { + --tw-border-opacity: 1; + border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); +} + +.border-gray-200 { + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); +} + +.border-gray-300 { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); +} + +.border-gray-400 { + --tw-border-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); +} + +.border-gray-500 { + --tw-border-opacity: 1; + border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); +} + +.border-gray-600 { + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); +} + +.border-gray-700 { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} + +.border-gray-800 { + --tw-border-opacity: 1; + border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); +} + +.border-gray-900 { + --tw-border-opacity: 1; + border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); +} + +.border-green-300 { + --tw-border-opacity: 1; + border-color: rgb(132 225 188 / var(--tw-border-opacity, 1)); +} + +.border-green-400 { + --tw-border-opacity: 1; + border-color: rgb(49 196 141 / var(--tw-border-opacity, 1)); +} + +.border-green-500 { + --tw-border-opacity: 1; + border-color: rgb(14 159 110 / var(--tw-border-opacity, 1)); +} + +.border-green-600 { + --tw-border-opacity: 1; + border-color: rgb(5 122 85 / var(--tw-border-opacity, 1)); +} + +.border-green-700 { + --tw-border-opacity: 1; + border-color: rgb(4 108 78 / var(--tw-border-opacity, 1)); +} + +.border-indigo-300 { + --tw-border-opacity: 1; + border-color: rgb(180 198 252 / var(--tw-border-opacity, 1)); +} + +.border-indigo-400 { + --tw-border-opacity: 1; + border-color: rgb(141 162 251 / var(--tw-border-opacity, 1)); } .border-inherit { border-color: inherit; } +.border-orange-300 { + --tw-border-opacity: 1; + border-color: rgb(253 186 140 / var(--tw-border-opacity, 1)); +} + +.border-pink-300 { + --tw-border-opacity: 1; + border-color: rgb(248 180 217 / var(--tw-border-opacity, 1)); +} + +.border-pink-400 { + --tw-border-opacity: 1; + border-color: rgb(241 126 184 / var(--tw-border-opacity, 1)); +} + +.border-primary-400 { + --tw-border-opacity: 1; + border-color: rgb(255 188 173 / var(--tw-border-opacity, 1)); +} + +.border-primary-500 { + --tw-border-opacity: 1; + border-color: rgb(254 121 93 / var(--tw-border-opacity, 1)); +} + +.border-primary-600 { + --tw-border-opacity: 1; + border-color: rgb(239 86 47 / var(--tw-border-opacity, 1)); +} + +.border-primary-700 { + --tw-border-opacity: 1; + border-color: rgb(235 79 39 / var(--tw-border-opacity, 1)); +} + +.border-purple-300 { + --tw-border-opacity: 1; + border-color: rgb(202 191 253 / var(--tw-border-opacity, 1)); +} + +.border-purple-400 { + --tw-border-opacity: 1; + border-color: rgb(172 148 250 / var(--tw-border-opacity, 1)); +} + +.border-purple-700 { + --tw-border-opacity: 1; + border-color: rgb(108 43 217 / var(--tw-border-opacity, 1)); +} + +.border-red-300 { + --tw-border-opacity: 1; + border-color: rgb(248 180 180 / var(--tw-border-opacity, 1)); +} + +.border-red-400 { + --tw-border-opacity: 1; + border-color: rgb(249 128 128 / var(--tw-border-opacity, 1)); +} + +.border-red-500 { + --tw-border-opacity: 1; + border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); +} + +.border-red-600 { + --tw-border-opacity: 1; + border-color: rgb(224 36 36 / var(--tw-border-opacity, 1)); +} + +.border-red-700 { + --tw-border-opacity: 1; + border-color: rgb(200 30 30 / var(--tw-border-opacity, 1)); +} + +.border-transparent { + border-color: transparent; +} + +.border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); +} + +.border-yellow-300 { + --tw-border-opacity: 1; + border-color: rgb(250 202 21 / var(--tw-border-opacity, 1)); +} + +.border-yellow-400 { + --tw-border-opacity: 1; + border-color: rgb(227 160 8 / var(--tw-border-opacity, 1)); +} + .border-t-gray-300 { --tw-border-opacity: 1; - border-top-color: rgb(209 213 219 / var(--tw-border-opacity)); + border-top-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-opacity-50 { --tw-border-opacity: 0.5; } -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgb(107 114 128 / var(--tw-bg-opacity)); -} - -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgb(249 128 128 / var(--tw-bg-opacity)); -} - -.bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - -.bg-slate-400 { - --tw-bg-opacity: 1; - background-color: rgb(148 163 184 / var(--tw-bg-opacity)); +.\!bg-gray-50 { + --tw-bg-opacity: 1 !important; + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important; } .bg-black { --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); -} - -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} - -.bg-primary-100 { - --tw-bg-opacity: 1; - background-color: rgb(255 241 238 / var(--tw-bg-opacity)); + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-blue-100 { --tw-bg-opacity: 1; - background-color: rgb(225 239 254 / var(--tw-bg-opacity)); + background-color: rgb(225 239 254 / var(--tw-bg-opacity, 1)); } -.bg-red-100 { +.bg-blue-200 { --tw-bg-opacity: 1; - background-color: rgb(253 232 232 / var(--tw-bg-opacity)); -} - -.bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgb(222 247 236 / var(--tw-bg-opacity)); -} - -.bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgb(253 246 178 / var(--tw-bg-opacity)); -} - -.bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgb(229 237 255 / var(--tw-bg-opacity)); -} - -.bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgb(237 235 254 / var(--tw-bg-opacity)); -} - -.bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgb(252 232 243 / var(--tw-bg-opacity)); -} - -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - -.bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - -.bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgb(26 86 219 / var(--tw-bg-opacity)); -} - -.bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -.bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgb(4 108 78 / var(--tw-bg-opacity)); -} - -.bg-primary-700 { - --tw-bg-opacity: 1; - background-color: rgb(235 79 39 / var(--tw-bg-opacity)); -} - -.bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgb(108 43 217 / var(--tw-bg-opacity)); -} - -.bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgb(200 30 30 / var(--tw-bg-opacity)); -} - -.bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgb(227 160 8 / var(--tw-bg-opacity)); + background-color: rgb(195 221 253 / var(--tw-bg-opacity, 1)); } .bg-blue-400 { --tw-bg-opacity: 1; - background-color: rgb(118 169 250 / var(--tw-bg-opacity)); + background-color: rgb(118 169 250 / var(--tw-bg-opacity, 1)); } -.bg-green-400 { +.bg-blue-50 { --tw-bg-opacity: 1; - background-color: rgb(49 196 141 / var(--tw-bg-opacity)); + background-color: rgb(235 245 255 / var(--tw-bg-opacity, 1)); } -.bg-primary-400 { +.bg-blue-500 { --tw-bg-opacity: 1; - background-color: rgb(255 188 173 / var(--tw-bg-opacity)); + background-color: rgb(63 131 248 / var(--tw-bg-opacity, 1)); } -.bg-purple-400 { +.bg-blue-600 { --tw-bg-opacity: 1; - background-color: rgb(172 148 250 / var(--tw-bg-opacity)); + background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1)); } -.bg-yellow-300 { +.bg-blue-700 { --tw-bg-opacity: 1; - background-color: rgb(250 202 21 / var(--tw-bg-opacity)); + background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); } -.bg-white\/30 { - background-color: rgb(255 255 255 / 0.3); -} - -.bg-transparent { - background-color: transparent; -} - -.bg-green-50 { +.bg-blue-800 { --tw-bg-opacity: 1; - background-color: rgb(243 250 247 / var(--tw-bg-opacity)); + background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); } -.bg-red-50 { +.bg-gray-100 { --tw-bg-opacity: 1; - background-color: rgb(253 242 242 / var(--tw-bg-opacity)); + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); +} + +.bg-gray-100\/50 { + background-color: rgb(243 244 246 / 0.5); +} + +.bg-gray-200 { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-300 { --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); + background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); +} + +.bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); +} + +.bg-gray-50 { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); +} + +.bg-gray-500 { + --tw-bg-opacity: 1; + background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); +} + +.bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); +} + +.bg-gray-700 { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); +} + +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); +} + +.bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); +} + +.bg-green-100 { + --tw-bg-opacity: 1; + background-color: rgb(222 247 236 / var(--tw-bg-opacity, 1)); +} + +.bg-green-400 { + --tw-bg-opacity: 1; + background-color: rgb(49 196 141 / var(--tw-bg-opacity, 1)); +} + +.bg-green-50 { + --tw-bg-opacity: 1; + background-color: rgb(243 250 247 / var(--tw-bg-opacity, 1)); +} + +.bg-green-500 { + --tw-bg-opacity: 1; + background-color: rgb(14 159 110 / var(--tw-bg-opacity, 1)); +} + +.bg-green-600 { + --tw-bg-opacity: 1; + background-color: rgb(5 122 85 / var(--tw-bg-opacity, 1)); +} + +.bg-green-700 { + --tw-bg-opacity: 1; + background-color: rgb(4 108 78 / var(--tw-bg-opacity, 1)); +} + +.bg-green-800 { + --tw-bg-opacity: 1; + background-color: rgb(3 84 63 / var(--tw-bg-opacity, 1)); +} + +.bg-indigo-100 { + --tw-bg-opacity: 1; + background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1)); +} + +.bg-indigo-50 { + --tw-bg-opacity: 1; + background-color: rgb(240 245 255 / var(--tw-bg-opacity, 1)); +} + +.bg-indigo-500 { + --tw-bg-opacity: 1; + background-color: rgb(104 117 245 / var(--tw-bg-opacity, 1)); +} + +.bg-indigo-600 { + --tw-bg-opacity: 1; + background-color: rgb(88 80 236 / var(--tw-bg-opacity, 1)); +} + +.bg-indigo-800 { + --tw-bg-opacity: 1; + background-color: rgb(66 56 157 / var(--tw-bg-opacity, 1)); } .bg-inherit { background-color: inherit; } -.bg-blue-600 { +.bg-orange-50 { --tw-bg-opacity: 1; - background-color: rgb(28 100 242 / var(--tw-bg-opacity)); + background-color: rgb(255 248 241 / var(--tw-bg-opacity, 1)); } .bg-orange-600 { --tw-bg-opacity: 1; - background-color: rgb(208 56 1 / var(--tw-bg-opacity)); + background-color: rgb(208 56 1 / var(--tw-bg-opacity, 1)); } -.bg-green-500 { +.bg-pink-100 { --tw-bg-opacity: 1; - background-color: rgb(14 159 110 / var(--tw-bg-opacity)); -} - -.bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgb(240 82 82 / var(--tw-bg-opacity)); -} - -.bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgb(144 97 249 / var(--tw-bg-opacity)); -} - -.bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgb(104 117 245 / var(--tw-bg-opacity)); -} - -.bg-teal-500 { - --tw-bg-opacity: 1; - background-color: rgb(6 148 162 / var(--tw-bg-opacity)); -} - -.bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgb(235 245 255 / var(--tw-bg-opacity)); -} - -.bg-primary-600 { - --tw-bg-opacity: 1; - background-color: rgb(239 86 47 / var(--tw-bg-opacity)); -} - -.bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} - -.bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgb(224 36 36 / var(--tw-bg-opacity)); -} - -.bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgb(5 122 85 / var(--tw-bg-opacity)); -} - -.bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgb(126 58 242 / var(--tw-bg-opacity)); -} - -.bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgb(88 80 236 / var(--tw-bg-opacity)); -} - -.bg-primary-50 { - --tw-bg-opacity: 1; - background-color: rgb(255 245 242 / var(--tw-bg-opacity)); -} - -.bg-primary-500 { - --tw-bg-opacity: 1; - background-color: rgb(254 121 93 / var(--tw-bg-opacity)); -} - -.bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgb(231 70 148 / var(--tw-bg-opacity)); -} - -.bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgb(63 131 248 / var(--tw-bg-opacity)); -} - -.bg-primary-800 { - --tw-bg-opacity: 1; - background-color: rgb(204 69 34 / var(--tw-bg-opacity)); -} - -.bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - -.bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgb(119 29 29 / var(--tw-bg-opacity)); -} - -.bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgb(159 88 10 / var(--tw-bg-opacity)); -} - -.bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgb(3 84 63 / var(--tw-bg-opacity)); -} - -.bg-indigo-800 { - --tw-bg-opacity: 1; - background-color: rgb(66 56 157 / var(--tw-bg-opacity)); -} - -.bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgb(85 33 181 / var(--tw-bg-opacity)); -} - -.bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgb(153 21 75 / var(--tw-bg-opacity)); -} - -.bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgb(30 66 159 / var(--tw-bg-opacity)); -} - -.bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgb(194 120 3 / var(--tw-bg-opacity)); -} - -.bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgb(195 221 253 / var(--tw-bg-opacity)); -} - -.bg-primary-200 { - --tw-bg-opacity: 1; - background-color: rgb(255 228 222 / var(--tw-bg-opacity)); -} - -.bg-orange-100 { - --tw-bg-opacity: 1; - background-color: rgb(254 236 220 / var(--tw-bg-opacity)); -} - -.bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgb(253 253 234 / var(--tw-bg-opacity)); -} - -.bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgb(240 245 255 / var(--tw-bg-opacity)); -} - -.bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgb(246 245 255 / var(--tw-bg-opacity)); + background-color: rgb(252 232 243 / var(--tw-bg-opacity, 1)); } .bg-pink-50 { --tw-bg-opacity: 1; - background-color: rgb(253 242 248 / var(--tw-bg-opacity)); + background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1)); } -.bg-orange-50 { +.bg-pink-500 { --tw-bg-opacity: 1; - background-color: rgb(255 248 241 / var(--tw-bg-opacity)); + background-color: rgb(231 70 148 / var(--tw-bg-opacity, 1)); } -.bg-opacity-75 { - --tw-bg-opacity: 0.75; +.bg-pink-800 { + --tw-bg-opacity: 1; + background-color: rgb(153 21 75 / var(--tw-bg-opacity, 1)); +} + +.bg-primary-100 { + --tw-bg-opacity: 1; + background-color: rgb(255 241 238 / var(--tw-bg-opacity, 1)); +} + +.bg-primary-200 { + --tw-bg-opacity: 1; + background-color: rgb(255 228 222 / var(--tw-bg-opacity, 1)); +} + +.bg-primary-400 { + --tw-bg-opacity: 1; + background-color: rgb(255 188 173 / var(--tw-bg-opacity, 1)); +} + +.bg-primary-50 { + --tw-bg-opacity: 1; + background-color: rgb(255 245 242 / var(--tw-bg-opacity, 1)); +} + +.bg-primary-500 { + --tw-bg-opacity: 1; + background-color: rgb(254 121 93 / var(--tw-bg-opacity, 1)); +} + +.bg-primary-600 { + --tw-bg-opacity: 1; + background-color: rgb(239 86 47 / var(--tw-bg-opacity, 1)); +} + +.bg-primary-700 { + --tw-bg-opacity: 1; + background-color: rgb(235 79 39 / var(--tw-bg-opacity, 1)); +} + +.bg-primary-800 { + --tw-bg-opacity: 1; + background-color: rgb(204 69 34 / var(--tw-bg-opacity, 1)); +} + +.bg-purple-100 { + --tw-bg-opacity: 1; + background-color: rgb(237 235 254 / var(--tw-bg-opacity, 1)); +} + +.bg-purple-400 { + --tw-bg-opacity: 1; + background-color: rgb(172 148 250 / var(--tw-bg-opacity, 1)); +} + +.bg-purple-50 { + --tw-bg-opacity: 1; + background-color: rgb(246 245 255 / var(--tw-bg-opacity, 1)); +} + +.bg-purple-500 { + --tw-bg-opacity: 1; + background-color: rgb(144 97 249 / var(--tw-bg-opacity, 1)); +} + +.bg-purple-600 { + --tw-bg-opacity: 1; + background-color: rgb(126 58 242 / var(--tw-bg-opacity, 1)); +} + +.bg-purple-700 { + --tw-bg-opacity: 1; + background-color: rgb(108 43 217 / var(--tw-bg-opacity, 1)); +} + +.bg-purple-800 { + --tw-bg-opacity: 1; + background-color: rgb(85 33 181 / var(--tw-bg-opacity, 1)); +} + +.bg-red-100 { + --tw-bg-opacity: 1; + background-color: rgb(253 232 232 / var(--tw-bg-opacity, 1)); +} + +.bg-red-400 { + --tw-bg-opacity: 1; + background-color: rgb(249 128 128 / var(--tw-bg-opacity, 1)); +} + +.bg-red-50 { + --tw-bg-opacity: 1; + background-color: rgb(253 242 242 / var(--tw-bg-opacity, 1)); +} + +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgb(240 82 82 / var(--tw-bg-opacity, 1)); +} + +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)); +} + +.bg-red-700 { + --tw-bg-opacity: 1; + background-color: rgb(200 30 30 / var(--tw-bg-opacity, 1)); +} + +.bg-red-900 { + --tw-bg-opacity: 1; + background-color: rgb(119 29 29 / var(--tw-bg-opacity, 1)); +} + +.bg-slate-400 { + --tw-bg-opacity: 1; + background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); +} + +.bg-teal-500 { + --tw-bg-opacity: 1; + background-color: rgb(6 148 162 / var(--tw-bg-opacity, 1)); +} + +.bg-transparent { + background-color: transparent; +} + +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); +} + +.bg-white\/30 { + background-color: rgb(255 255 255 / 0.3); +} + +.bg-yellow-100 { + --tw-bg-opacity: 1; + background-color: rgb(253 246 178 / var(--tw-bg-opacity, 1)); +} + +.bg-yellow-300 { + --tw-bg-opacity: 1; + background-color: rgb(250 202 21 / var(--tw-bg-opacity, 1)); +} + +.bg-yellow-400 { + --tw-bg-opacity: 1; + background-color: rgb(227 160 8 / var(--tw-bg-opacity, 1)); +} + +.bg-yellow-50 { + --tw-bg-opacity: 1; + background-color: rgb(253 253 234 / var(--tw-bg-opacity, 1)); +} + +.bg-yellow-500 { + --tw-bg-opacity: 1; + background-color: rgb(194 120 3 / var(--tw-bg-opacity, 1)); +} + +.bg-yellow-600 { + --tw-bg-opacity: 1; + background-color: rgb(159 88 10 / var(--tw-bg-opacity, 1)); } .bg-opacity-50 { --tw-bg-opacity: 0.5; } -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); +.bg-opacity-75 { + --tw-bg-opacity: 0.75; } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } -.from-blue-500 { - --tw-gradient-from: #3F83F8; - --tw-gradient-to: rgb(63 131 248 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.from-green-400 { - --tw-gradient-from: #31C48D; - --tw-gradient-to: rgb(49 196 141 / 0); +.from-blue-500 { + --tw-gradient-from: #3F83F8 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-400 { - --tw-gradient-from: #22d3ee; - --tw-gradient-to: rgb(34 211 238 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-teal-400 { - --tw-gradient-from: #16BDCA; - --tw-gradient-to: rgb(22 189 202 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-lime-200 { - --tw-gradient-from: #d9f99d; - --tw-gradient-to: rgb(217 249 157 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-red-400 { - --tw-gradient-from: #F98080; - --tw-gradient-to: rgb(249 128 128 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-pink-400 { - --tw-gradient-from: #F17EB8; - --tw-gradient-to: rgb(241 126 184 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-purple-500 { - --tw-gradient-from: #9061F9; - --tw-gradient-to: rgb(144 97 249 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-purple-600 { - --tw-gradient-from: #7E3AF2; - --tw-gradient-to: rgb(126 58 242 / 0); + --tw-gradient-from: #22d3ee var(--tw-gradient-from-position); + --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-500 { - --tw-gradient-from: #06b6d4; - --tw-gradient-to: rgb(6 182 212 / 0); + --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-green-400 { + --tw-gradient-from: #31C48D var(--tw-gradient-from-position); + --tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-lime-200 { + --tw-gradient-from: #d9f99d var(--tw-gradient-from-position); + --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-pink-400 { + --tw-gradient-from: #F17EB8 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(241 126 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-500 { - --tw-gradient-from: #E74694; - --tw-gradient-to: rgb(231 70 148 / 0); + --tw-gradient-from: #E74694 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.from-teal-200 { - --tw-gradient-from: #AFECEF; - --tw-gradient-to: rgb(175 236 239 / 0); +.from-purple-500 { + --tw-gradient-from: #9061F9 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-purple-600 { + --tw-gradient-from: #7E3AF2 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-200 { - --tw-gradient-from: #FBD5D5; - --tw-gradient-to: rgb(251 213 213 / 0); + --tw-gradient-from: #FBD5D5 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(251 213 213 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-red-400 { + --tw-gradient-from: #F98080 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(249 128 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sky-400 { - --tw-gradient-from: #38bdf8; - --tw-gradient-to: rgb(56 189 248 / 0); + --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-teal-200 { + --tw-gradient-from: #AFECEF var(--tw-gradient-from-position); + --tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-teal-400 { + --tw-gradient-from: #16BDCA var(--tw-gradient-from-position); + --tw-gradient-to: rgb(22 189 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-blue-600 { - --tw-gradient-to: rgb(28 100 242 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #1C64F2, var(--tw-gradient-to); -} - -.via-green-500 { - --tw-gradient-to: rgb(14 159 110 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #0E9F6E, var(--tw-gradient-to); + --tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #1C64F2 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-cyan-500 { - --tw-gradient-to: rgb(6 182 212 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #06b6d4, var(--tw-gradient-to); + --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to); } -.via-teal-500 { - --tw-gradient-to: rgb(6 148 162 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #0694A2, var(--tw-gradient-to); +.via-green-500 { + --tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #0E9F6E var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-lime-400 { - --tw-gradient-to: rgb(163 230 53 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #a3e635, var(--tw-gradient-to); -} - -.via-red-500 { - --tw-gradient-to: rgb(240 82 82 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #F05252, var(--tw-gradient-to); + --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #a3e635 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-pink-500 { - --tw-gradient-to: rgb(231 70 148 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #E74694, var(--tw-gradient-to); + --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #E74694 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-600 { - --tw-gradient-to: rgb(126 58 242 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #7E3AF2, var(--tw-gradient-to); + --tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #7E3AF2 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-red-300 { - --tw-gradient-to: rgb(248 180 180 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #F8B4B4, var(--tw-gradient-to); + --tw-gradient-to: rgb(248 180 180 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #F8B4B4 var(--tw-gradient-via-position), var(--tw-gradient-to); } -.to-blue-700 { - --tw-gradient-to: #1A56DB; +.via-red-500 { + --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #F05252 var(--tw-gradient-via-position), var(--tw-gradient-to); } -.to-green-600 { - --tw-gradient-to: #057A55; -} - -.to-cyan-600 { - --tw-gradient-to: #0891b2; -} - -.to-teal-600 { - --tw-gradient-to: #047481; -} - -.to-lime-500 { - --tw-gradient-to: #84cc16; -} - -.to-red-600 { - --tw-gradient-to: #E02424; -} - -.to-pink-600 { - --tw-gradient-to: #D61F69; -} - -.to-purple-700 { - --tw-gradient-to: #6C2BD9; +.via-teal-500 { + --tw-gradient-to: rgb(6 148 162 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #0694A2 var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-blue-500 { - --tw-gradient-to: #3F83F8; + --tw-gradient-to: #3F83F8 var(--tw-gradient-to-position); } .to-blue-600 { - --tw-gradient-to: #1C64F2; + --tw-gradient-to: #1C64F2 var(--tw-gradient-to-position); } -.to-pink-500 { - --tw-gradient-to: #E74694; +.to-blue-700 { + --tw-gradient-to: #1A56DB var(--tw-gradient-to-position); } -.to-orange-400 { - --tw-gradient-to: #FF8A4C; -} - -.to-lime-200 { - --tw-gradient-to: #d9f99d; -} - -.to-yellow-200 { - --tw-gradient-to: #FCE96A; +.to-cyan-600 { + --tw-gradient-to: #0891b2 var(--tw-gradient-to-position); } .to-emerald-600 { - --tw-gradient-to: #059669; + --tw-gradient-to: #059669 var(--tw-gradient-to-position); +} + +.to-green-600 { + --tw-gradient-to: #057A55 var(--tw-gradient-to-position); +} + +.to-lime-200 { + --tw-gradient-to: #d9f99d var(--tw-gradient-to-position); +} + +.to-lime-500 { + --tw-gradient-to: #84cc16 var(--tw-gradient-to-position); +} + +.to-orange-400 { + --tw-gradient-to: #FF8A4C var(--tw-gradient-to-position); +} + +.to-pink-500 { + --tw-gradient-to: #E74694 var(--tw-gradient-to-position); +} + +.to-pink-600 { + --tw-gradient-to: #D61F69 var(--tw-gradient-to-position); +} + +.to-purple-700 { + --tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position); +} + +.to-red-600 { + --tw-gradient-to: #E02424 var(--tw-gradient-to-position); +} + +.to-teal-600 { + --tw-gradient-to: #047481 var(--tw-gradient-to-position); +} + +.to-yellow-200 { + --tw-gradient-to: #FCE96A var(--tw-gradient-to-position); } .bg-clip-text { @@ -3800,10 +4008,6 @@ input[type="range"].range-lg::-moz-range-thumb { background-repeat: repeat; } -.fill-primary-600 { - fill: #EF562F; -} - .fill-blue-600 { fill: #1C64F2; } @@ -3816,56 +4020,68 @@ input[type="range"].range-lg::-moz-range-thumb { fill: #0E9F6E; } -.fill-red-600 { - fill: #E02424; -} - -.fill-yellow-400 { - fill: #E3A008; -} - .fill-pink-600 { fill: #D61F69; } +.fill-primary-600 { + fill: #EF562F; +} + .fill-purple-600 { fill: #7E3AF2; } +.fill-red-600 { + fill: #E02424; +} + .fill-white { fill: #ffffff; } +.fill-yellow-400 { + fill: #E3A008; +} + .object-cover { object-fit: cover; } -.p-8 { - padding: 2rem; +.\!p-0 { + padding: 0px !important; } -.p-4 { - padding: 1rem; +.\!p-2 { + padding: 0.5rem !important; +} + +.\!p-3 { + padding: 0.75rem !important; } .p-0 { padding: 0px; } -.p-2 { - padding: 0.5rem; +.p-0\.5 { + padding: 0.125rem; } .p-1 { padding: 0.25rem; } -.p-0\.5 { - padding: 0.125rem; +.p-1\.5 { + padding: 0.375rem; } -.p-5 { - padding: 1.25rem; +.p-12 { + padding: 3rem; +} + +.p-2 { + padding: 0.5rem; } .p-2\.5 { @@ -3876,44 +4092,21 @@ input[type="range"].range-lg::-moz-range-thumb { padding: 0.75rem; } -.\!p-0 { - padding: 0px !important; +.p-4 { + padding: 1rem; } -.p-1\.5 { - padding: 0.375rem; +.p-5 { + padding: 1.25rem; } -.\!p-3 { - padding: 0.75rem !important; +.p-8 { + padding: 2rem; } -.\!p-2 { - padding: 0.5rem !important; -} - -.p-12 { - padding: 3rem; -} - -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} - -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; +.\!px-0 { + padding-left: 0px !important; + padding-right: 0px !important; } .px-0 { @@ -3921,14 +4114,14 @@ input[type="range"].range-lg::-moz-range-thumb { padding-right: 0px; } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } .px-2\.5 { @@ -3936,19 +4129,14 @@ input[type="range"].range-lg::-moz-range-thumb { padding-right: 0.625rem; } -.py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } -.py-0 { - padding-top: 0px; - padding-bottom: 0px; -} - -.px-8 { - padding-left: 2rem; - padding-right: 2rem; +.px-4 { + padding-left: 1rem; + padding-right: 1rem; } .px-5 { @@ -3956,16 +4144,31 @@ input[type="range"].range-lg::-moz-range-thumb { padding-right: 1.25rem; } +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; @@ -3976,9 +4179,9 @@ input[type="range"].range-lg::-moz-range-thumb { padding-bottom: 0.625rem; } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .py-3\.5 { @@ -3986,98 +4189,138 @@ input[type="range"].range-lg::-moz-range-thumb { padding-bottom: 0.875rem; } -.\!px-0 { - padding-left: 0px !important; - padding-right: 0px !important; -} - .py-4 { padding-top: 1rem; padding-bottom: 1rem; } -.pr-2 { - padding-right: 0.5rem; -} - -.pr-12 { - padding-right: 3rem; -} - -.pl-2 { - padding-left: 0.5rem; -} - -.pr-1 { - padding-right: 0.25rem; -} - -.pb-4 { - padding-bottom: 1rem; -} - -.pt-0\.5 { - padding-top: 0.125rem; -} - -.pt-0 { - padding-top: 0px; -} - -.pl-3 { - padding-left: 0.75rem; -} - -.pb-3 { - padding-bottom: 0.75rem; -} - -.pt-2 { - padding-top: 0.5rem; -} - -.pr-4 { - padding-right: 1rem; -} - -.pl-1 { - padding-left: 0.25rem; -} - -.pb-1\.5 { - padding-bottom: 0.375rem; -} - -.pt-4 { - padding-top: 1rem; +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } .pb-1 { padding-bottom: 0.25rem; } -.pb-2\.5 { - padding-bottom: 0.625rem; +.pb-1\.5 { + padding-bottom: 0.375rem; } -.pt-5 { - padding-top: 1.25rem; +.pb-10 { + padding-bottom: 2.5rem; } .pb-2 { padding-bottom: 0.5rem; } -.pt-3 { - padding-top: 0.75rem; +.pb-2\.5 { + padding-bottom: 0.625rem; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pe-10 { + padding-inline-end: 2.5rem; +} + +.pe-11 { + padding-inline-end: 2.75rem; +} + +.pe-2\.5 { + padding-inline-end: 0.625rem; +} + +.pe-4 { + padding-inline-end: 1rem; +} + +.pe-9 { + padding-inline-end: 2.25rem; +} + +.pl-1 { + padding-left: 0.25rem; +} + +.pl-2 { + padding-left: 0.5rem; +} + +.pl-3 { + padding-left: 0.75rem; +} + +.pr-1 { + padding-right: 0.25rem; +} + +.pr-12 { + padding-right: 3rem; +} + +.pr-2 { + padding-right: 0.5rem; +} + +.pr-4 { + padding-right: 1rem; +} + +.ps-10 { + padding-inline-start: 2.5rem; +} + +.ps-11 { + padding-inline-start: 2.75rem; +} + +.ps-2\.5 { + padding-inline-start: 0.625rem; +} + +.ps-3 { + padding-inline-start: 0.75rem; +} + +.ps-4 { + padding-inline-start: 1rem; +} + +.ps-9 { + padding-inline-start: 2.25rem; +} + +.pt-0\.5 { + padding-top: 0.125rem; } .pt-1 { padding-top: 0.25rem; } -.pb-10 { - padding-bottom: 2.5rem; +.pt-2 { + padding-top: 0.5rem; +} + +.pt-3 { + padding-top: 0.75rem; +} + +.pt-4 { + padding-top: 1rem; +} + +.pt-5 { + padding-top: 1.25rem; } .text-left { @@ -4100,39 +4343,14 @@ input[type="range"].range-lg::-moz-range-thumb { text-align: start; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - .text-2xl { font-size: 1.5rem; line-height: 2rem; } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } .text-4xl { @@ -4165,6 +4383,35 @@ input[type="range"].range-lg::-moz-range-thumb { line-height: 1; } +.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; } @@ -4173,22 +4420,6 @@ input[type="range"].range-lg::-moz-range-thumb { font-weight: 800; } -.font-semibold { - font-weight: 600; -} - -.font-normal { - font-weight: 400; -} - -.font-medium { - font-weight: 500; -} - -.font-thin { - font-weight: 100; -} - .font-extralight { font-weight: 200; } @@ -4197,8 +4428,20 @@ input[type="range"].range-lg::-moz-range-thumb { font-weight: 300; } -.font-black { - font-weight: 900; +.font-medium { + font-weight: 500; +} + +.font-normal { + font-weight: 400; +} + +.font-semibold { + font-weight: 600; +} + +.font-thin { + font-weight: 100; } .uppercase { @@ -4264,6 +4507,11 @@ input[type="range"].range-lg::-moz-range-thumb { font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } +.stacked-fractions { + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + .leading-6 { line-height: 1.5rem; } @@ -4272,6 +4520,10 @@ input[type="range"].range-lg::-moz-range-thumb { line-height: 2.25rem; } +.leading-loose { + line-height: 2; +} + .leading-none { line-height: 1; } @@ -4284,8 +4536,8 @@ input[type="range"].range-lg::-moz-range-thumb { line-height: 1.625; } -.leading-loose { - line-height: 2; +.tracking-normal { + letter-spacing: 0em; } .tracking-tight { @@ -4296,10 +4548,6 @@ input[type="range"].range-lg::-moz-range-thumb { letter-spacing: -0.05em; } -.tracking-normal { - letter-spacing: 0em; -} - .tracking-wide { letter-spacing: 0.025em; } @@ -4312,323 +4560,288 @@ input[type="range"].range-lg::-moz-range-thumb { letter-spacing: 0.1em; } -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); +.\!text-gray-900 { + --tw-text-opacity: 1 !important; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; } .text-black { --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} - -.text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.text-primary-800 { - --tw-text-opacity: 1; - color: rgb(204 69 34 / var(--tw-text-opacity)); -} - -.text-blue-800 { - --tw-text-opacity: 1; - color: rgb(30 66 159 / var(--tw-text-opacity)); -} - -.text-red-800 { - --tw-text-opacity: 1; - color: rgb(155 28 28 / var(--tw-text-opacity)); -} - -.text-green-800 { - --tw-text-opacity: 1; - color: rgb(3 84 63 / var(--tw-text-opacity)); -} - -.text-yellow-800 { - --tw-text-opacity: 1; - color: rgb(114 59 19 / var(--tw-text-opacity)); -} - -.text-indigo-800 { - --tw-text-opacity: 1; - color: rgb(66 56 157 / var(--tw-text-opacity)); -} - -.text-purple-800 { - --tw-text-opacity: 1; - color: rgb(85 33 181 / var(--tw-text-opacity)); -} - -.text-pink-800 { - --tw-text-opacity: 1; - color: rgb(153 21 75 / var(--tw-text-opacity)); -} - -.text-primary-400 { - --tw-text-opacity: 1; - color: rgb(255 188 173 / var(--tw-text-opacity)); -} - -.text-blue-400 { - --tw-text-opacity: 1; - color: rgb(118 169 250 / var(--tw-text-opacity)); -} - -.text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.text-red-400 { - --tw-text-opacity: 1; - color: rgb(249 128 128 / var(--tw-text-opacity)); -} - -.text-green-400 { - --tw-text-opacity: 1; - color: rgb(49 196 141 / var(--tw-text-opacity)); -} - -.text-yellow-400 { - --tw-text-opacity: 1; - color: rgb(227 160 8 / var(--tw-text-opacity)); -} - -.text-indigo-400 { - --tw-text-opacity: 1; - color: rgb(141 162 251 / var(--tw-text-opacity)); -} - -.text-purple-400 { - --tw-text-opacity: 1; - color: rgb(172 148 250 / var(--tw-text-opacity)); -} - -.text-pink-400 { - --tw-text-opacity: 1; - color: rgb(241 126 184 / var(--tw-text-opacity)); -} - -.text-primary-700 { - --tw-text-opacity: 1; - color: rgb(235 79 39 / var(--tw-text-opacity)); -} - -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - -.text-blue-900 { - --tw-text-opacity: 1; - color: rgb(35 56 118 / var(--tw-text-opacity)); -} - -.text-green-900 { - --tw-text-opacity: 1; - color: rgb(1 71 55 / var(--tw-text-opacity)); -} - -.text-primary-900 { - --tw-text-opacity: 1; - color: rgb(165 55 27 / var(--tw-text-opacity)); -} - -.text-purple-900 { - --tw-text-opacity: 1; - color: rgb(74 29 150 / var(--tw-text-opacity)); -} - -.text-red-900 { - --tw-text-opacity: 1; - color: rgb(119 29 29 / var(--tw-text-opacity)); -} - -.text-yellow-900 { - --tw-text-opacity: 1; - color: rgb(99 49 18 / var(--tw-text-opacity)); -} - -.text-blue-700 { - --tw-text-opacity: 1; - color: rgb(26 86 219 / var(--tw-text-opacity)); -} - -.text-green-700 { - --tw-text-opacity: 1; - color: rgb(4 108 78 / var(--tw-text-opacity)); -} - -.text-purple-700 { - --tw-text-opacity: 1; - color: rgb(108 43 217 / var(--tw-text-opacity)); -} - -.text-red-700 { - --tw-text-opacity: 1; - color: rgb(200 30 30 / var(--tw-text-opacity)); -} - -.\!text-gray-900 { - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.text-green-600 { - --tw-text-opacity: 1; - color: rgb(5 122 85 / var(--tw-text-opacity)); -} - -.text-red-600 { - --tw-text-opacity: 1; - color: rgb(224 36 36 / var(--tw-text-opacity)); -} - -.text-primary-500 { - --tw-text-opacity: 1; - color: rgb(254 121 93 / var(--tw-text-opacity)); -} - -.text-primary-600 { - --tw-text-opacity: 1; - color: rgb(239 86 47 / var(--tw-text-opacity)); -} - -.text-purple-600 { - --tw-text-opacity: 1; - color: rgb(126 58 242 / var(--tw-text-opacity)); -} - -.text-teal-600 { - --tw-text-opacity: 1; - color: rgb(4 116 129 / var(--tw-text-opacity)); -} - -.text-orange-500 { - --tw-text-opacity: 1; - color: rgb(255 90 31 / var(--tw-text-opacity)); -} - -.text-blue-600 { - --tw-text-opacity: 1; - color: rgb(28 100 242 / var(--tw-text-opacity)); -} - -.text-primary-100 { - --tw-text-opacity: 1; - color: rgb(255 241 238 / var(--tw-text-opacity)); -} - -.text-gray-200 { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - -.text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); + color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-100 { --tw-text-opacity: 1; - color: rgb(225 239 254 / var(--tw-text-opacity)); -} - -.text-green-100 { - --tw-text-opacity: 1; - color: rgb(222 247 236 / var(--tw-text-opacity)); -} - -.text-red-100 { - --tw-text-opacity: 1; - color: rgb(253 232 232 / var(--tw-text-opacity)); -} - -.text-yellow-100 { - --tw-text-opacity: 1; - color: rgb(253 246 178 / var(--tw-text-opacity)); -} - -.text-purple-100 { - --tw-text-opacity: 1; - color: rgb(237 235 254 / var(--tw-text-opacity)); -} - -.text-indigo-100 { - --tw-text-opacity: 1; - color: rgb(229 237 255 / var(--tw-text-opacity)); -} - -.text-pink-100 { - --tw-text-opacity: 1; - color: rgb(252 232 243 / var(--tw-text-opacity)); + color: rgb(225 239 254 / var(--tw-text-opacity, 1)); } .text-blue-50 { --tw-text-opacity: 1; - color: rgb(235 245 255 / var(--tw-text-opacity)); -} - -.text-red-500 { - --tw-text-opacity: 1; - color: rgb(240 82 82 / var(--tw-text-opacity)); -} - -.text-yellow-500 { - --tw-text-opacity: 1; - color: rgb(194 120 3 / var(--tw-text-opacity)); -} - -.text-green-500 { - --tw-text-opacity: 1; - color: rgb(14 159 110 / var(--tw-text-opacity)); + color: rgb(235 245 255 / var(--tw-text-opacity, 1)); } .text-blue-500 { --tw-text-opacity: 1; - color: rgb(63 131 248 / var(--tw-text-opacity)); + color: rgb(63 131 248 / var(--tw-text-opacity, 1)); +} + +.text-blue-600 { + --tw-text-opacity: 1; + color: rgb(28 100 242 / var(--tw-text-opacity, 1)); +} + +.text-blue-700 { + --tw-text-opacity: 1; + color: rgb(26 86 219 / var(--tw-text-opacity, 1)); +} + +.text-blue-800 { + --tw-text-opacity: 1; + color: rgb(30 66 159 / var(--tw-text-opacity, 1)); +} + +.text-blue-900 { + --tw-text-opacity: 1; + color: rgb(35 56 118 / var(--tw-text-opacity, 1)); +} + +.text-gray-200 { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity, 1)); +} + +.text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} + +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity, 1)); +} + +.text-gray-700 { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); +} + +.text-gray-800 { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity, 1)); +} + +.text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} + +.text-green-100 { + --tw-text-opacity: 1; + color: rgb(222 247 236 / var(--tw-text-opacity, 1)); +} + +.text-green-500 { + --tw-text-opacity: 1; + color: rgb(14 159 110 / var(--tw-text-opacity, 1)); +} + +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(5 122 85 / var(--tw-text-opacity, 1)); +} + +.text-green-700 { + --tw-text-opacity: 1; + color: rgb(4 108 78 / var(--tw-text-opacity, 1)); +} + +.text-green-800 { + --tw-text-opacity: 1; + color: rgb(3 84 63 / var(--tw-text-opacity, 1)); +} + +.text-green-900 { + --tw-text-opacity: 1; + color: rgb(1 71 55 / var(--tw-text-opacity, 1)); +} + +.text-indigo-100 { + --tw-text-opacity: 1; + color: rgb(229 237 255 / var(--tw-text-opacity, 1)); } .text-indigo-500 { --tw-text-opacity: 1; - color: rgb(104 117 245 / var(--tw-text-opacity)); + color: rgb(104 117 245 / var(--tw-text-opacity, 1)); } -.text-purple-500 { +.text-indigo-800 { --tw-text-opacity: 1; - color: rgb(144 97 249 / var(--tw-text-opacity)); + color: rgb(66 56 157 / var(--tw-text-opacity, 1)); +} + +.text-orange-500 { + --tw-text-opacity: 1; + color: rgb(255 90 31 / var(--tw-text-opacity, 1)); +} + +.text-orange-800 { + --tw-text-opacity: 1; + color: rgb(138 44 13 / var(--tw-text-opacity, 1)); +} + +.text-pink-100 { + --tw-text-opacity: 1; + color: rgb(252 232 243 / var(--tw-text-opacity, 1)); } .text-pink-500 { --tw-text-opacity: 1; - color: rgb(231 70 148 / var(--tw-text-opacity)); + color: rgb(231 70 148 / var(--tw-text-opacity, 1)); +} + +.text-pink-800 { + --tw-text-opacity: 1; + color: rgb(153 21 75 / var(--tw-text-opacity, 1)); +} + +.text-primary-100 { + --tw-text-opacity: 1; + color: rgb(255 241 238 / var(--tw-text-opacity, 1)); +} + +.text-primary-500 { + --tw-text-opacity: 1; + color: rgb(254 121 93 / var(--tw-text-opacity, 1)); +} + +.text-primary-600 { + --tw-text-opacity: 1; + color: rgb(239 86 47 / var(--tw-text-opacity, 1)); +} + +.text-primary-700 { + --tw-text-opacity: 1; + color: rgb(235 79 39 / var(--tw-text-opacity, 1)); +} + +.text-primary-800 { + --tw-text-opacity: 1; + color: rgb(204 69 34 / var(--tw-text-opacity, 1)); +} + +.text-primary-900 { + --tw-text-opacity: 1; + color: rgb(165 55 27 / var(--tw-text-opacity, 1)); +} + +.text-purple-100 { + --tw-text-opacity: 1; + color: rgb(237 235 254 / var(--tw-text-opacity, 1)); +} + +.text-purple-500 { + --tw-text-opacity: 1; + color: rgb(144 97 249 / var(--tw-text-opacity, 1)); +} + +.text-purple-600 { + --tw-text-opacity: 1; + color: rgb(126 58 242 / var(--tw-text-opacity, 1)); +} + +.text-purple-700 { + --tw-text-opacity: 1; + color: rgb(108 43 217 / var(--tw-text-opacity, 1)); +} + +.text-purple-800 { + --tw-text-opacity: 1; + color: rgb(85 33 181 / var(--tw-text-opacity, 1)); +} + +.text-purple-900 { + --tw-text-opacity: 1; + color: rgb(74 29 150 / var(--tw-text-opacity, 1)); +} + +.text-red-100 { + --tw-text-opacity: 1; + color: rgb(253 232 232 / var(--tw-text-opacity, 1)); +} + +.text-red-500 { + --tw-text-opacity: 1; + color: rgb(240 82 82 / var(--tw-text-opacity, 1)); +} + +.text-red-600 { + --tw-text-opacity: 1; + color: rgb(224 36 36 / var(--tw-text-opacity, 1)); +} + +.text-red-700 { + --tw-text-opacity: 1; + color: rgb(200 30 30 / var(--tw-text-opacity, 1)); +} + +.text-red-800 { + --tw-text-opacity: 1; + color: rgb(155 28 28 / var(--tw-text-opacity, 1)); +} + +.text-red-900 { + --tw-text-opacity: 1; + color: rgb(119 29 29 / var(--tw-text-opacity, 1)); +} + +.text-teal-600 { + --tw-text-opacity: 1; + color: rgb(4 116 129 / var(--tw-text-opacity, 1)); } .text-transparent { color: transparent; } -.text-orange-800 { +.text-white { --tw-text-opacity: 1; - color: rgb(138 44 13 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} + +.text-yellow-100 { + --tw-text-opacity: 1; + color: rgb(253 246 178 / var(--tw-text-opacity, 1)); +} + +.text-yellow-400 { + --tw-text-opacity: 1; + color: rgb(227 160 8 / var(--tw-text-opacity, 1)); +} + +.text-yellow-500 { + --tw-text-opacity: 1; + color: rgb(194 120 3 / var(--tw-text-opacity, 1)); +} + +.text-yellow-800 { + --tw-text-opacity: 1; + color: rgb(114 59 19 / var(--tw-text-opacity, 1)); +} + +.text-yellow-900 { + --tw-text-opacity: 1; + color: rgb(99 49 18 / var(--tw-text-opacity, 1)); } .underline { @@ -4667,34 +4880,28 @@ input[type="range"].range-lg::-moz-range-thumb { .placeholder-green-700::placeholder { --tw-placeholder-opacity: 1; - color: rgb(4 108 78 / var(--tw-placeholder-opacity)); + color: rgb(4 108 78 / var(--tw-placeholder-opacity, 1)); } .placeholder-red-700::placeholder { --tw-placeholder-opacity: 1; - color: rgb(200 30 30 / var(--tw-placeholder-opacity)); -} - -.opacity-50 { - opacity: 0.5; + color: rgb(200 30 30 / var(--tw-placeholder-opacity, 1)); } .opacity-100 { opacity: 1; } -.opacity-60 { - opacity: 0.6; -} - .opacity-30 { opacity: 0.3; } -.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); +.opacity-50 { + opacity: 0.5; +} + +.opacity-60 { + opacity: 0.6; } .shadow { @@ -4703,6 +4910,18 @@ input[type="range"].range-lg::-moz-range-thumb { 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); @@ -4715,20 +4934,14 @@ input[type="range"].range-lg::-moz-range-thumb { 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-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-gray-300 { - --tw-shadow-color: #D1D5DB; +.shadow-blue-500\/50 { + --tw-shadow-color: rgb(63 131 248 / 0.5); --tw-shadow: var(--tw-shadow-colored); } @@ -4737,33 +4950,13 @@ input[type="range"].range-lg::-moz-range-thumb { --tw-shadow: var(--tw-shadow-colored); } -.shadow-gray-800 { - --tw-shadow-color: #1F2937; +.shadow-cyan-500\/50 { + --tw-shadow-color: rgb(6 182 212 / 0.5); --tw-shadow: var(--tw-shadow-colored); } -.shadow-green-700 { - --tw-shadow-color: #046C4E; - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-primary-700 { - --tw-shadow-color: #EB4F27; - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-purple-700 { - --tw-shadow-color: #6C2BD9; - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-red-700 { - --tw-shadow-color: #C81E1E; - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-yellow-500 { - --tw-shadow-color: #C27803; +.shadow-gray-300 { + --tw-shadow-color: #D1D5DB; --tw-shadow: var(--tw-shadow-colored); } @@ -4772,8 +4965,8 @@ input[type="range"].range-lg::-moz-range-thumb { --tw-shadow: var(--tw-shadow-colored); } -.shadow-blue-500\/50 { - --tw-shadow-color: rgb(63 131 248 / 0.5); +.shadow-gray-800 { + --tw-shadow-color: #1F2937; --tw-shadow: var(--tw-shadow-colored); } @@ -4782,33 +4975,8 @@ input[type="range"].range-lg::-moz-range-thumb { --tw-shadow: var(--tw-shadow-colored); } -.shadow-primary-500\/50 { - --tw-shadow-color: rgb(254 121 93 / 0.5); - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-purple-500\/50 { - --tw-shadow-color: rgb(144 97 249 / 0.5); - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-red-500\/50 { - --tw-shadow-color: rgb(240 82 82 / 0.5); - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-yellow-500\/50 { - --tw-shadow-color: rgb(194 120 3 / 0.5); - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-cyan-500\/50 { - --tw-shadow-color: rgb(6 182 212 / 0.5); - --tw-shadow: var(--tw-shadow-colored); -} - -.shadow-teal-500\/50 { - --tw-shadow-color: rgb(6 148 162 / 0.5); +.shadow-green-700 { + --tw-shadow-color: #046C4E; --tw-shadow: var(--tw-shadow-colored); } @@ -4822,19 +4990,64 @@ input[type="range"].range-lg::-moz-range-thumb { --tw-shadow: var(--tw-shadow-colored); } +.shadow-primary-500\/50 { + --tw-shadow-color: rgb(254 121 93 / 0.5); + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-primary-700 { + --tw-shadow-color: #EB4F27; + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-purple-500\/50 { + --tw-shadow-color: rgb(144 97 249 / 0.5); + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-purple-700 { + --tw-shadow-color: #6C2BD9; + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-red-500\/50 { + --tw-shadow-color: rgb(240 82 82 / 0.5); + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-red-700 { + --tw-shadow-color: #C81E1E; + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-teal-500\/50 { + --tw-shadow-color: rgb(6 148 162 / 0.5); + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-yellow-500 { + --tw-shadow-color: #C27803; + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-yellow-500\/50 { + --tw-shadow-color: rgb(194 120 3 / 0.5); + --tw-shadow: var(--tw-shadow-colored); +} + .outline-none { outline: 2px solid transparent; outline-offset: 2px; } -.outline { - outline-style: solid; -} - .\!outline { outline-style: solid !important; } +.outline { + outline-style: solid; +} + .ring { --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4859,17 +5072,17 @@ input[type="range"].range-lg::-moz-range-thumb { .ring-gray-300 { --tw-ring-opacity: 1; - --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); } .ring-primary-500 { --tw-ring-opacity: 1; - --tw-ring-color: rgb(254 121 93 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(254 121 93 / var(--tw-ring-opacity, 1)); } .ring-white { --tw-ring-opacity: 1; - --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .blur { @@ -4877,6 +5090,16 @@ input[type="range"].range-lg::-moz-range-thumb { 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); } +.contrast-50 { + --tw-contrast: contrast(.5); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + +.drop-shadow { + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .drop-shadow-2xl { --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15)); 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); @@ -4887,11 +5110,6 @@ input[type="range"].range-lg::-moz-range-thumb { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); @@ -4907,47 +5125,41 @@ input[type="range"].range-lg::-moz-range-thumb { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - .\!filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } +.filter { + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-invert { --tw-backdrop-invert: invert(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); -} - -.transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { @@ -4958,6 +5170,12 @@ input[type="range"].range-lg::-moz-range-thumb { transition-duration: 150ms; } +.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); @@ -4974,24 +5192,20 @@ input[type="range"].range-lg::-moz-range-thumb { transition-duration: 200ms; } -.duration-75 { - transition-duration: 75ms; -} - .duration-300 { transition-duration: 300ms; } -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +.duration-75 { + transition-duration: 75ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } -.\[key\:string\] { - key: string; +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .\[_\:string\] { @@ -5002,6 +5216,18 @@ input[type="range"].range-lg::-moz-range-thumb { a-z-a--z0-9: ; } +.\[key\:string\] { + key: string; +} + +.\[out\:json\] { + out: json; +} + +.\[timeout\:90\] { + timeout: 90; +} + :root { /* * The main colour scheme of mapcomplete is configured here. @@ -5020,9 +5246,11 @@ input[type="range"].range-lg::-moz-range-thumb { --low-interaction-background-50: #eeeeee90; --low-interaction-foreground: black; --low-interaction-contrast: #ff00ff; + --low-interaction-border: #dcdcdc; --interactive-background: #dddddd; --interactive-foreground: black; --interactive-contrast: #ff00ff; + --interaction-border: #bfbfbf; --button-background: #282828; --button-background-hover: #484848; --button-primary-background-hover: #353535; @@ -5030,13 +5258,6 @@ input[type="range"].range-lg::-moz-range-thumb { --button-border-color: #F7F7F7; --disabled: #B8B8B8; --disabled-font: #B8B8B8; - /** - * Base colour of interactive elements, mainly the 'subtle button' - * @deprecated - */ - --subtle-detail-color: #dbeafe; - --subtle-detail-color-contrast: black; - --subtle-detail-color-light-contrast: lightgrey; --catch-detail-color: black; /*#3a3aeb;*/ --catch-detail-foregroundcolor: white; @@ -5133,11 +5354,6 @@ input[type="text"] { * and some interactive elements */ -.subtle-background { - background: var(--subtle-detail-color); - color: var(--subtle-detail-color-contrast); -} - .normal-background { background: var(--background-color); color: var(--foreground-color); @@ -5282,11 +5498,17 @@ button.unstyled, .button-unstyled button { } select { - border: 2px solid #00000000; + border: 2px solid var(--low-interaction-border); color: var(--foreground-color) !important; background-color: var(--low-interaction-background) !important; } +.low-interaction select { + border: 2px solid var(--interaction-border); + color: var(--foreground-color) !important; + background-color: var(--interactive-background) !important; +} + select:hover { border-color: var(--catch-detail-color-contrast); } @@ -5358,17 +5580,6 @@ h2.group { background-color: #58cd2722; } -.badge { - display: flex; - align-items: center; - white-space: nowrap; - border-radius: 999rem; - padding-left: 0.25rem; - padding-right: 0.25rem; - border: 1px solid var(--subtle-detail-color-light-contrast); - background-color: var(--low-interaction-background); -} - .alert { /* The class to convey important information, e.g. 'invalid', 'something went wrong', 'warning: testmode', ... */ background-color: var(--alert-color); @@ -5526,7 +5737,7 @@ a.link-underline { .disable-links a { pointer-events: none; text-decoration: none !important; - color: var(--subtle-detail-color-contrast) !important; + color: var(--foreground-color) !important; } .enable-links a { @@ -5650,6 +5861,10 @@ svg.apply-fill path { float: left; } +.first-letter\:me-3::first-letter { + margin-inline-end: 0.75rem; +} + .first-letter\:text-7xl::first-letter { font-size: 4.5rem; line-height: 1; @@ -5661,7 +5876,7 @@ svg.apply-fill path { .first-letter\:text-gray-900::first-letter { --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .first-line\:uppercase::first-line { @@ -5677,6 +5892,11 @@ svg.apply-fill path { position: absolute; } +.before\:end-0::before { + content: var(--tw-content); + inset-inline-end: 0px; +} + .before\:z-10::before { content: var(--tw-content); z-index: 10; @@ -5709,9 +5929,14 @@ svg.apply-fill path { position: absolute; } -.after\:top-\[2px\]::after { +.after\:start-\[2px\]::after { content: var(--tw-content); - top: 2px; + inset-inline-start: 2px; +} + +.after\:start-\[4px\]::after { + content: var(--tw-content); + inset-inline-start: 4px; } .after\:top-0\.5::after { @@ -5719,9 +5944,9 @@ svg.apply-fill path { top: 0.125rem; } -.after\:top-0::after { +.after\:top-\[2px\]::after { content: var(--tw-content); - top: 0px; + top: 2px; } .after\:z-10::after { @@ -5782,13 +6007,18 @@ svg.apply-fill path { .after\:border-gray-300::after { content: var(--tw-content); --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .after\:bg-white::after { content: var(--tw-content); --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); +} + +.after\:pl-3::after { + content: var(--tw-content); + padding-left: 0.75rem; } .after\:shadow-\[10px_0_50px_65px_rgba\(256\2c 256\2c 256\2c 1\)\]::after { @@ -5805,83 +6035,117 @@ svg.apply-fill path { transition-duration: 150ms; } +.after\:content-\[\"\25B2\"\]::after { + --tw-content: "â–²"; + content: var(--tw-content); +} + +.after\:content-\[\"\25BC\"\]::after { + --tw-content: "â–¼"; + content: var(--tw-content); +} + .after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); } +.first\:rounded-s-full:first-child { + border-start-start-radius: 9999px; + border-end-start-radius: 9999px; +} + +.first\:rounded-s-lg:first-child { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem; +} + .first\:rounded-t-lg:first-child { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } +.last\:me-0:last-child { + margin-inline-end: 0px; +} + .last\:rounded-b-lg:last-child { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.last\:rounded-e-full:last-child { + border-start-end-radius: 9999px; + border-end-end-radius: 9999px; +} + +.last\:rounded-e-lg:last-child { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem; +} + .last\:border-b-0:last-child { border-bottom-width: 0px; } -.odd\:bg-white:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - .odd\:bg-blue-800:nth-child(odd) { --tw-bg-opacity: 1; - background-color: rgb(30 66 159 / var(--tw-bg-opacity)); + background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); } .odd\:bg-green-800:nth-child(odd) { --tw-bg-opacity: 1; - background-color: rgb(3 84 63 / var(--tw-bg-opacity)); -} - -.odd\:bg-red-800:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(155 28 28 / var(--tw-bg-opacity)); -} - -.odd\:bg-yellow-800:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(114 59 19 / var(--tw-bg-opacity)); + background-color: rgb(3 84 63 / var(--tw-bg-opacity, 1)); } .odd\:bg-purple-800:nth-child(odd) { --tw-bg-opacity: 1; - background-color: rgb(85 33 181 / var(--tw-bg-opacity)); + background-color: rgb(85 33 181 / var(--tw-bg-opacity, 1)); } -.even\:bg-gray-50:nth-child(even) { +.odd\:bg-red-800:nth-child(odd) { --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); + background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)); +} + +.odd\:bg-white:nth-child(odd) { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); +} + +.odd\:bg-yellow-800:nth-child(odd) { + --tw-bg-opacity: 1; + background-color: rgb(114 59 19 / var(--tw-bg-opacity, 1)); } .even\:bg-blue-700:nth-child(even) { --tw-bg-opacity: 1; - background-color: rgb(26 86 219 / var(--tw-bg-opacity)); + background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); +} + +.even\:bg-gray-50:nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .even\:bg-green-700:nth-child(even) { --tw-bg-opacity: 1; - background-color: rgb(4 108 78 / var(--tw-bg-opacity)); -} - -.even\:bg-red-700:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(200 30 30 / var(--tw-bg-opacity)); -} - -.even\:bg-yellow-700:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(142 75 16 / var(--tw-bg-opacity)); + background-color: rgb(4 108 78 / var(--tw-bg-opacity, 1)); } .even\:bg-purple-700:nth-child(even) { --tw-bg-opacity: 1; - background-color: rgb(108 43 217 / var(--tw-bg-opacity)); + background-color: rgb(108 43 217 / var(--tw-bg-opacity, 1)); +} + +.even\:bg-red-700:nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(200 30 30 / var(--tw-bg-opacity, 1)); +} + +.even\:bg-yellow-700:nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(142 75 16 / var(--tw-bg-opacity, 1)); } .focus-within\:z-10:focus-within { @@ -5890,22 +6154,22 @@ svg.apply-fill path { .focus-within\:border-primary-500:focus-within { --tw-border-opacity: 1; - border-color: rgb(254 121 93 / var(--tw-border-opacity)); + border-color: rgb(254 121 93 / var(--tw-border-opacity, 1)); } .focus-within\:bg-gray-900:focus-within { --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .focus-within\:text-primary-700:focus-within { --tw-text-opacity: 1; - color: rgb(235 79 39 / var(--tw-text-opacity)); + color: rgb(235 79 39 / var(--tw-text-opacity, 1)); } .focus-within\:text-white:focus-within { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .focus-within\:outline-none:focus-within { @@ -5913,6 +6177,12 @@ svg.apply-fill path { outline-offset: 2px; } +.focus-within\:ring-1:focus-within { + --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); +} + .focus-within\:ring-2:focus-within { --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); @@ -5925,305 +6195,254 @@ svg.apply-fill path { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.focus-within\:ring-1:focus-within { - --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); +.focus-within\:ring-blue-300:focus-within { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-gray-200:focus-within { --tw-ring-opacity: 1; - --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); -} - -.focus-within\:ring-blue-300:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-gray-300:focus-within { --tw-ring-opacity: 1; - --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-green-300:focus-within { --tw-ring-opacity: 1; - --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-primary-300:focus-within { --tw-ring-opacity: 1; - --tw-ring-color: rgb(255 213 204 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(255 213 204 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-purple-300:focus-within { --tw-ring-opacity: 1; - --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-red-300:focus-within { --tw-ring-opacity: 1; - --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-yellow-300:focus-within { --tw-ring-opacity: 1; - --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity, 1)); } .hover\:border-gray-300:hover { --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } -.hover\:bg-gray-100:hover { +.hover\:bg-blue-100:hover { --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} - -.hover\:bg-primary-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(255 228 222 / var(--tw-bg-opacity)); + background-color: rgb(225 239 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-200:hover { --tw-bg-opacity: 1; - background-color: rgb(195 221 253 / var(--tw-bg-opacity)); + background-color: rgb(195 221 253 / var(--tw-bg-opacity, 1)); } -.hover\:bg-gray-200:hover { +.hover\:bg-blue-400:hover { --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.hover\:bg-red-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(251 213 213 / var(--tw-bg-opacity)); -} - -.hover\:bg-green-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(188 240 218 / var(--tw-bg-opacity)); -} - -.hover\:bg-yellow-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(252 233 106 / var(--tw-bg-opacity)); -} - -.hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(205 219 254 / var(--tw-bg-opacity)); -} - -.hover\:bg-purple-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(220 215 254 / var(--tw-bg-opacity)); -} - -.hover\:bg-pink-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(250 209 232 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); + background-color: rgb(118 169 250 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-800:hover { --tw-bg-opacity: 1; - background-color: rgb(30 66 159 / var(--tw-bg-opacity)); + background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-gray-100:hover { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-gray-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-gray-300:hover { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-gray-50:hover { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-900:hover { --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-green-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(188 240 218 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-green-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(49 196 141 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-800:hover { --tw-bg-opacity: 1; - background-color: rgb(3 84 63 / var(--tw-bg-opacity)); + background-color: rgb(3 84 63 / var(--tw-bg-opacity, 1)); } -.hover\:bg-primary-800:hover { +.hover\:bg-indigo-200:hover { --tw-bg-opacity: 1; - background-color: rgb(204 69 34 / var(--tw-bg-opacity)); + background-color: rgb(205 219 254 / var(--tw-bg-opacity, 1)); } -.hover\:bg-purple-800:hover { +.hover\:bg-pink-200:hover { --tw-bg-opacity: 1; - background-color: rgb(85 33 181 / var(--tw-bg-opacity)); + background-color: rgb(250 209 232 / var(--tw-bg-opacity, 1)); } -.hover\:bg-red-800:hover { +.hover\:bg-primary-100:hover { --tw-bg-opacity: 1; - background-color: rgb(155 28 28 / var(--tw-bg-opacity)); + background-color: rgb(255 241 238 / var(--tw-bg-opacity, 1)); } -.hover\:bg-yellow-500:hover { +.hover\:bg-primary-200:hover { --tw-bg-opacity: 1; - background-color: rgb(194 120 3 / var(--tw-bg-opacity)); + background-color: rgb(255 228 222 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary-700:hover { --tw-bg-opacity: 1; - background-color: rgb(235 79 39 / var(--tw-bg-opacity)); + background-color: rgb(235 79 39 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-primary-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(204 69 34 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-purple-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(220 215 254 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-purple-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(172 148 250 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-purple-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(85 33 181 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-red-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(251 213 213 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-red-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(249 128 128 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-red-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-transparent:hover { background-color: transparent; } -.hover\:bg-gray-300:hover { +.hover\:bg-yellow-200:hover { --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - -.hover\:bg-primary-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(255 241 238 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(225 239 254 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(118 169 250 / var(--tw-bg-opacity)); -} - -.hover\:bg-green-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(49 196 141 / var(--tw-bg-opacity)); -} - -.hover\:bg-red-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(249 128 128 / var(--tw-bg-opacity)); + background-color: rgb(252 233 106 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-400:hover { --tw-bg-opacity: 1; - background-color: rgb(227 160 8 / var(--tw-bg-opacity)); + background-color: rgb(227 160 8 / var(--tw-bg-opacity, 1)); } -.hover\:bg-purple-400:hover { +.hover\:bg-yellow-500:hover { --tw-bg-opacity: 1; - background-color: rgb(172 148 250 / var(--tw-bg-opacity)); -} - -.hover\:bg-gradient-to-br:hover { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); + background-color: rgb(194 120 3 / var(--tw-bg-opacity, 1)); } .hover\:bg-gradient-to-bl:hover { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } +.hover\:bg-gradient-to-br:hover { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +} + .hover\:bg-gradient-to-l:hover { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } -.hover\:text-blue-800:hover { - --tw-text-opacity: 1; - color: rgb(30 66 159 / var(--tw-text-opacity)); -} - -.hover\:text-primary-900:hover { - --tw-text-opacity: 1; - color: rgb(165 55 27 / var(--tw-text-opacity)); -} - -.hover\:text-blue-900:hover { - --tw-text-opacity: 1; - color: rgb(35 56 118 / var(--tw-text-opacity)); -} - -.hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.hover\:text-red-900:hover { - --tw-text-opacity: 1; - color: rgb(119 29 29 / var(--tw-text-opacity)); -} - -.hover\:text-green-900:hover { - --tw-text-opacity: 1; - color: rgb(1 71 55 / var(--tw-text-opacity)); -} - -.hover\:text-yellow-900:hover { - --tw-text-opacity: 1; - color: rgb(99 49 18 / var(--tw-text-opacity)); -} - -.hover\:text-indigo-900:hover { - --tw-text-opacity: 1; - color: rgb(54 47 120 / var(--tw-text-opacity)); -} - -.hover\:text-purple-900:hover { - --tw-text-opacity: 1; - color: rgb(74 29 150 / var(--tw-text-opacity)); -} - -.hover\:text-pink-900:hover { - --tw-text-opacity: 1; - color: rgb(117 26 61 / var(--tw-text-opacity)); -} - -.hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.hover\:text-primary-700:hover { - --tw-text-opacity: 1; - color: rgb(235 79 39 / var(--tw-text-opacity)); -} - -.hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - .hover\:\!text-inherit:hover { color: inherit !important; } -.hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - .hover\:text-black:hover { --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.hover\:text-primary-600:hover { - --tw-text-opacity: 1; - color: rgb(239 86 47 / var(--tw-text-opacity)); + color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .hover\:text-blue-700:hover { --tw-text-opacity: 1; - color: rgb(26 86 219 / var(--tw-text-opacity)); + color: rgb(26 86 219 / var(--tw-text-opacity, 1)); +} + +.hover\:text-blue-800:hover { + --tw-text-opacity: 1; + color: rgb(30 66 159 / var(--tw-text-opacity, 1)); +} + +.hover\:text-gray-600:hover { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-gray-700:hover { --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); +} + +.hover\:text-gray-900:hover { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} + +.hover\:text-primary-600:hover { + --tw-text-opacity: 1; + color: rgb(239 86 47 / var(--tw-text-opacity, 1)); +} + +.hover\:text-primary-700:hover { + --tw-text-opacity: 1; + color: rgb(235 79 39 / var(--tw-text-opacity, 1)); +} + +.hover\:text-primary-900:hover { + --tw-text-opacity: 1; + color: rgb(165 55 27 / var(--tw-text-opacity, 1)); +} + +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { @@ -6240,47 +6459,47 @@ svg.apply-fill path { .focus\:border-blue-500:focus { --tw-border-opacity: 1; - border-color: rgb(63 131 248 / var(--tw-border-opacity)); -} - -.focus\:border-primary-600:focus { - --tw-border-opacity: 1; - border-color: rgb(239 86 47 / var(--tw-border-opacity)); -} - -.focus\:border-green-600:focus { - --tw-border-opacity: 1; - border-color: rgb(5 122 85 / var(--tw-border-opacity)); -} - -.focus\:border-red-600:focus { - --tw-border-opacity: 1; - border-color: rgb(224 36 36 / var(--tw-border-opacity)); -} - -.focus\:border-primary-500:focus { - --tw-border-opacity: 1; - border-color: rgb(254 121 93 / var(--tw-border-opacity)); -} - -.focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgb(14 159 110 / var(--tw-border-opacity)); -} - -.focus\:border-red-500:focus { - --tw-border-opacity: 1; - border-color: rgb(240 82 82 / var(--tw-border-opacity)); + border-color: rgb(63 131 248 / var(--tw-border-opacity, 1)); } .focus\:border-gray-200:focus { --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); +} + +.focus\:border-green-500:focus { + --tw-border-opacity: 1; + border-color: rgb(14 159 110 / var(--tw-border-opacity, 1)); +} + +.focus\:border-green-600:focus { + --tw-border-opacity: 1; + border-color: rgb(5 122 85 / var(--tw-border-opacity, 1)); +} + +.focus\:border-primary-500:focus { + --tw-border-opacity: 1; + border-color: rgb(254 121 93 / var(--tw-border-opacity, 1)); +} + +.focus\:border-primary-600:focus { + --tw-border-opacity: 1; + border-color: rgb(239 86 47 / var(--tw-border-opacity, 1)); +} + +.focus\:border-red-500:focus { + --tw-border-opacity: 1; + border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); +} + +.focus\:border-red-600:focus { + --tw-border-opacity: 1; + border-color: rgb(224 36 36 / var(--tw-border-opacity, 1)); } .focus\:text-primary-700:focus { --tw-text-opacity: 1; - color: rgb(235 79 39 / var(--tw-text-opacity)); + color: rgb(235 79 39 / var(--tw-text-opacity, 1)); } .focus\:outline-none:focus { @@ -6288,198 +6507,198 @@ svg.apply-fill path { outline-offset: 2px; } -.focus\:ring-4: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(4px + 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-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-1: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(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); } -.focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); +.focus\:ring-2:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-4: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(4px + 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-blue-300:focus { --tw-ring-opacity: 1; - --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); -} - -.focus\:ring-green-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity)); -} - -.focus\:ring-cyan-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity)); -} - -.focus\:ring-teal-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity)); -} - -.focus\:ring-lime-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(190 242 100 / var(--tw-ring-opacity)); -} - -.focus\:ring-red-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity)); -} - -.focus\:ring-pink-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(248 180 217 / var(--tw-ring-opacity)); -} - -.focus\:ring-purple-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity)); -} - -.focus\:ring-green-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(188 240 218 / var(--tw-ring-opacity)); -} - -.focus\:ring-purple-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(220 215 254 / var(--tw-ring-opacity)); -} - -.focus\:ring-pink-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(250 209 232 / var(--tw-ring-opacity)); -} - -.focus\:ring-lime-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(217 249 157 / var(--tw-ring-opacity)); -} - -.focus\:ring-red-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(253 232 232 / var(--tw-ring-opacity)); -} - -.focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity)); -} - -.focus\:ring-primary-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(254 121 93 / var(--tw-ring-opacity)); -} - -.focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity)); -} - -.focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity)); -} - -.focus\:ring-gray-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); -} - -.focus\:ring-purple-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(144 97 249 / var(--tw-ring-opacity)); -} - -.focus\:ring-teal-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(6 148 162 / var(--tw-ring-opacity)); -} - -.focus\:ring-yellow-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity)); -} - -.focus\:ring-orange-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(255 90 31 / var(--tw-ring-opacity)); -} - -.focus\:ring-primary-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(235 79 39 / var(--tw-ring-opacity)); -} - -.focus\:ring-primary-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(255 213 204 / var(--tw-ring-opacity)); -} - -.focus\:\!ring-gray-300:focus { - --tw-ring-opacity: 1 !important; - --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)) !important; -} - -.focus\:ring-red-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity)); -} - -.focus\:ring-yellow-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity)); -} - -.focus\:ring-green-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity)); -} - -.focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(141 162 251 / var(--tw-ring-opacity)); -} - -.focus\:ring-purple-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(172 148 250 / var(--tw-ring-opacity)); -} - -.focus\:ring-pink-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(241 126 184 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity, 1)); } .focus\:ring-blue-400:focus { --tw-ring-opacity: 1; - --tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-blue-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-cyan-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-gray-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-gray-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-gray-400:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-green-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(188 240 218 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-green-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-green-400:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-green-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-indigo-400:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(141 162 251 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-lime-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(217 249 157 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-lime-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(190 242 100 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-orange-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(255 90 31 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-pink-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(250 209 232 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-pink-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(248 180 217 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-pink-400:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(241 126 184 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-primary-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(255 213 204 / var(--tw-ring-opacity, 1)); } .focus\:ring-primary-400:focus { --tw-ring-opacity: 1; - --tw-ring-color: rgb(255 188 173 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(255 188 173 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-primary-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(254 121 93 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-primary-700:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(235 79 39 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-purple-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(220 215 254 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-purple-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-purple-400:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(172 148 250 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-purple-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(144 97 249 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-red-100:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(253 232 232 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-red-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-red-400:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-red-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-teal-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-teal-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(6 148 162 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-yellow-400:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity, 1)); +} + +.focus\:ring-yellow-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity, 1)); } .focus-visible\:outline-none:focus-visible { @@ -6493,13 +6712,18 @@ svg.apply-fill path { .disabled\:text-gray-400:disabled { --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .disabled\:opacity-50:disabled { opacity: 0.5; } +.group:first-child .group-first\:rounded-s-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem; +} + .group:first-child .group-first\:rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; @@ -6509,6 +6733,11 @@ svg.apply-fill path { border-top-width: 1px; } +.group:last-child .group-last\:rounded-e-lg { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem; +} + .group:hover .group-hover\: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)); @@ -6522,15 +6751,15 @@ svg.apply-fill path { --tw-bg-opacity: 0 !important; } -.group:hover .group-hover\:text-primary-600 { - --tw-text-opacity: 1; - color: rgb(239 86 47 / var(--tw-text-opacity)); -} - .group:hover .group-hover\:\!text-inherit { color: inherit !important; } +.group:hover .group-hover\:text-primary-600 { + --tw-text-opacity: 1; + color: rgb(239 86 47 / var(--tw-text-opacity, 1)); +} + .group:focus .group-focus\:outline-none { outline: 2px solid transparent; outline-offset: 2px; @@ -6544,47 +6773,47 @@ svg.apply-fill path { .group:focus .group-focus\:ring-white { --tw-ring-opacity: 1; - --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-primary-600 { - --tw-bg-opacity: 1; - background-color: rgb(239 86 47 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgb(224 36 36 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgb(5 122 85 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgb(126 58 242 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgb(227 160 8 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-teal-600 { - --tw-bg-opacity: 1; - background-color: rgb(4 116 129 / var(--tw-bg-opacity)); -} - -.peer:checked ~ .peer-checked\:bg-orange-500 { - --tw-bg-opacity: 1; - background-color: rgb(255 90 31 / var(--tw-bg-opacity)); + --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .peer:checked ~ .peer-checked\:bg-blue-600 { --tw-bg-opacity: 1; - background-color: rgb(28 100 242 / var(--tw-bg-opacity)); + background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1)); +} + +.peer:checked ~ .peer-checked\:bg-green-600 { + --tw-bg-opacity: 1; + background-color: rgb(5 122 85 / var(--tw-bg-opacity, 1)); +} + +.peer:checked ~ .peer-checked\:bg-orange-500 { + --tw-bg-opacity: 1; + background-color: rgb(255 90 31 / var(--tw-bg-opacity, 1)); +} + +.peer:checked ~ .peer-checked\:bg-primary-600 { + --tw-bg-opacity: 1; + background-color: rgb(239 86 47 / var(--tw-bg-opacity, 1)); +} + +.peer:checked ~ .peer-checked\:bg-purple-600 { + --tw-bg-opacity: 1; + background-color: rgb(126 58 242 / var(--tw-bg-opacity, 1)); +} + +.peer:checked ~ .peer-checked\:bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)); +} + +.peer:checked ~ .peer-checked\:bg-teal-600 { + --tw-bg-opacity: 1; + background-color: rgb(4 116 129 / var(--tw-bg-opacity, 1)); +} + +.peer:checked ~ .peer-checked\:bg-yellow-400 { + --tw-bg-opacity: 1; + background-color: rgb(227 160 8 / var(--tw-bg-opacity, 1)); } .peer:checked ~ .peer-checked\:after\:translate-x-full::after { @@ -6596,29 +6825,33 @@ svg.apply-fill path { .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)); + border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/2 { top: 50%; } -.peer:placeholder-shown ~ .peer-placeholder-shown\: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)); -} - .peer:placeholder-shown ~ .peer-placeholder-shown\:-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)); } +.peer:placeholder-shown ~ .peer-placeholder-shown\: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)); +} + .peer:placeholder-shown ~ .peer-placeholder-shown\: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)); } +.peer:focus ~ .peer-focus\:start-0 { + inset-inline-start: 0px; +} + .peer:focus ~ .peer-focus\:top-2 { top: 0.5rem; } @@ -6646,7 +6879,7 @@ svg.apply-fill path { .peer:focus ~ .peer-focus\:text-primary-600 { --tw-text-opacity: 1; - color: rgb(239 86 47 / var(--tw-text-opacity)); + color: rgb(239 86 47 / var(--tw-text-opacity, 1)); } .peer:focus ~ .peer-focus\:ring-4 { @@ -6655,1448 +6888,1471 @@ svg.apply-fill path { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.peer:focus ~ .peer-focus\:ring-primary-300 { +.peer:focus ~ .peer-focus\:ring-blue-300 { --tw-ring-opacity: 1; - --tw-ring-color: rgb(255 213 204 / var(--tw-ring-opacity)); -} - -.peer:focus ~ .peer-focus\:ring-red-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity, 1)); } .peer:focus ~ .peer-focus\:ring-green-300 { --tw-ring-opacity: 1; - --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity)); -} - -.peer:focus ~ .peer-focus\:ring-purple-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity)); -} - -.peer:focus ~ .peer-focus\:ring-yellow-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity)); -} - -.peer:focus ~ .peer-focus\:ring-teal-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity, 1)); } .peer:focus ~ .peer-focus\:ring-orange-300 { --tw-ring-opacity: 1; - --tw-ring-color: rgb(253 186 140 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(253 186 140 / var(--tw-ring-opacity, 1)); } -.peer:focus ~ .peer-focus\:ring-blue-300 { +.peer:focus ~ .peer-focus\:ring-primary-300 { --tw-ring-opacity: 1; - --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(255 213 204 / var(--tw-ring-opacity, 1)); } -[dir="rtl"] .rtl\:origin-right { - transform-origin: right; +.peer:focus ~ .peer-focus\:ring-purple-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity, 1)); } -[dir="rtl"] .rtl\: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)); +.peer:focus ~ .peer-focus\:ring-red-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity, 1)); } -[dir="rtl"] .rtl\:translate-x-1\/3 { - --tw-translate-x: 33.333333%; - 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:focus ~ .peer-focus\:ring-teal-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity, 1)); } -[dir="rtl"] .rtl\:-translate-x-1\/3 { - --tw-translate-x: -33.333333%; - 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:focus ~ .peer-focus\:ring-yellow-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity, 1)); } -[dir="rtl"] .rtl\:-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)); -} - -[dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 1; -} - -[dir="rtl"] .rtl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 1; -} - -[dir="rtl"] .rtl\:text-right { - text-align: right; -} - -[dir="rtl"] .peer:checked ~ .rtl\: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)); -} - -.dark .dark\:block { +.dark\:block:is(.dark *) { display: block; } -.dark .dark\:hidden { +.dark\:hidden:is(.dark *) { display: none; } -.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-blue-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-divide-opacity)); + border-color: rgb(30 66 159 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-gray-600:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-divide-opacity)); + border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(31 41 55 / var(--tw-divide-opacity)); + border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-red-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(155 28 28 / var(--tw-divide-opacity)); + border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-green-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(114 59 19 / var(--tw-divide-opacity)); + border-color: rgb(3 84 63 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-green-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-indigo-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(3 84 63 / var(--tw-divide-opacity)); + border-color: rgb(66 56 157 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-orange-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(66 56 157 / var(--tw-divide-opacity)); + border-color: rgb(138 44 13 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-pink-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(85 33 181 / var(--tw-divide-opacity)); + border-color: rgb(153 21 75 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-primary-200:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(153 21 75 / var(--tw-divide-opacity)); + border-color: rgb(255 228 222 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-purple-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(30 66 159 / var(--tw-divide-opacity)); + border-color: rgb(85 33 181 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-primary-200 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-red-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(255 228 222 / var(--tw-divide-opacity)); + border-color: rgb(155 28 28 / var(--tw-divide-opacity, 1)); } -.dark .dark\:divide-orange-800 > :not([hidden]) ~ :not([hidden]) { +.dark\:divide-yellow-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(138 44 13 / var(--tw-divide-opacity)); + border-color: rgb(114 59 19 / var(--tw-divide-opacity, 1)); } -.dark .dark\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-800 { - --tw-border-opacity: 1; - border-color: rgb(31 41 55 / var(--tw-border-opacity)); -} - -.dark .dark\:border-primary-400 { - --tw-border-opacity: 1; - border-color: rgb(255 188 173 / var(--tw-border-opacity)); -} - -.dark .dark\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgb(118 169 250 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); -} - -.dark .dark\:border-red-400 { - --tw-border-opacity: 1; - border-color: rgb(249 128 128 / var(--tw-border-opacity)); -} - -.dark .dark\:border-green-400 { - --tw-border-opacity: 1; - border-color: rgb(49 196 141 / var(--tw-border-opacity)); -} - -.dark .dark\:border-yellow-300 { - --tw-border-opacity: 1; - border-color: rgb(250 202 21 / var(--tw-border-opacity)); -} - -.dark .dark\:border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgb(141 162 251 / var(--tw-border-opacity)); -} - -.dark .dark\:border-purple-400 { - --tw-border-opacity: 1; - border-color: rgb(172 148 250 / var(--tw-border-opacity)); -} - -.dark .dark\:border-pink-400 { - --tw-border-opacity: 1; - border-color: rgb(241 126 184 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} - -.dark .dark\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgb(63 131 248 / var(--tw-border-opacity)); -} - -.dark .dark\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgb(14 159 110 / var(--tw-border-opacity)); -} - -.dark .dark\:border-primary-500 { - --tw-border-opacity: 1; - border-color: rgb(254 121 93 / var(--tw-border-opacity)); -} - -.dark .dark\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgb(240 82 82 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-900 { - --tw-border-opacity: 1; - border-color: rgb(17 24 39 / var(--tw-border-opacity)); -} - -.dark .dark\:border-white { - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - -.dark .dark\:\!border-gray-600 { +.dark\:\!border-gray-600:is(.dark *) { --tw-border-opacity: 1 !important; - border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; + border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)) !important; } -.dark .dark\:border-red-800 { +.dark\:border-blue-400:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(155 28 28 / var(--tw-border-opacity)); + border-color: rgb(118 169 250 / var(--tw-border-opacity, 1)); } -.dark .dark\:border-yellow-800 { +.dark\:border-blue-500:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(114 59 19 / var(--tw-border-opacity)); + border-color: rgb(63 131 248 / var(--tw-border-opacity, 1)); } -.dark .dark\:border-green-800 { +.dark\:border-blue-800:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(3 84 63 / var(--tw-border-opacity)); + border-color: rgb(30 66 159 / var(--tw-border-opacity, 1)); } -.dark .dark\:border-indigo-800 { +.dark\:border-gray-400:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(66 56 157 / var(--tw-border-opacity)); + border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } -.dark .dark\:border-purple-800 { +.dark\:border-gray-500:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(85 33 181 / var(--tw-border-opacity)); + border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } -.dark .dark\:border-pink-800 { +.dark\:border-gray-600:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(153 21 75 / var(--tw-border-opacity)); + border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } -.dark .dark\:border-blue-800 { +.dark\:border-gray-700:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(30 66 159 / var(--tw-border-opacity)); + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } -.dark .dark\:border-primary-200 { +.dark\:border-gray-800:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(255 228 222 / var(--tw-border-opacity)); + border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } -.dark .dark\:border-orange-800 { +.dark\:border-gray-900:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(138 44 13 / var(--tw-border-opacity)); + border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } -.dark .dark\:bg-gray-800 { +.dark\:border-green-400:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(49 196 141 / var(--tw-border-opacity, 1)); +} + +.dark\:border-green-500:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(14 159 110 / var(--tw-border-opacity, 1)); +} + +.dark\:border-green-800:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(3 84 63 / var(--tw-border-opacity, 1)); +} + +.dark\:border-indigo-400:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(141 162 251 / var(--tw-border-opacity, 1)); +} + +.dark\:border-indigo-800:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(66 56 157 / var(--tw-border-opacity, 1)); +} + +.dark\:border-orange-800:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(138 44 13 / var(--tw-border-opacity, 1)); +} + +.dark\:border-pink-400:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(241 126 184 / var(--tw-border-opacity, 1)); +} + +.dark\:border-pink-800:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(153 21 75 / var(--tw-border-opacity, 1)); +} + +.dark\:border-primary-200:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(255 228 222 / var(--tw-border-opacity, 1)); +} + +.dark\:border-primary-400:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(255 188 173 / var(--tw-border-opacity, 1)); +} + +.dark\:border-primary-500:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(254 121 93 / var(--tw-border-opacity, 1)); +} + +.dark\:border-purple-400:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(172 148 250 / var(--tw-border-opacity, 1)); +} + +.dark\:border-purple-800:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(85 33 181 / var(--tw-border-opacity, 1)); +} + +.dark\:border-red-400:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(249 128 128 / var(--tw-border-opacity, 1)); +} + +.dark\:border-red-500:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); +} + +.dark\:border-red-800:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(155 28 28 / var(--tw-border-opacity, 1)); +} + +.dark\:border-white:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); +} + +.dark\:border-yellow-300:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(250 202 21 / var(--tw-border-opacity, 1)); +} + +.dark\:border-yellow-800:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(114 59 19 / var(--tw-border-opacity, 1)); +} + +.dark\:border-e-gray-600:is(.dark *) { + --tw-border-opacity: 1; + border-inline-end-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); +} + +.dark\:border-e-gray-700:is(.dark *) { + --tw-border-opacity: 1; + border-inline-end-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} + +.dark\:\!bg-gray-700:is(.dark *) { + --tw-bg-opacity: 1 !important; + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; +} + +.dark\:bg-blue-400:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + background-color: rgb(118 169 250 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-gray-600 { +.dark\:bg-blue-500:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); + background-color: rgb(63 131 248 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-primary-900 { +.dark\:bg-blue-600:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(165 55 27 / var(--tw-bg-opacity)); + background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-blue-900 { +.dark\:bg-blue-800:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(35 56 118 / var(--tw-bg-opacity)); + background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-gray-700 { +.dark\:bg-blue-900:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); + background-color: rgb(35 56 118 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-red-900 { +.dark\:bg-gray-200:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(119 29 29 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-green-900 { +.dark\:bg-gray-300:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(1 71 55 / var(--tw-bg-opacity)); + background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-yellow-900 { +.dark\:bg-gray-500:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(99 49 18 / var(--tw-bg-opacity)); + background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-indigo-900 { +.dark\:bg-gray-600:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(54 47 120 / var(--tw-bg-opacity)); + background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-purple-900 { +.dark\:bg-gray-700:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(74 29 150 / var(--tw-bg-opacity)); + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-pink-900 { +.dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(117 26 61 / var(--tw-bg-opacity)); + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgb(28 100 242 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgb(5 122 85 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-primary-600 { - --tw-bg-opacity: 1; - background-color: rgb(239 86 47 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgb(126 58 242 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgb(224 36 36 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgb(63 131 248 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgb(14 159 110 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgb(107 114 128 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-primary-500 { - --tw-bg-opacity: 1; - background-color: rgb(254 121 93 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgb(144 97 249 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgb(240 82 82 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgb(227 160 8 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-transparent { - background-color: transparent; -} - -.dark .dark\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gray-800\/30 { +.dark\:bg-gray-800\/30:is(.dark *) { background-color: rgb(31 41 55 / 0.3); } -.dark .dark\:bg-inherit { +.dark\:bg-gray-900:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-green-400:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(49 196 141 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-green-500:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(14 159 110 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-green-600:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(5 122 85 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-green-800:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(3 84 63 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-green-900:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(1 71 55 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-indigo-400:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(141 162 251 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-indigo-500:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(104 117 245 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-indigo-800:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(66 56 157 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-indigo-900:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(54 47 120 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-inherit:is(.dark *) { background-color: inherit; } -.dark .dark\:bg-indigo-500 { +.dark\:bg-orange-800:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(104 117 245 / var(--tw-bg-opacity)); + background-color: rgb(138 44 13 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-primary-200 { +.dark\:bg-pink-400:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(255 228 222 / var(--tw-bg-opacity)); + background-color: rgb(241 126 184 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-yellow-600 { +.dark\:bg-pink-700:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(159 88 10 / var(--tw-bg-opacity)); + background-color: rgb(191 18 93 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-primary-400 { +.dark\:bg-pink-900:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(255 188 173 / var(--tw-bg-opacity)); + background-color: rgb(117 26 61 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-gray-200 { +.dark\:bg-primary-200:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); + background-color: rgb(255 228 222 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-green-400 { +.dark\:bg-primary-400:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(49 196 141 / var(--tw-bg-opacity)); + background-color: rgb(255 188 173 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-indigo-400 { +.dark\:bg-primary-500:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(141 162 251 / var(--tw-bg-opacity)); + background-color: rgb(254 121 93 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-purple-400 { +.dark\:bg-primary-600:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(172 148 250 / var(--tw-bg-opacity)); + background-color: rgb(239 86 47 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-pink-400 { +.dark\:bg-primary-800:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(241 126 184 / var(--tw-bg-opacity)); + background-color: rgb(204 69 34 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-blue-400 { +.dark\:bg-primary-900:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(118 169 250 / var(--tw-bg-opacity)); + background-color: rgb(165 55 27 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-primary-800 { +.dark\:bg-purple-400:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(204 69 34 / var(--tw-bg-opacity)); + background-color: rgb(172 148 250 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-red-800 { +.dark\:bg-purple-500:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(155 28 28 / var(--tw-bg-opacity)); + background-color: rgb(144 97 249 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-yellow-800 { +.dark\:bg-purple-600:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(114 59 19 / var(--tw-bg-opacity)); + background-color: rgb(126 58 242 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-green-800 { +.dark\:bg-purple-800:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(3 84 63 / var(--tw-bg-opacity)); + background-color: rgb(85 33 181 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-blue-800 { +.dark\:bg-purple-900:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(30 66 159 / var(--tw-bg-opacity)); + background-color: rgb(74 29 150 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-indigo-800 { +.dark\:bg-red-500:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(66 56 157 / var(--tw-bg-opacity)); + background-color: rgb(240 82 82 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-purple-800 { +.dark\:bg-red-600:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(85 33 181 / var(--tw-bg-opacity)); + background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-orange-700 { +.dark\:bg-red-800:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(180 52 3 / var(--tw-bg-opacity)); + background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-orange-800 { +.dark\:bg-red-900:is(.dark *) { --tw-bg-opacity: 1; - background-color: rgb(138 44 13 / var(--tw-bg-opacity)); + background-color: rgb(119 29 29 / var(--tw-bg-opacity, 1)); } -.dark .dark\:bg-opacity-80 { +.dark\:bg-transparent:is(.dark *) { + background-color: transparent; +} + +.dark\:bg-yellow-400:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(227 160 8 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-yellow-600:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(159 88 10 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-yellow-800:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(114 59 19 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-yellow-900:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(99 49 18 / var(--tw-bg-opacity, 1)); +} + +.dark\:bg-opacity-80:is(.dark *) { --tw-bg-opacity: 0.8; } -.dark .dark\:fill-gray-300 { +.dark\:fill-gray-300:is(.dark *) { fill: #D1D5DB; } -.dark .dark\:text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - -.dark .dark\:text-primary-300 { - --tw-text-opacity: 1; - color: rgb(255 213 204 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-300 { - --tw-text-opacity: 1; - color: rgb(164 202 254 / var(--tw-text-opacity)); -} - -.dark .dark\:text-red-300 { - --tw-text-opacity: 1; - color: rgb(248 180 180 / var(--tw-text-opacity)); -} - -.dark .dark\:text-green-300 { - --tw-text-opacity: 1; - color: rgb(132 225 188 / var(--tw-text-opacity)); -} - -.dark .dark\:text-yellow-300 { - --tw-text-opacity: 1; - color: rgb(250 202 21 / var(--tw-text-opacity)); -} - -.dark .dark\:text-indigo-300 { - --tw-text-opacity: 1; - color: rgb(180 198 252 / var(--tw-text-opacity)); -} - -.dark .dark\:text-purple-300 { - --tw-text-opacity: 1; - color: rgb(202 191 253 / var(--tw-text-opacity)); -} - -.dark .dark\:text-pink-300 { - --tw-text-opacity: 1; - color: rgb(248 180 217 / var(--tw-text-opacity)); -} - -.dark .dark\:text-primary-400 { - --tw-text-opacity: 1; - color: rgb(255 188 173 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-400 { - --tw-text-opacity: 1; - color: rgb(118 169 250 / var(--tw-text-opacity)); -} - -.dark .dark\:text-red-400 { - --tw-text-opacity: 1; - color: rgb(249 128 128 / var(--tw-text-opacity)); -} - -.dark .dark\:text-green-400 { - --tw-text-opacity: 1; - color: rgb(49 196 141 / var(--tw-text-opacity)); -} - -.dark .dark\:text-indigo-400 { - --tw-text-opacity: 1; - color: rgb(141 162 251 / var(--tw-text-opacity)); -} - -.dark .dark\:text-purple-400 { - --tw-text-opacity: 1; - color: rgb(172 148 250 / var(--tw-text-opacity)); -} - -.dark .dark\:text-pink-400 { - --tw-text-opacity: 1; - color: rgb(241 126 184 / var(--tw-text-opacity)); -} - -.dark .dark\:text-primary-700 { - --tw-text-opacity: 1; - color: rgb(235 79 39 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.dark .dark\:text-primary-500 { - --tw-text-opacity: 1; - color: rgb(254 121 93 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-500 { - --tw-text-opacity: 1; - color: rgb(63 131 248 / var(--tw-text-opacity)); -} - -.dark .dark\:text-green-500 { - --tw-text-opacity: 1; - color: rgb(14 159 110 / var(--tw-text-opacity)); -} - -.dark .dark\:text-red-500 { - --tw-text-opacity: 1; - color: rgb(240 82 82 / var(--tw-text-opacity)); -} - -.dark .dark\:\!text-white { +.dark\:\!text-white:is(.dark *) { --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } -.dark .dark\:text-gray-500 { +.dark\:text-blue-100:is(.dark *) { --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); + color: rgb(225 239 254 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-primary-100 { +.dark\:text-blue-200:is(.dark *) { --tw-text-opacity: 1; - color: rgb(255 241 238 / var(--tw-text-opacity)); + color: rgb(195 221 253 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-gray-100 { +.dark\:text-blue-300:is(.dark *) { --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); + color: rgb(164 202 254 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-primary-800 { +.dark\:text-blue-400:is(.dark *) { --tw-text-opacity: 1; - color: rgb(204 69 34 / var(--tw-text-opacity)); + color: rgb(118 169 250 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-primary-900 { +.dark\:text-blue-500:is(.dark *) { --tw-text-opacity: 1; - color: rgb(165 55 27 / var(--tw-text-opacity)); + color: rgb(63 131 248 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-gray-600 { +.dark\:text-gray-100:is(.dark *) { --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-gray-700 { +.dark\:text-gray-200:is(.dark *) { --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); + color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-blue-100 { +.dark\:text-gray-300:is(.dark *) { --tw-text-opacity: 1; - color: rgb(225 239 254 / var(--tw-text-opacity)); + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-green-100 { +.dark\:text-gray-400:is(.dark *) { --tw-text-opacity: 1; - color: rgb(222 247 236 / var(--tw-text-opacity)); + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-red-100 { +.dark\:text-gray-500:is(.dark *) { --tw-text-opacity: 1; - color: rgb(253 232 232 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-yellow-100 { +.dark\:text-gray-600:is(.dark *) { --tw-text-opacity: 1; - color: rgb(253 246 178 / var(--tw-text-opacity)); + color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-purple-100 { +.dark\:text-gray-700:is(.dark *) { --tw-text-opacity: 1; - color: rgb(237 235 254 / var(--tw-text-opacity)); + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-indigo-100 { +.dark\:text-gray-900:is(.dark *) { --tw-text-opacity: 1; - color: rgb(229 237 255 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-pink-100 { +.dark\:text-green-100:is(.dark *) { --tw-text-opacity: 1; - color: rgb(252 232 243 / var(--tw-text-opacity)); + color: rgb(222 247 236 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-primary-200 { +.dark\:text-green-200:is(.dark *) { --tw-text-opacity: 1; - color: rgb(255 228 222 / var(--tw-text-opacity)); + color: rgb(188 240 218 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-gray-200 { +.dark\:text-green-300:is(.dark *) { --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); + color: rgb(132 225 188 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-red-200 { +.dark\:text-green-400:is(.dark *) { --tw-text-opacity: 1; - color: rgb(251 213 213 / var(--tw-text-opacity)); + color: rgb(49 196 141 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-yellow-200 { +.dark\:text-green-500:is(.dark *) { --tw-text-opacity: 1; - color: rgb(252 233 106 / var(--tw-text-opacity)); + color: rgb(14 159 110 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-green-200 { +.dark\:text-indigo-100:is(.dark *) { --tw-text-opacity: 1; - color: rgb(188 240 218 / var(--tw-text-opacity)); + color: rgb(229 237 255 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-blue-200 { +.dark\:text-indigo-200:is(.dark *) { --tw-text-opacity: 1; - color: rgb(195 221 253 / var(--tw-text-opacity)); + color: rgb(205 219 254 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-indigo-200 { +.dark\:text-indigo-300:is(.dark *) { --tw-text-opacity: 1; - color: rgb(205 219 254 / var(--tw-text-opacity)); + color: rgb(180 198 252 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-purple-200 { +.dark\:text-indigo-400:is(.dark *) { --tw-text-opacity: 1; - color: rgb(220 215 254 / var(--tw-text-opacity)); + color: rgb(141 162 251 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-orange-200 { +.dark\:text-orange-400:is(.dark *) { --tw-text-opacity: 1; - color: rgb(252 217 189 / var(--tw-text-opacity)); + color: rgb(255 138 76 / var(--tw-text-opacity, 1)); } -.dark .dark\:text-orange-400 { +.dark\:text-pink-100:is(.dark *) { --tw-text-opacity: 1; - color: rgb(255 138 76 / var(--tw-text-opacity)); + color: rgb(252 232 243 / var(--tw-text-opacity, 1)); } -.dark .dark\:decoration-blue-600 { +.dark\:text-pink-200:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(250 209 232 / var(--tw-text-opacity, 1)); +} + +.dark\:text-pink-300:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(248 180 217 / var(--tw-text-opacity, 1)); +} + +.dark\:text-pink-400:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(241 126 184 / var(--tw-text-opacity, 1)); +} + +.dark\:text-primary-100:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 241 238 / var(--tw-text-opacity, 1)); +} + +.dark\:text-primary-200:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 228 222 / var(--tw-text-opacity, 1)); +} + +.dark\:text-primary-300:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 213 204 / var(--tw-text-opacity, 1)); +} + +.dark\:text-primary-400:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 188 173 / var(--tw-text-opacity, 1)); +} + +.dark\:text-primary-500:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(254 121 93 / var(--tw-text-opacity, 1)); +} + +.dark\:text-primary-700:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(235 79 39 / var(--tw-text-opacity, 1)); +} + +.dark\:text-primary-800:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(204 69 34 / var(--tw-text-opacity, 1)); +} + +.dark\:text-primary-900:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(165 55 27 / var(--tw-text-opacity, 1)); +} + +.dark\:text-purple-100:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(237 235 254 / var(--tw-text-opacity, 1)); +} + +.dark\:text-purple-200:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(220 215 254 / var(--tw-text-opacity, 1)); +} + +.dark\:text-purple-300:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(202 191 253 / var(--tw-text-opacity, 1)); +} + +.dark\:text-purple-400:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(172 148 250 / var(--tw-text-opacity, 1)); +} + +.dark\:text-red-100:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(253 232 232 / var(--tw-text-opacity, 1)); +} + +.dark\:text-red-200:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(251 213 213 / var(--tw-text-opacity, 1)); +} + +.dark\:text-red-300:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(248 180 180 / var(--tw-text-opacity, 1)); +} + +.dark\:text-red-400:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(249 128 128 / var(--tw-text-opacity, 1)); +} + +.dark\:text-red-500:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(240 82 82 / var(--tw-text-opacity, 1)); +} + +.dark\:text-white:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} + +.dark\:text-yellow-100:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(253 246 178 / var(--tw-text-opacity, 1)); +} + +.dark\:text-yellow-200:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(252 233 106 / var(--tw-text-opacity, 1)); +} + +.dark\:text-yellow-300:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(250 202 21 / var(--tw-text-opacity, 1)); +} + +.dark\:decoration-blue-600:is(.dark *) { text-decoration-color: #1C64F2; } -.dark .dark\:placeholder-gray-400::placeholder { +.dark\:placeholder-gray-400:is(.dark *)::placeholder { --tw-placeholder-opacity: 1; - color: rgb(156 163 175 / var(--tw-placeholder-opacity)); + color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } -.dark .dark\:placeholder-green-500::placeholder { +.dark\:placeholder-green-500:is(.dark *)::placeholder { --tw-placeholder-opacity: 1; - color: rgb(14 159 110 / var(--tw-placeholder-opacity)); + color: rgb(14 159 110 / var(--tw-placeholder-opacity, 1)); } -.dark .dark\:placeholder-red-500::placeholder { +.dark\:placeholder-red-500:is(.dark *)::placeholder { --tw-placeholder-opacity: 1; - color: rgb(240 82 82 / var(--tw-placeholder-opacity)); + color: rgb(240 82 82 / var(--tw-placeholder-opacity, 1)); } -.dark .dark\:opacity-25 { +.dark\:opacity-25:is(.dark *) { opacity: 0.25; } -.dark .dark\:shadow-gray-800 { - --tw-shadow-color: #1F2937; - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-blue-800 { +.dark\:shadow-blue-800:is(.dark *) { --tw-shadow-color: #1E429F; --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:shadow-gray-900 { - --tw-shadow-color: #111827; - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-green-800 { - --tw-shadow-color: #03543F; - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-gray-700 { - --tw-shadow-color: #374151; - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-primary-800 { - --tw-shadow-color: #CC4522; - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-purple-800 { - --tw-shadow-color: #5521B5; - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-red-800 { - --tw-shadow-color: #9B1C1C; - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-yellow-700 { - --tw-shadow-color: #8E4B10; - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-gray-800\/80 { - --tw-shadow-color: rgb(31 41 55 / 0.8); - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-blue-800\/80 { +.dark\:shadow-blue-800\/80:is(.dark *) { --tw-shadow-color: rgb(30 66 159 / 0.8); --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:shadow-green-800\/80 { - --tw-shadow-color: rgb(3 84 63 / 0.8); - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-primary-800\/80 { - --tw-shadow-color: rgb(204 69 34 / 0.8); - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-purple-800\/80 { - --tw-shadow-color: rgb(85 33 181 / 0.8); - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-red-800\/80 { - --tw-shadow-color: rgb(155 28 28 / 0.8); - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-yellow-800\/80 { - --tw-shadow-color: rgb(114 59 19 / 0.8); - --tw-shadow: var(--tw-shadow-colored); -} - -.dark .dark\:shadow-cyan-800\/80 { +.dark\:shadow-cyan-800\/80:is(.dark *) { --tw-shadow-color: rgb(21 94 117 / 0.8); --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:shadow-teal-800\/80 { - --tw-shadow-color: rgb(5 80 92 / 0.8); +.dark\:shadow-gray-700:is(.dark *) { + --tw-shadow-color: #374151; --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:shadow-lime-800\/80 { +.dark\:shadow-gray-800:is(.dark *) { + --tw-shadow-color: #1F2937; + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-gray-800\/80:is(.dark *) { + --tw-shadow-color: rgb(31 41 55 / 0.8); + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-gray-900:is(.dark *) { + --tw-shadow-color: #111827; + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-green-800:is(.dark *) { + --tw-shadow-color: #03543F; + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-green-800\/80:is(.dark *) { + --tw-shadow-color: rgb(3 84 63 / 0.8); + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-lime-800\/80:is(.dark *) { --tw-shadow-color: rgb(63 98 18 / 0.8); --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:shadow-pink-800\/80 { +.dark\:shadow-pink-800\/80:is(.dark *) { --tw-shadow-color: rgb(153 21 75 / 0.8); --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:ring-gray-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); +.dark\:shadow-primary-800:is(.dark *) { + --tw-shadow-color: #CC4522; + --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:ring-primary-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(254 121 93 / var(--tw-ring-opacity)); +.dark\:shadow-primary-800\/80:is(.dark *) { + --tw-shadow-color: rgb(204 69 34 / 0.8); + --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:ring-gray-900 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity)); +.dark\:shadow-purple-800:is(.dark *) { + --tw-shadow-color: #5521B5; + --tw-shadow: var(--tw-shadow-colored); } -.dark .dark\:ring-offset-gray-800 { +.dark\:shadow-purple-800\/80:is(.dark *) { + --tw-shadow-color: rgb(85 33 181 / 0.8); + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-red-800:is(.dark *) { + --tw-shadow-color: #9B1C1C; + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-red-800\/80:is(.dark *) { + --tw-shadow-color: rgb(155 28 28 / 0.8); + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-teal-800\/80:is(.dark *) { + --tw-shadow-color: rgb(5 80 92 / 0.8); + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-yellow-700:is(.dark *) { + --tw-shadow-color: #8E4B10; + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:shadow-yellow-800\/80:is(.dark *) { + --tw-shadow-color: rgb(114 59 19 / 0.8); + --tw-shadow: var(--tw-shadow-colored); +} + +.dark\:ring-gray-500:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)); +} + +.dark\:ring-gray-900:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1)); +} + +.dark\:ring-primary-500:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(254 121 93 / var(--tw-ring-opacity, 1)); +} + +.dark\:ring-offset-gray-800:is(.dark *) { --tw-ring-offset-color: #1F2937; } -.dark .dark\:first-letter\:text-gray-100::first-letter { +.dark\:first-letter\:text-gray-100:is(.dark *)::first-letter { --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } -.dark .dark\:before\:shadow-\[-10px_0_50px_65px_rgba\(16\2c 24\2c 39\2c 1\)\]::before { +.dark\:before\:shadow-\[-10px_0_50px_65px_rgba\(16\2c 24\2c 39\2c 1\)\]:is(.dark *)::before { content: var(--tw-content); --tw-shadow: -10px 0 50px 65px rgba(16,24,39,1); --tw-shadow-colored: -10px 0 50px 65px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.dark .dark\:after\:shadow-\[10px_0_50px_65px_rgba\(16\2c 24\2c 39\2c 1\)\]::after { +.dark\:after\:shadow-\[10px_0_50px_65px_rgba\(16\2c 24\2c 39\2c 1\)\]:is(.dark *)::after { content: var(--tw-content); --tw-shadow: 10px 0 50px 65px rgba(16,24,39,1); --tw-shadow-colored: 10px 0 50px 65px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.dark .odd\:dark\:bg-gray-800:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -.dark .odd\:dark\:bg-blue-800:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(30 66 159 / var(--tw-bg-opacity)); -} - -.dark .odd\:dark\:bg-green-800:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(3 84 63 / var(--tw-bg-opacity)); -} - -.dark .odd\:dark\:bg-red-800:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(155 28 28 / var(--tw-bg-opacity)); -} - -.dark .odd\:dark\:bg-yellow-800:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(114 59 19 / var(--tw-bg-opacity)); -} - -.dark .odd\:dark\:bg-purple-800:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgb(85 33 181 / var(--tw-bg-opacity)); -} - -.dark .even\:dark\:bg-gray-700:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - -.dark .even\:dark\:bg-blue-700:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(26 86 219 / var(--tw-bg-opacity)); -} - -.dark .even\:dark\:bg-green-700:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(4 108 78 / var(--tw-bg-opacity)); -} - -.dark .even\:dark\:bg-red-700:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(200 30 30 / var(--tw-bg-opacity)); -} - -.dark .even\:dark\:bg-yellow-700:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(142 75 16 / var(--tw-bg-opacity)); -} - -.dark .even\:dark\:bg-purple-700:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(108 43 217 / var(--tw-bg-opacity)); -} - -.dark .dark\:focus-within\:border-primary-500:focus-within { +.dark\:last\:border-e-gray-500:last-child:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(254 121 93 / var(--tw-border-opacity)); + border-inline-end-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } -.dark .dark\:focus-within\:text-white:focus-within { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.dark .dark\:focus-within\:ring-gray-700:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus-within\:ring-blue-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus-within\:ring-green-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus-within\:ring-primary-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(204 69 34 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus-within\:ring-purple-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus-within\:ring-red-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus-within\:ring-yellow-900:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus-within\:ring-gray-800:focus-within { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); -} - -.dark .dark\:hover\:border-gray-600:hover { +.dark\:last\:border-e-gray-600:last-child:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); + border-inline-end-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } -.dark .dark\:hover\:border-gray-500:hover { +.odd\:dark\:bg-blue-800:is(.dark *):nth-child(odd) { + --tw-bg-opacity: 1; + background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); +} + +.odd\:dark\:bg-gray-800:is(.dark *):nth-child(odd) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); +} + +.odd\:dark\:bg-green-800:is(.dark *):nth-child(odd) { + --tw-bg-opacity: 1; + background-color: rgb(3 84 63 / var(--tw-bg-opacity, 1)); +} + +.odd\:dark\:bg-purple-800:is(.dark *):nth-child(odd) { + --tw-bg-opacity: 1; + background-color: rgb(85 33 181 / var(--tw-bg-opacity, 1)); +} + +.odd\:dark\:bg-red-800:is(.dark *):nth-child(odd) { + --tw-bg-opacity: 1; + background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)); +} + +.odd\:dark\:bg-yellow-800:is(.dark *):nth-child(odd) { + --tw-bg-opacity: 1; + background-color: rgb(114 59 19 / var(--tw-bg-opacity, 1)); +} + +.even\:dark\:bg-blue-700:is(.dark *):nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); +} + +.even\:dark\:bg-gray-700:is(.dark *):nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); +} + +.even\:dark\:bg-green-700:is(.dark *):nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(4 108 78 / var(--tw-bg-opacity, 1)); +} + +.even\:dark\:bg-purple-700:is(.dark *):nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(108 43 217 / var(--tw-bg-opacity, 1)); +} + +.even\:dark\:bg-red-700:is(.dark *):nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(200 30 30 / var(--tw-bg-opacity, 1)); +} + +.even\:dark\:bg-yellow-700:is(.dark *):nth-child(even) { + --tw-bg-opacity: 1; + background-color: rgb(142 75 16 / var(--tw-bg-opacity, 1)); +} + +.dark\:focus-within\:border-primary-500:focus-within:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); + border-color: rgb(254 121 93 / var(--tw-border-opacity, 1)); } -.dark .hover\:dark\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-primary-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(204 69 34 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(30 66 159 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-red-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(155 28 28 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(3 84 63 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-yellow-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(114 59 19 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(66 56 157 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-purple-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(85 33 181 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-pink-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(153 21 75 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(26 86 219 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-green-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(4 108 78 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-primary-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(235 79 39 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(108 43 217 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(200 30 30 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(28 100 242 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-green-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(5 122 85 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-primary-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(239 86 47 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-purple-500:hover { - --tw-bg-opacity: 1; - background-color: rgb(144 97 249 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-red-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(224 36 36 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(227 160 8 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-primary-500:hover { - --tw-bg-opacity: 1; - background-color: rgb(254 121 93 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:text-primary-300:hover { +.dark\:focus-within\:text-white:focus-within:is(.dark *) { --tw-text-opacity: 1; - color: rgb(255 213 204 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } -.dark .dark\:hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgb(164 202 254 / var(--tw-text-opacity)); +.dark\:focus-within\:ring-blue-800:focus-within:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity, 1)); } -.dark .dark\:hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); +.dark\:focus-within\:ring-gray-700:focus-within:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1)); } -.dark .dark\:hover\:text-red-300:hover { - --tw-text-opacity: 1; - color: rgb(248 180 180 / var(--tw-text-opacity)); +.dark\:focus-within\:ring-gray-800:focus-within:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1)); } -.dark .dark\:hover\:text-green-300:hover { - --tw-text-opacity: 1; - color: rgb(132 225 188 / var(--tw-text-opacity)); +.dark\:focus-within\:ring-green-800:focus-within:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity, 1)); } -.dark .dark\:hover\:text-yellow-300:hover { - --tw-text-opacity: 1; - color: rgb(250 202 21 / var(--tw-text-opacity)); +.dark\:focus-within\:ring-primary-800:focus-within:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(204 69 34 / var(--tw-ring-opacity, 1)); } -.dark .dark\:hover\:text-indigo-300:hover { - --tw-text-opacity: 1; - color: rgb(180 198 252 / var(--tw-text-opacity)); +.dark\:focus-within\:ring-purple-900:focus-within:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity, 1)); } -.dark .dark\:hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgb(202 191 253 / var(--tw-text-opacity)); +.dark\:focus-within\:ring-red-900:focus-within:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity, 1)); } -.dark .dark\:hover\:text-pink-300:hover { - --tw-text-opacity: 1; - color: rgb(248 180 217 / var(--tw-text-opacity)); +.dark\:focus-within\:ring-yellow-900:focus-within:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity, 1)); } -.dark .dark\:hover\:text-primary-900:hover { - --tw-text-opacity: 1; - color: rgb(165 55 27 / var(--tw-text-opacity)); -} - -.dark .dark\:hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.dark .dark\:hover\:text-primary-100:hover { - --tw-text-opacity: 1; - color: rgb(255 241 238 / var(--tw-text-opacity)); -} - -.dark .dark\:focus\:border-blue-500:focus { +.dark\:hover\:border-gray-500:hover:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(63 131 248 / var(--tw-border-opacity)); + border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } -.dark .dark\:focus\:border-primary-500:focus { +.dark\:hover\:border-gray-600:hover:is(.dark *) { --tw-border-opacity: 1; - border-color: rgb(254 121 93 / var(--tw-border-opacity)); + border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } -.dark .dark\:focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgb(14 159 110 / var(--tw-border-opacity)); +.dark\:hover\:bg-blue-600:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1)); } -.dark .dark\:focus\:border-red-500:focus { - --tw-border-opacity: 1; - border-color: rgb(240 82 82 / var(--tw-border-opacity)); +.dark\:hover\:bg-blue-700:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); } -.dark .dark\:focus\:text-white:focus { +.dark\:hover\:bg-blue-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-gray-600:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-gray-700:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-gray-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-green-600:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(5 122 85 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-green-700:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(4 108 78 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-green-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(3 84 63 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-indigo-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(66 56 157 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-pink-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(153 21 75 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-primary-500:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(254 121 93 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-primary-600:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(239 86 47 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-primary-700:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(235 79 39 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-primary-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(204 69 34 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-purple-500:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(144 97 249 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-purple-700:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(108 43 217 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-purple-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(85 33 181 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-red-600:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-red-700:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(200 30 30 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-red-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-yellow-400:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(227 160 8 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:bg-yellow-800:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(114 59 19 / var(--tw-bg-opacity, 1)); +} + +.hover\:dark\:\!bg-gray-100:is(.dark *):hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; +} + +.hover\:dark\:bg-gray-100:is(.dark *):hover { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); +} + +.hover\:dark\:bg-gray-800:is(.dark *):hover { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); +} + +.dark\:hover\:text-blue-300:hover:is(.dark *) { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(164 202 254 / var(--tw-text-opacity, 1)); } -.dark .dark\:focus\:ring-gray-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-blue-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-green-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-cyan-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-teal-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-lime-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(63 98 18 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-red-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-pink-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-purple-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-teal-700:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(3 102 114 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-red-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-primary-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(254 121 93 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-primary-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(239 86 47 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-red-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-green-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-purple-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-teal-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(4 116 129 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-yellow-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(159 88 10 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-orange-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(208 56 1 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity)); -} - -.dark .dark\:focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); -} - -.dark .dark\:disabled\:text-gray-500:disabled { +.dark\:hover\:text-gray-300:hover:is(.dark *) { --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } -.dark .group:hover .dark\:group-hover\:bg-gray-800\/60 { +.dark\:hover\:text-green-300:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(132 225 188 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-indigo-300:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(180 198 252 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-pink-300:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(248 180 217 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-primary-100:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 241 238 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-primary-300:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 213 204 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-primary-900:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(165 55 27 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-purple-300:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(202 191 253 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-red-300:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(248 180 180 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-white:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} + +.dark\:hover\:text-yellow-300:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(250 202 21 / var(--tw-text-opacity, 1)); +} + +.dark\:focus\:border-blue-500:focus:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(63 131 248 / var(--tw-border-opacity, 1)); +} + +.dark\:focus\:border-green-500:focus:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(14 159 110 / var(--tw-border-opacity, 1)); +} + +.dark\:focus\:border-primary-500:focus:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(254 121 93 / var(--tw-border-opacity, 1)); +} + +.dark\:focus\:border-red-500:focus:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); +} + +.dark\:focus\:text-white:focus:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} + +.dark\:focus\:ring-blue-400:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-blue-500:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-blue-600:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-blue-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-cyan-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-gray-500:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-gray-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-green-400:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-green-500:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-green-600:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-green-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-lime-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(63 98 18 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-orange-600:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(208 56 1 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-pink-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-primary-400:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(255 188 173 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-primary-500:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(254 121 93 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-primary-600:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(239 86 47 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-purple-400:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(172 148 250 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-purple-600:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-purple-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-red-400:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-red-500:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-red-600:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-red-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-teal-600:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(4 116 129 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-teal-700:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(3 102 114 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-teal-800:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-yellow-400:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity, 1)); +} + +.dark\:focus\:ring-yellow-600:focus:is(.dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(159 88 10 / var(--tw-ring-opacity, 1)); +} + +.dark\:disabled\:text-gray-500:disabled:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} + +.group:hover .dark\:group-hover\:bg-gray-800\/60:is(.dark *) { background-color: rgb(31 41 55 / 0.6); } -.dark .group:hover .dark\:group-hover\:text-primary-500 { +.group:hover .dark\:group-hover\:text-primary-500:is(.dark *) { --tw-text-opacity: 1; - color: rgb(254 121 93 / var(--tw-text-opacity)); + color: rgb(254 121 93 / var(--tw-text-opacity, 1)); } -.dark .group:focus .dark\:group-focus\:ring-gray-800\/70 { +.group:focus .dark\:group-focus\:ring-gray-800\/70:is(.dark *) { --tw-ring-color: rgb(31 41 55 / 0.7); } -.peer:focus ~ .dark .peer-focus\:dark\:text-primary-500 { +.peer:focus ~ .peer-focus\:dark\:text-primary-500:is(.dark *) { --tw-text-opacity: 1; - color: rgb(254 121 93 / var(--tw-text-opacity)); + color: rgb(254 121 93 / var(--tw-text-opacity, 1)); } -.dark .peer:focus ~ .dark\:peer-focus\:ring-primary-800 { +.peer:focus ~ .dark\:peer-focus\:ring-blue-800:is(.dark *) { --tw-ring-opacity: 1; - --tw-ring-color: rgb(204 69 34 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity, 1)); } -.dark .peer:focus ~ .dark\:peer-focus\:ring-red-800 { +.peer:focus ~ .dark\:peer-focus\:ring-green-800:is(.dark *) { --tw-ring-opacity: 1; - --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity, 1)); } -.dark .peer:focus ~ .dark\:peer-focus\:ring-green-800 { +.peer:focus ~ .dark\:peer-focus\:ring-orange-800:is(.dark *) { --tw-ring-opacity: 1; - --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(138 44 13 / var(--tw-ring-opacity, 1)); } -.dark .peer:focus ~ .dark\:peer-focus\:ring-purple-800 { +.peer:focus ~ .dark\:peer-focus\:ring-primary-800:is(.dark *) { --tw-ring-opacity: 1; - --tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(204 69 34 / var(--tw-ring-opacity, 1)); } -.dark .peer:focus ~ .dark\:peer-focus\:ring-yellow-800 { +.peer:focus ~ .dark\:peer-focus\:ring-purple-800:is(.dark *) { --tw-ring-opacity: 1; - --tw-ring-color: rgb(114 59 19 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity, 1)); } -.dark .peer:focus ~ .dark\:peer-focus\:ring-teal-800 { +.peer:focus ~ .dark\:peer-focus\:ring-red-800:is(.dark *) { --tw-ring-opacity: 1; - --tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity, 1)); } -.dark .peer:focus ~ .dark\:peer-focus\:ring-orange-800 { +.peer:focus ~ .dark\:peer-focus\:ring-teal-800:is(.dark *) { --tw-ring-opacity: 1; - --tw-ring-color: rgb(138 44 13 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity, 1)); } -.dark .peer:focus ~ .dark\:peer-focus\:ring-blue-800 { +.peer:focus ~ .dark\:peer-focus\:ring-yellow-800:is(.dark *) { --tw-ring-opacity: 1; - --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(114 59 19 / var(--tw-ring-opacity, 1)); } @media (max-width: 480px) { @@ -8128,6 +8384,10 @@ svg.apply-fill path { margin-right: 0.5rem; } + .sm\:mb-0 { + margin-bottom: 0px; + } + .sm\:mr-1 { margin-right: 0.25rem; } @@ -8136,10 +8396,6 @@ svg.apply-fill path { margin-top: 0.5rem; } - .sm\:mb-0 { - margin-bottom: 0px; - } - .sm\:inline { display: inline; } @@ -8152,40 +8408,52 @@ svg.apply-fill path { display: grid; } - .sm\:h-24 { - height: 6rem; + .sm\:h-10 { + height: 2.5rem; } .sm\:h-11 { height: 2.75rem; } + .sm\:h-24 { + height: 6rem; + } + .sm\:h-32 { height: 8rem; } - .sm\:h-64 { - height: 16rem; - } - - .sm\:h-10 { - height: 2.5rem; - } - .sm\:h-6 { height: 1.5rem; } + .sm\:h-64 { + height: 16rem; + } + .sm\:h-7 { height: 1.75rem; } + .sm\:w-1\/2 { + width: 50%; + } + + .sm\:w-10 { + width: 2.5rem; + } + + .sm\:w-11 { + width: 2.75rem; + } + .sm\:w-24 { width: 6rem; } - .sm\:w-1\/2 { - width: 50%; + .sm\:w-6 { + width: 1.5rem; } .sm\:w-64 { @@ -8196,26 +8464,14 @@ svg.apply-fill path { width: 20rem; } - .sm\:w-11 { - width: 2.75rem; + .sm\:w-96 { + width: 24rem; } .sm\:w-auto { width: auto; } - .sm\:w-10 { - width: 2.5rem; - } - - .sm\:w-6 { - width: 1.5rem; - } - - .sm\:w-96 { - width: 24rem; - } - .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -8246,14 +8502,14 @@ svg.apply-fill path { padding: 0.25rem; } - .sm\:p-3 { - padding: 0.75rem; - } - .sm\:p-2 { padding: 0.5rem; } + .sm\:p-3 { + padding: 0.75rem; + } + .sm\:p-5 { padding: 1.25rem; } @@ -8271,10 +8527,18 @@ svg.apply-fill path { padding-right: 1rem; } + .sm\:pe-4 { + padding-inline-end: 1rem; + } + .sm\:pr-2 { padding-right: 0.5rem; } + .sm\:ps-4 { + padding-inline-start: 1rem; + } + .sm\:pt-1 { padding-top: 0.25rem; } @@ -8283,33 +8547,33 @@ svg.apply-fill path { text-align: center; } + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } - .sm\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } - .sm\:text-xs { font-size: 0.75rem; line-height: 1rem; } - .sm\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .first\:sm\:ps-0:first-child { + padding-inline-start: 0px; + } + + .last\:sm\:pe-0:last-child { + padding-inline-end: 0px; } } @media (min-width: 768px) { .md\:inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + inset: 0px; } .md\:m-1 { @@ -8321,22 +8585,30 @@ svg.apply-fill path { margin-right: 1rem; } - .md\:mt-5 { - margin-top: 1.25rem; + .md\:mb-0 { + margin-bottom: 0px; + } + + .md\:me-6 { + margin-inline-end: 1.5rem; } .md\:mr-2 { margin-right: 0.5rem; } - .md\:mb-0 { - margin-bottom: 0px; + .md\:ms-2 { + margin-inline-start: 0.5rem; } .md\:mt-0 { margin-top: 0px; } + .md\:mt-5 { + margin-top: 1.25rem; + } + .md\:block { display: block; } @@ -8361,50 +8633,62 @@ svg.apply-fill path { height: 16rem; } - .md\:h-auto { - height: auto; + .md\:h-\[21px\] { + height: 21px; } .md\:h-\[262px\] { height: 262px; } - .md\:h-\[42px\] { - height: 42px; - } - - .md\:h-\[95px\] { - height: 95px; + .md\:h-\[278px\] { + height: 278px; } .md\:h-\[294px\] { height: 294px; } - .md\:h-\[278px\] { - height: 278px; - } - - .md\:h-\[21px\] { - height: 21px; - } - - .md\:h-\[8px\] { - height: 8px; - } - - .md\:h-\[682px\] { - height: 682px; + .md\:h-\[42px\] { + height: 42px; } .md\:h-\[654px\] { height: 654px; } + .md\:h-\[682px\] { + height: 682px; + } + + .md\:h-\[8px\] { + height: 8px; + } + + .md\:h-\[95px\] { + height: 95px; + } + + .md\:h-auto { + height: auto; + } + .md\:h-full { height: 100%; } + .md\:w-1\/3 { + width: 33.333333%; + } + + .md\:w-2\/3 { + width: 66.666667%; + } + + .md\:w-48 { + width: 12rem; + } + .md\:w-6\/12 { width: 50%; } @@ -8413,34 +8697,22 @@ svg.apply-fill path { width: 24rem; } - .md\:w-48 { - width: 12rem; - } - .md\:w-\[96px\] { width: 96px; } - .md\:w-2\/3 { - width: 66.666667%; - } - - .md\:w-1\/3 { - width: 33.333333%; - } - .md\:w-auto { width: auto; } - .md\:max-w-\[512px\] { - max-width: 512px; - } - .md\:max-w-\[142px\] { max-width: 142px; } + .md\:max-w-\[512px\] { + max-width: 512px; + } + .md\:max-w-\[597px\] { max-width: 597px; } @@ -8503,16 +8775,20 @@ svg.apply-fill path { margin-bottom: calc(0px * var(--tw-space-y-reverse)); } - .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); - } - .md\:rounded-none { border-radius: 0px; } + .md\:rounded-e-lg { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem; + } + + .md\:rounded-s-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem; + } + .md\:border-0 { border-width: 0px; } @@ -8521,16 +8797,21 @@ svg.apply-fill path { background-color: transparent; } - .md\:p-6 { - padding: 1.5rem; + .md\:p-0 { + padding: 0px; } .md\:p-5 { padding: 1.25rem; } - .md\:p-0 { - padding: 0px; + .md\:p-6 { + padding: 1.5rem; + } + + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } .md\:px-5 { @@ -8548,11 +8829,6 @@ svg.apply-fill path { padding-bottom: 2rem; } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } - .md\:pr-2 { padding-right: 0.5rem; } @@ -8562,8 +8838,8 @@ svg.apply-fill path { line-height: 1; } - .md\:text-xl { - font-size: 1.25rem; + .md\:text-lg { + font-size: 1.125rem; line-height: 1.75rem; } @@ -8572,8 +8848,8 @@ svg.apply-fill path { line-height: 1.25rem; } - .md\:text-lg { - font-size: 1.125rem; + .md\:text-xl { + font-size: 1.25rem; line-height: 1.75rem; } @@ -8583,7 +8859,7 @@ svg.apply-fill path { .md\:text-primary-700 { --tw-text-opacity: 1; - color: rgb(235 79 39 / var(--tw-text-opacity)); + color: rgb(235 79 39 / var(--tw-text-opacity, 1)); } .md\:hover\:bg-transparent:hover { @@ -8592,25 +8868,25 @@ svg.apply-fill path { .md\:hover\:text-primary-700:hover { --tw-text-opacity: 1; - color: rgb(235 79 39 / var(--tw-text-opacity)); + color: rgb(235 79 39 / var(--tw-text-opacity, 1)); } - .dark .md\:dark\:bg-transparent { + .md\:dark\:bg-transparent:is(.dark *) { background-color: transparent; } - .dark .md\:dark\:text-white { + .md\:dark\:text-white:is(.dark *) { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } - .dark .md\:dark\:hover\:bg-transparent:hover { + .md\:dark\:hover\:bg-transparent:hover:is(.dark *) { background-color: transparent; } - .dark .md\:dark\:hover\:text-white:hover { + .md\:dark\:hover\:text-white:hover:is(.dark *) { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } } @@ -8620,14 +8896,14 @@ svg.apply-fill path { margin-right: 0px; } - .lg\:w-5\/12 { - width: 41.666667%; - } - .lg\:w-1\/3 { width: 33.333333%; } + .lg\:w-5\/12 { + width: 41.666667%; + } + .lg\:max-w-7xl { max-width: 80rem; } @@ -8656,3 +8932,54 @@ svg.apply-fill path { height: 24rem; } } + +.rtl\:origin-right:where([dir="rtl"], [dir="rtl"] *) { + transform-origin: right; +} + +.rtl\:-translate-x-1\/3:where([dir="rtl"], [dir="rtl"] *) { + --tw-translate-x: -33.333333%; + 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)); +} + +.rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) { + --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)); +} + +.rtl\:translate-x-1\/3:where([dir="rtl"], [dir="rtl"] *) { + --tw-translate-x: 33.333333%; + 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)); +} + +.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) { + --tw-rotate: 180deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *) { + --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)); +} + +.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 1; +} + +.rtl\:divide-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 1; +} + +.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) { + text-align: right; +} + +.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::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)); +} + +.\[\&\:not\(\:first-child\)\]\:-ms-px:not(:first-child) { + margin-inline-start: -1px; +} diff --git a/src/UI/Base/TitledPanel.svelte b/src/UI/Base/TitledPanel.svelte index 346bd44d8..6923a38aa 100644 --- a/src/UI/Base/TitledPanel.svelte +++ b/src/UI/Base/TitledPanel.svelte @@ -1,7 +1,14 @@
-

- -

+
+ +
+ +

+ +

+
+ +
diff --git a/src/UI/Popup/TagRendering/TagRenderingQuestion.svelte b/src/UI/Popup/TagRendering/TagRenderingQuestion.svelte index aabefd917..2d90210c8 100644 --- a/src/UI/Popup/TagRendering/TagRenderingQuestion.svelte +++ b/src/UI/Popup/TagRendering/TagRenderingQuestion.svelte @@ -283,7 +283,7 @@ } dispatch("saved", { config, applied: selectedTags }) const change = new ChangeTagAction(tags.data.id, selectedTags, tags.data, { - theme: tags.data["_orig_theme"] ?? state.theme.id, + theme: tags.data["_orig_theme"] ?? state.theme?.id, changeType: "answer", }) freeformInput.set(undefined) @@ -340,7 +340,7 @@ } let disabledInTheme = - state.userRelatedState?.getThemeDisabled(state.theme.id, layer?.id) ?? + state.userRelatedState?.getThemeDisabled(state.theme?.id, layer?.id) ?? new UIEventSource([]) let menuIsOpened = new UIEventSource(false) diff --git a/src/UI/PrivacyGui.svelte b/src/UI/PrivacyGui.svelte index b03130d8a..90a59cfcd 100644 --- a/src/UI/PrivacyGui.svelte +++ b/src/UI/PrivacyGui.svelte @@ -9,29 +9,37 @@ import type { SpecialVisualizationState } from "./SpecialVisualization" import { OsmConnection } from "../Logic/Osm/OsmConnection" import UserRelatedState from "../Logic/State/UserRelatedState" + import Title from "./Popup/Title.svelte" + import TitledPanel from "./Base/TitledPanel.svelte" + import Back from "../assets/svg/Back.svelte" const osmConnection = new OsmConnection() let state: SpecialVisualizationState = { osmConnection, - userRelatedState: new UserRelatedState(osmConnection), + userRelatedState: new UserRelatedState(osmConnection) } -
-
-
-

- - -

- -
-
- -
- - - +
+ + + -
+
+ + +
+ + + + +
+ + + + + +
+ +
diff --git a/src/UI/StylesheetTestGui.svelte b/src/UI/StylesheetTestGui.svelte index dd1d62f64..33ec62903 100644 --- a/src/UI/StylesheetTestGui.svelte +++ b/src/UI/StylesheetTestGui.svelte @@ -25,6 +25,13 @@
Thank you! Operation successful
Loading... + Dropdown: + + + + + +

Low interaction

@@ -38,6 +45,13 @@
Subtle
+ Dropdown: + + + + + +