/* tajawal-arabic-400-normal */ @font-face { font-family: 'Tajawal'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/tajawal-arabic-400-normal-CyCXRvzh.woff2) format('woff2'), url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff) format('woff'); unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1; } /* tajawal-latin-400-normal */ @font-face { font-family: 'Tajawal'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2) format('woff2'), url(/assets/tajawal-latin-400-normal-BdYcZznU.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* tajawal-arabic-500-normal */ @font-face { font-family: 'Tajawal'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/tajawal-arabic-500-normal-BZ8ojJNu.woff2) format('woff2'), url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff) format('woff'); unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1; } /* tajawal-latin-500-normal */ @font-face { font-family: 'Tajawal'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/tajawal-latin-500-normal-CoYeBiSI.woff2) format('woff2'), url(/assets/tajawal-latin-500-normal-DU9v6xgj.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* tajawal-arabic-700-normal */ @font-face { font-family: 'Tajawal'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/tajawal-arabic-700-normal-D2-eand5.woff2) format('woff2'), url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff) format('woff'); unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1; } /* tajawal-latin-700-normal */ @font-face { font-family: 'Tajawal'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2) format('woff2'), url(/assets/tajawal-latin-700-normal-CV3bxpHe.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* Mobile Portrait Typography System * Arabic RTL ERP Learning Platform * Primary Font: Tajawal * Minimum text size: 12px * * Color System (solid colors, no opacity): * - Secondary text: #6B7280 (neutral blue-gray) * - Captions: #7A8292 (custom blue-gray) * - Numbers: #334155 (slate-700) */ /* ===== CSS Variables ===== */ :root { /* Mobile Typography Sizes */ --mobile-app-header: 1.156rem; /* 18.5px */ --mobile-page-title: 1.375rem; /* 22px */ --mobile-page-title-lg: 1.5rem; /* 24px */ --mobile-section-header: 1.125rem; /* 18px */ --mobile-section-header-lg: 1.188rem; /* 19px */ --mobile-card-title: 1.0625rem; /* 17px */ --mobile-en-subtitle: 0.8125rem; /* 13px */ --mobile-body: 0.875rem; /* 14px */ --mobile-description: 0.8125rem; /* 13px */ --mobile-meta: 0.78125rem; /* 12.5px */ --mobile-btn-primary: 0.906rem; /* 14.5px */ --mobile-btn-secondary: 0.844rem; /* 13.5px */ --mobile-input: 0.844rem; /* 13.5px */ --mobile-table: 0.8125rem; /* 13px */ --mobile-assistant: 0.875rem; /* 14px */ --mobile-caption: 0.75rem; /* 12px - minimum */ /* Mobile Typography Colors (solid, no opacity) */ /* Secondary: #4B5563 (slate-600) - darker for improved readability */ --mobile-color-secondary: #4B5563; --mobile-color-caption: #7A8292; --mobile-color-number: #334155; } /* Dark mode color overrides */ .dark { --mobile-color-secondary: #9CA3AF; --mobile-color-caption: #94A3B8; --mobile-color-number: #CBD5E1; } /* ===== Mobile Typography Classes ===== */ @media (max-width: 639px) { /* Base mobile typography container */ .mobile-typography { font-family: 'Tajawal', sans-serif; direction: rtl; text-align: right; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* App Header - 18.5px / 600 / 1.3 */ .mobile-app-header { font-size: var(--mobile-app-header); font-weight: 600; line-height: 1.3; } /* Page Title - 22-24px / 600 / 1.3 */ .mobile-page-title { font-size: var(--mobile-page-title); font-weight: 600; line-height: 1.3; } .mobile-page-title-lg { font-size: var(--mobile-page-title-lg); font-weight: 600; line-height: 1.3; } /* Section Header - 18-19px / 600 / 1.4 */ .mobile-section-header { font-size: var(--mobile-section-header); font-weight: 600; line-height: 1.4; } /* Card Title (Arabic) - 17px / 600 / 1.4 */ .mobile-card-title { font-size: var(--mobile-card-title); font-weight: 600; line-height: 1.4; } /* English Subtitle - 13px / 400 / 1.4 / #6B7280 (solid color) */ .mobile-en-subtitle { font-size: var(--mobile-en-subtitle); font-weight: 400; line-height: 1.4; color: var(--mobile-color-secondary); } /* Body Text - 14px / 400 / 1.6 */ .mobile-body { font-size: var(--mobile-body); font-weight: 400; line-height: 1.6; } /* Description / Hints - 13px / 400 / 1.5 / #4B5563 (solid color, normal weight) */ .mobile-description { font-size: var(--mobile-description); font-weight: 400; line-height: 1.5; color: var(--mobile-color-secondary); } /* Meta Info - 12.5px / 400 / 1.4 / #6B7280 (solid color) */ .mobile-meta { font-size: var(--mobile-meta); font-weight: 400; line-height: 1.4; color: var(--mobile-color-secondary); } /* Meta Numbers - 12.5px / 500 / 1.4 / #334155 (solid color) */ .mobile-meta-number { font-size: var(--mobile-meta); font-weight: 500; line-height: 1.4; font-variant-numeric: tabular-nums; color: var(--mobile-color-number); } /* Meta Helper words - 12.5px / 400 / #6B7280 (solid color) */ .mobile-meta-helper { font-size: var(--mobile-meta); font-weight: 400; line-height: 1.4; color: var(--mobile-color-secondary); } /* Primary Button - 14.5px / 600 */ .mobile-btn-primary { font-size: var(--mobile-btn-primary); font-weight: 600; } /* Secondary Button - 13.5px / 500 */ .mobile-btn-secondary { font-size: var(--mobile-btn-secondary); font-weight: 500; } /* Input / Label - 13.5px / 400 */ .mobile-input { font-size: var(--mobile-input); font-weight: 400; line-height: 1.4; } /* Table Text - 13px / 400 / 1.5 */ .mobile-table-text { font-size: var(--mobile-table); font-weight: 400; line-height: 1.5; } /* Assistant Messages - 14px / 400 / 1.6 */ .mobile-assistant { font-size: var(--mobile-assistant); font-weight: 400; line-height: 1.6; } /* Caption / Small Notes - 12px / 400 / 1.4 / #7A8292 (MINIMUM SIZE) */ .mobile-caption { font-size: var(--mobile-caption); font-weight: 400; line-height: 1.4; color: var(--mobile-color-caption); } /* ===== Responsive Adjustments ===== */ /* Increase card internal padding on mobile */ .mobile-card-padding { padding: 1rem; } .mobile-card-padding-lg { padding: 1.25rem; } /* Enhanced vertical spacing inside cards */ .mobile-card-spacing > * + * { margin-top: 0.5rem; } .mobile-card-spacing-lg > * + * { margin-top: 0.75rem; } /* ===== RTL Text Alignment Utilities ===== */ .mobile-text-right { text-align: right; direction: rtl; } /* Arabic text stronger than English */ .mobile-ar-primary { font-weight: 600; } .mobile-en-secondary { font-weight: 400; color: var(--mobile-color-secondary); } /* ===== Icon Positioning for RTL ===== */ .mobile-icon-left { order: -1; } } /* ===== Typography Scale Enforcement ===== */ /* Prevent text smaller than 12px */ @media (max-width: 639px) { /* Override common small text patterns */ .text-2xs, .text-\[9px\], .text-\[10px\], .text-\[11px\] { font-size: 0.75rem !important; /* 12px minimum */ } } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, 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 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. 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, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-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; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root { /* ==================== UNIFIED VISUAL IDENTITY TOKENS (v2) ==================== */ /* Single source of truth — DO NOT bypass with raw hex values in components. */ /* Page surfaces */ --page-bg: 216 53% 96%; /* #F3F6FB */ --page-bg-elevated: 0 0% 100%; /* #FFFFFF */ /* Unified dark hero gradient (Training Qualification Hub canonical) */ --hero-from: 213 47% 25%; /* #1e3a5f */ --hero-via: 216 50% 20%; /* #1a2e4a */ --hero-to: 213 53% 13%; /* #0f1f33 */ --hero-foreground: 0 0% 100%; --hero-muted-foreground: 215 32% 80%; /* Light hero (for public/landing pages) */ --hero-light-from: 216 100% 98%; --hero-light-to: 216 53% 96%; /* Card system — ONE radius, THREE shadows */ /* 16px — the only card radius */ /* 12px — for chips/pills only */ --card-shadow: 0 4px 14px -4px hsl(215 28% 17% / 0.06), 0 2px 4px -2px hsl(215 28% 17% / 0.04); --card-shadow-hover: 0 12px 28px -8px hsl(215 28% 17% / 0.12), 0 4px 8px -4px hsl(215 28% 17% / 0.06); --card-shadow-elevated: 0 20px 40px -12px hsl(215 28% 17% / 0.18); --card-padding: 1.25rem; /* 20px — canonical card inner padding */ --card-border: 215 28% 17% / 0.08; /* Subtle border for all cards */ /* Section accent palette — EXACTLY 6 — every page picks ONE */ --accent-blue: 223 68% 51%; /* Training & Learning */ --accent-purple: 262 83% 58%; /* Tools & Calculators */ --accent-amber: 38 92% 50%; /* Career & Remote Work */ --accent-rose: 330 81% 60%; /* Knowledge & Library */ --accent-emerald: 160 84% 39%; /* Finance & Modeling */ --accent-indigo: 239 84% 67%; /* Certification & Banking */ /* Active accent (overridden by at runtime) */ --accent-current: var(--accent-blue); --accent-current-soft: 223 68% 51% / 0.10; /* ==================== Official Platform Identity — Professional Accounting Learning ==================== */ /* Page Background: #F1F5FB */ --background: 216 53% 96%; /* Headings: Deep Slate - #1E293B */ --foreground: 215 28% 17%; /* Cards: Pure White - #FFFFFF */ --card: 0 0% 100%; --card-foreground: 215 28% 17%; /* Section Blocks: #F7FAFF */ --section: 216 100% 98%; --popover: 0 0% 100%; --popover-foreground: 215 28% 17%; /* Primary Action Blue: #2F5FD7 */ --primary: 223 68% 51%; --primary-foreground: 0 0% 100%; /* Primary Dark (Sidebar/Header): Softened Navy - #243A5A */ --primary-dark: 213 43% 25%; --primary-dark-foreground: 0 0% 100%; /* Soft Primary Labels: #8FB3E8 */ --primary-soft: 214 62% 74%; /* Secondary: Light Section */ --secondary: 216 100% 98%; --secondary-foreground: 213 33% 17%; /* Muted: Layered Blue Background - #EEF3FA */ --muted: 215 43% 95%; /* Muted Text: #4B5563 - Darker slate-600 for better readability (no opacity) */ --muted-foreground: 215 19% 34%; /* Body Text: #556274 (warmer, easier on eyes) */ --body-text: 215 16% 39%; /* Text Color System (Ink Colors) */ /* Secondary Text: #4B5563 (slate-600) - darker for improved readability */ --text-secondary: 215 19% 34%; /* Meta Labels: #7A8292 */ --text-meta: 220 10% 54%; /* Numbers/Counts: #334155 */ --text-number: 215 25% 27%; /* Captions: #7A8292 */ --text-caption: 220 10% 54%; /* Accent: Platform Blue - #2F5FD7 */ --accent: 223 68% 51%; --accent-foreground: 0 0% 100%; /* Status Colors */ /* Success: #22C55E */ --success: 142 71% 45%; --success-foreground: 0 0% 100%; /* Warning: #F59E0B */ --warning: 38 92% 50%; --warning-foreground: 0 0% 100%; /* Destructive/Danger: #EF4444 */ --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; /* Info: Bright Blue */ --info: 217 91% 60%; --info-foreground: 0 0% 100%; /* AI Purple: #7C3AED (limited use) */ --ai-purple: 263 84% 58%; --ai-purple-foreground: 0 0% 100%; /* Locked: Muted */ --locked: 215 16% 65%; --locked-foreground: 0 0% 100%; /* Borders: rgba(15, 23, 42, 0.04) mapped - #E6EDF5 */ --border: 216 40% 92%; --input: 216 53% 96%; --ring: 223 68% 51%; --radius: 0.5rem; /* Sidebar - Softened Navy Theme #243A5A */ --sidebar-background: 213 43% 25%; --sidebar-foreground: 216 53% 96%; --sidebar-primary: 223 68% 51%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 213 40% 32%; --sidebar-accent-foreground: 216 53% 96%; --sidebar-border: 213 38% 30%; --sidebar-ring: 223 68% 51%; /* Header - Softened Navy #243A5A */ --header-background: 213 43% 25%; --header-foreground: 0 0% 100%; /* Platform Gradients */ --gradient-primary: linear-gradient(135deg, hsl(223 68% 46%) 0%, hsl(223 68% 56%) 100%); --gradient-success: linear-gradient(135deg, hsl(142 71% 45%) 0%, hsl(142 65% 38%) 100%); --gradient-warning: linear-gradient(135deg, hsl(38 92% 50%) 0%, hsl(38 88% 42%) 100%); --gradient-accent: linear-gradient(135deg, hsl(223 68% 51%) 0%, hsl(223 60% 44%) 100%); /* Unified Depth System Shadows */ --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.03); --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.03); --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.06); --shadow-lg: 0 10px 20px rgba(15, 23, 42, 0.08), 0 4px 6px rgba(15, 23, 42, 0.03); --shadow-xl: 0 20px 30px rgba(15, 23, 42, 0.08), 0 8px 10px rgba(15, 23, 42, 0.04); --shadow-card: 0 4px 14px rgba(15, 23, 42, 0.06); --shadow-card-hover: 0 8px 24px rgba(15, 23, 42, 0.10); /* ==================== Unified Component Sizing Tokens ==================== */ --header-height-mobile: 48px; --header-height-desktop: 64px; --btn-height-xs: 28px; --btn-height-sm: 32px; --btn-height-md: 40px; --btn-height-lg: 48px; --btn-height-xl: 56px; --btn-padding-x-sm: 0.75rem; --btn-padding-x-md: 1rem; --btn-padding-x-lg: 1.5rem; --input-height-sm: 32px; --input-height-md: 40px; --input-height-lg: 48px; --icon-size-xs: 16px; --icon-size-sm: 20px; --icon-size-md: 24px; --icon-size-lg: 32px; --icon-size-xl: 40px; --card-padding-sm: 0.75rem; --card-padding-md: 1rem; --card-padding-lg: 1.5rem; --card-radius: 0.5rem; --card-radius-sm: 0.375rem; --card-radius-lg: 0.75rem; --section-gap-sm: 1rem; --section-gap-md: 1.5rem; --section-gap-lg: 2rem; --section-gap-xl: 3rem; --grid-gap-xs: 0.25rem; --grid-gap-sm: 0.5rem; --grid-gap-md: 0.75rem; --grid-gap-lg: 1rem; --grid-gap-xl: 1.5rem; } .dark { /* ==================== Enterprise Blue Dark Mode ==================== */ /* Background: Deep Navy - #0F172A */ --background: 222 47% 11%; /* Foreground: Light Blue Tint - #E2E8F0 */ --foreground: 214 32% 91%; /* Cards: Elevated Dark Blue - #1E293B */ --card: 217 33% 17%; --card-foreground: 214 32% 91%; /* Section: Softer Dark Blue - #19253A */ --section: 217 41% 16%; --popover: 217 33% 19%; --popover-foreground: 214 32% 91%; /* Primary: Bright Blue - #60A5FA */ --primary: 217 91% 68%; --primary-foreground: 0 0% 100%; --primary-dark: 217 33% 20%; --primary-soft: 214 50% 60%; --secondary: 217 33% 20%; --secondary-foreground: 214 32% 91%; --muted: 217 33% 20%; /* Muted Text: #9CA3AF - Dark mode readable gray (no opacity) */ --muted-foreground: 218 11% 65%; /* Body Text: #C3CFDE (brighter, more readable) */ --body-text: 213 29% 82%; /* Text Color System (Ink Colors) - Dark Mode */ /* Secondary Text: #9CA3AF */ --text-secondary: 218 11% 65%; /* Meta Labels: #94A3B8 */ --text-meta: 215 20% 65%; /* Numbers/Counts: #CBD5E1 */ --text-number: 210 25% 83%; /* Captions: #94A3B8 */ --text-caption: 215 20% 65%; --accent: 217 91% 68%; --accent-foreground: 0 0% 100%; /* Status colors - Optimized for dark */ --success: 142 71% 50%; --success-foreground: 0 0% 100%; --warning: 38 92% 55%; --warning-foreground: 0 0% 100%; --destructive: 0 84% 65%; --destructive-foreground: 0 0% 100%; --info: 217 91% 68%; --info-foreground: 0 0% 100%; /* AI Purple (closer to blue family) */ --ai-purple: 249 83% 72%; --ai-purple-foreground: 0 0% 100%; --locked: 215 20% 50%; --locked-foreground: 214 32% 85%; /* Borders: Blue Tinted Gray - #334155 */ --border: 217 19% 27%; --input: 217 33% 20%; --ring: 217 91% 68%; /* Sidebar - Deep Navy */ --sidebar-background: 222 47% 8%; --sidebar-foreground: 214 32% 91%; --sidebar-primary: 217 91% 68%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 217 33% 17%; --sidebar-accent-foreground: 214 32% 91%; --sidebar-border: 217 25% 22%; --sidebar-ring: 217 91% 68%; --header-background: 222 47% 11%; --header-foreground: 214 32% 91%; /* Dark Gradients - Blue Tinted */ --gradient-primary: linear-gradient(135deg, hsl(217 91% 68%) 0%, hsl(217 85% 55%) 100%); --gradient-success: linear-gradient(135deg, hsl(142 71% 50%) 0%, hsl(142 65% 40%) 100%); --gradient-warning: linear-gradient(135deg, hsl(38 92% 55%) 0%, hsl(38 88% 45%) 100%); --gradient-accent: linear-gradient(135deg, hsl(217 91% 68%) 0%, hsl(217 85% 55%) 100%); /* Dark Shadows - Blue Tinted */ --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3); --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.35); --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.45); --shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.5); --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(51, 65, 85, 0.5); --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(96, 165, 250, 0.2); } * { border-color: hsl(var(--border)); } html { direction: rtl; } body { background-color: hsl(var(--background)); font-family: Tajawal, sans-serif; color: hsl(var(--foreground)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "ss01", "ss02"; transition: background-color 0.25s ease, color 0.25s ease; overflow-x: hidden; -webkit-overflow-scrolling: touch; } h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: -0.025em; } /* Dark mode text hierarchy - Enhanced contrast */ .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: hsl(var(--text-title)); letter-spacing: -0.01em; } .dark p { color: hsl(var(--text-body)); line-height: 1.65; } /* Improved small text readability */ .dark small, .dark .text-xs, .dark .text-sm { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } .\!container { width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 1rem !important; padding-left: 1rem !important; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .-inset-1 { inset: -0.25rem; } .-inset-3 { inset: -0.75rem; } .-inset-\[1px\] { inset: -1px; } .inset-0 { inset: 0px; } .inset-2 { inset: 0.5rem; } .inset-4 { inset: 1rem; } .inset-x-0 { left: 0px; right: 0px; } .inset-x-1\.5 { left: 0.375rem; right: 0.375rem; } .inset-x-2 { left: 0.5rem; right: 0.5rem; } .inset-x-4 { left: 1rem; right: 1rem; } .inset-y-0 { top: 0px; bottom: 0px; } .-bottom-0\.5 { bottom: -0.125rem; } .-bottom-1 { bottom: -0.25rem; } .-bottom-1\/2 { bottom: -50%; } .-bottom-1\/4 { bottom: -25%; } .-bottom-10 { bottom: -2.5rem; } .-bottom-12 { bottom: -3rem; } .-bottom-16 { bottom: -4rem; } .-bottom-2 { bottom: -0.5rem; } .-bottom-2\.5 { bottom: -0.625rem; } .-bottom-20 { bottom: -5rem; } .-bottom-24 { bottom: -6rem; } .-bottom-32 { bottom: -8rem; } .-bottom-4 { bottom: -1rem; } .-bottom-6 { bottom: -1.5rem; } .-bottom-8 { bottom: -2rem; } .-end-1 { inset-inline-end: -0.25rem; } .-end-4 { inset-inline-end: -1rem; } .-left-0\.5 { left: -0.125rem; } .-left-1 { left: -0.25rem; } .-left-1\.5 { left: -0.375rem; } .-left-1\/4 { left: -25%; } .-left-10 { left: -2.5rem; } .-left-12 { left: -3rem; } .-left-16 { left: -4rem; } .-left-2 { left: -0.5rem; } .-left-20 { left: -5rem; } .-left-3 { left: -0.75rem; } .-left-32 { left: -8rem; } .-left-4 { left: -1rem; } .-left-8 { left: -2rem; } .-right-0\.5 { right: -0.125rem; } .-right-1 { right: -0.25rem; } .-right-1\.5 { right: -0.375rem; } .-right-1\/4 { right: -25%; } .-right-10 { right: -2.5rem; } .-right-12 { right: -3rem; } .-right-16 { right: -4rem; } .-right-2 { right: -0.5rem; } .-right-20 { right: -5rem; } .-right-32 { right: -8rem; } .-right-4 { right: -1rem; } .-right-6 { right: -1.5rem; } .-right-8 { right: -2rem; } .-right-\[31px\] { right: -31px; } .-right-\[9px\] { right: -9px; } .-start-4 { inset-inline-start: -1rem; } .-top-0\.5 { top: -0.125rem; } .-top-1 { top: -0.25rem; } .-top-1\.5 { top: -0.375rem; } .-top-1\/2 { top: -50%; } .-top-1\/3 { top: -33.333333%; } .-top-10 { top: -2.5rem; } .-top-12 { top: -3rem; } .-top-2 { top: -0.5rem; } .-top-20 { top: -5rem; } .-top-3 { top: -0.75rem; } .-top-32 { top: -8rem; } .-top-4 { top: -1rem; } .-top-5 { top: -1.25rem; } .-top-6 { top: -1.5rem; } .-top-7 { top: -1.75rem; } .-top-8 { top: -2rem; } .bottom-0 { bottom: 0px; } .bottom-0\.5 { bottom: 0.125rem; } .bottom-1 { bottom: 0.25rem; } .bottom-1\/2 { bottom: 50%; } .bottom-14 { bottom: 3.5rem; } .bottom-16 { bottom: 4rem; } .bottom-2 { bottom: 0.5rem; } .bottom-20 { bottom: 5rem; } .bottom-24 { bottom: 6rem; } .bottom-3 { bottom: 0.75rem; } .bottom-3\.5 { bottom: 0.875rem; } .bottom-4 { bottom: 1rem; } .bottom-5 { bottom: 1.25rem; } .bottom-6 { bottom: 1.5rem; } .bottom-8 { bottom: 2rem; } .bottom-\[60px\] { bottom: 60px; } .end-1\/4 { inset-inline-end: 25%; } .end-2 { inset-inline-end: 0.5rem; } .end-4 { inset-inline-end: 1rem; } .left-0 { left: 0px; } .left-0\.5 { left: 0.125rem; } .left-1 { left: 0.25rem; } .left-1\.5 { left: 0.375rem; } .left-1\/2 { left: 50%; } .left-1\/3 { left: 33.333333%; } .left-1\/4 { left: 25%; } .left-10 { left: 2.5rem; } .left-2 { left: 0.5rem; } .left-2\.5 { left: 0.625rem; } .left-20 { left: 5rem; } .left-3 { left: 0.75rem; } .left-4 { left: 1rem; } .left-5 { left: 1.25rem; } .left-6 { left: 1.5rem; } .left-7 { left: 1.75rem; } .left-\[-10\%\] { left: -10%; } .left-\[10\%\] { left: 10%; } .left-\[25\%\] { left: 25%; } .left-\[27\%\] { left: 27%; } .left-\[28\%\] { left: 28%; } .left-\[45\%\] { left: 45%; } .left-\[50\%\] { left: 50%; } .right-0 { right: 0px; } .right-0\.5 { right: 0.125rem; } .right-1 { right: 0.25rem; } .right-1\.5 { right: 0.375rem; } .right-1\/4 { right: 25%; } .right-2 { right: 0.5rem; } .right-2\.5 { right: 0.625rem; } .right-20 { right: 5rem; } .right-3 { right: 0.75rem; } .right-3\.5 { right: 0.875rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .right-6 { right: 1.5rem; } .right-8 { right: 2rem; } .right-\[11px\] { right: 11px; } .right-\[15\%\] { right: 15%; } .right-\[19px\] { right: 19px; } .right-\[20\%\] { right: 20%; } .right-\[22\%\] { right: 22%; } .right-\[23\%\] { right: 23%; } .start-2 { inset-inline-start: 0.5rem; } .start-3 { inset-inline-start: 0.75rem; } .start-4 { inset-inline-start: 1rem; } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1 { top: 0.25rem; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-1\/4 { top: 25%; } .top-10 { top: 2.5rem; } .top-12 { top: 3rem; } .top-2 { top: 0.5rem; } .top-2\.5 { top: 0.625rem; } .top-20 { top: 5rem; } .top-24 { top: 6rem; } .top-3 { top: 0.75rem; } .top-3\.5 { top: 0.875rem; } .top-32 { top: 8rem; } .top-4 { top: 1rem; } .top-5 { top: 1.25rem; } .top-6 { top: 1.5rem; } .top-8 { top: 2rem; } .top-\[-20\%\] { top: -20%; } .top-\[1px\] { top: 1px; } .top-\[30\%\] { top: 30%; } .top-\[50\%\] { top: 50%; } .top-\[52px\] { top: 52px; } .top-\[60\%\] { top: 60%; } .top-\[60px\] { top: 60px; } .top-\[73px\] { top: 73px; } .top-auto { top: auto; } .top-full { top: 100%; } .isolate { isolation: isolate; } .-z-10 { z-index: -10; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[100\] { z-index: 100; } .z-\[105\] { z-index: 105; } .z-\[110\] { z-index: 110; } .z-\[120\] { z-index: 120; } .z-\[121\] { z-index: 121; } .z-\[125\] { z-index: 125; } .z-\[126\] { z-index: 126; } .z-\[130\] { z-index: 130; } .z-\[150\] { z-index: 150; } .z-\[1\] { z-index: 1; } .z-\[200\] { z-index: 200; } .z-\[55\] { z-index: 55; } .z-\[5\] { z-index: 5; } .z-\[60\] { z-index: 60; } .z-\[61\] { z-index: 61; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-first { order: -9999; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-full { grid-column: 1 / -1; } .row-span-2 { grid-row: span 2 / span 2; } .-m-2 { margin: -0.5rem; } .m-0 { margin: 0px; } .m-2 { margin: 0.5rem; } .m-3 { margin: 0.75rem; } .-mx-0 { margin-left: -0px; margin-right: -0px; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .-mx-1\.5 { margin-left: -0.375rem; margin-right: -0.375rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .-mx-2\.5 { margin-left: -0.625rem; margin-right: -0.625rem; } .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .-my-4 { margin-top: -1rem; margin-bottom: -1rem; } .mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-1\.5 { margin-left: 0.375rem; margin-right: 0.375rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .\!mt-0 { margin-top: 0px !important; } .-mb-\[1px\] { margin-bottom: -1px; } .-ml-4 { margin-left: -1rem; } .-mr-1 { margin-right: -0.25rem; } .-mr-2 { margin-right: -0.5rem; } .-mt-1 { margin-top: -0.25rem; } .-mt-2 { margin-top: -0.5rem; } .-mt-4 { margin-top: -1rem; } .-mt-6 { margin-top: -1.5rem; } .-mt-8 { margin-top: -2rem; } .mb-0 { margin-bottom: 0px; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-14 { margin-bottom: 3.5rem; } .mb-16 { margin-bottom: 4rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-2\.5 { margin-bottom: 0.625rem; } .mb-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-9 { margin-bottom: 2.25rem; } .me-0\.5 { margin-inline-end: 0.125rem; } .me-1 { margin-inline-end: 0.25rem; } .me-2 { margin-inline-end: 0.5rem; } .me-4 { margin-inline-end: 1rem; } .ml-0 { margin-left: 0px; } .ml-0\.5 { margin-left: 0.125rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-2 { margin-left: 0.5rem; } .ml-auto { margin-left: auto; } .mr-0 { margin-right: 0px; } .mr-0\.5 { margin-right: 0.125rem; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-14 { margin-right: 3.5rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mr-6 { margin-right: 1.5rem; } .mr-7 { margin-right: 1.75rem; } .mr-8 { margin-right: 2rem; } .mr-9 { margin-right: 2.25rem; } .mr-\[-18px\] { margin-right: -18px; } .mr-\[-2px\] { margin-right: -2px; } .mr-\[60px\] { margin-right: 60px; } .mr-auto { margin-right: auto; } .ms-0\.5 { margin-inline-start: 0.125rem; } .ms-1 { margin-inline-start: 0.25rem; } .ms-1\.5 { margin-inline-start: 0.375rem; } .ms-11 { margin-inline-start: 2.75rem; } .ms-2 { margin-inline-start: 0.5rem; } .ms-5 { margin-inline-start: 1.25rem; } .ms-7 { margin-inline-start: 1.75rem; } .ms-8 { margin-inline-start: 2rem; } .ms-9 { margin-inline-start: 2.25rem; } .ms-auto { margin-inline-start: auto; } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-14 { margin-top: 3.5rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-20 { margin-top: 5rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .mt-\[-18px\] { margin-top: -18px; } .mt-\[-1px\] { margin-top: -1px; } .mt-\[-20px\] { margin-top: -20px; } .mt-auto { margin-top: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .\!table { display: table !important; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .list-item { display: list-item; } .hidden { display: none; } .aspect-\[16\/10\] { aspect-ratio: 16/10; } .aspect-\[16\/8\] { aspect-ratio: 16/8; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-\[9\/16\] { aspect-ratio: 9/16; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .size-4 { width: 1rem; height: 1rem; } .h-0\.5 { height: 0.125rem; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .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-28 { height: 7rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-3\/5 { height: 60%; } .h-32 { height: 8rem; } .h-36 { height: 9rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-44 { height: 11rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-52 { height: 13rem; } .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-96 { height: 24rem; } .h-\[1\.5px\] { height: 1.5px; } .h-\[100dvh\] { height: 100dvh; } .h-\[10px\] { height: 10px; } .h-\[120px\] { height: 120px; } .h-\[130px\] { height: 130px; } .h-\[140px\] { height: 140px; } .h-\[160px\] { height: 160px; } .h-\[16px\] { height: 16px; } .h-\[180px\] { height: 180px; } .h-\[18px\] { height: 18px; } .h-\[1px\] { height: 1px; } .h-\[200px\] { height: 200px; } .h-\[220px\] { height: 220px; } .h-\[22px\] { height: 22px; } .h-\[250px\] { height: 250px; } .h-\[26px\] { height: 26px; } .h-\[280px\] { height: 280px; } .h-\[28px\] { height: 28px; } .h-\[2px\] { height: 2px; } .h-\[300px\] { height: 300px; } .h-\[320px\] { height: 320px; } .h-\[32vh\] { height: 32vh; } .h-\[340px\] { height: 340px; } .h-\[34vh\] { height: 34vh; } .h-\[350px\] { height: 350px; } .h-\[36px\] { height: 36px; } .h-\[3px\] { height: 3px; } .h-\[400px\] { height: 400px; } .h-\[40px\] { height: 40px; } .h-\[420px\] { height: 420px; } .h-\[440px\] { height: 440px; } .h-\[44px\] { height: 44px; } .h-\[450px\] { height: 450px; } .h-\[480px\] { height: 480px; } .h-\[500px\] { height: 500px; } .h-\[50vh\] { height: 50vh; } .h-\[52px\] { height: 52px; } .h-\[55vh\] { height: 55vh; } .h-\[56px\] { height: 56px; } .h-\[600px\] { height: 600px; } .h-\[60dvh\] { height: 60dvh; } .h-\[60vh\] { height: 60vh; } .h-\[65vh\] { height: 65vh; } .h-\[6px\] { height: 6px; } .h-\[72px\] { height: 72px; } .h-\[78px\] { height: 78px; } .h-\[793px\] { height: 793px; } .h-\[7px\] { height: 7px; } .h-\[80vh\] { height: 80vh; } .h-\[85vh\] { height: 85vh; } .h-\[90vh\] { height: 90vh; } .h-\[92dvh\] { height: 92dvh; } .h-\[96px\] { height: 96px; } .h-\[calc\(100\%-24px\)\] { height: calc(100% - 24px); } .h-\[calc\(100\%-36px\)\] { height: calc(100% - 36px); } .h-\[calc\(100\%-41px\)\] { height: calc(100% - 41px); } .h-\[calc\(100\%-44px\)\] { height: calc(100% - 44px); } .h-\[calc\(100vh-260px\)\] { height: calc(100vh - 260px); } .h-\[calc\(100vh-280px\)\] { height: calc(100vh - 280px); } .h-\[calc\(100vh-3\.5rem\)\] { height: calc(100vh - 3.5rem); } .h-\[calc\(100vh-4rem\)\] { height: calc(100vh - 4rem); } .h-\[calc\(100vh-56px\)\] { height: calc(100vh - 56px); } .h-\[calc\(100vh-60px\)\] { height: calc(100vh - 60px); } .h-\[calc\(100vh-64px\)\] { height: calc(100vh - 64px); } .h-\[calc\(100vh-73px\)\] { height: calc(100vh - 73px); } .h-\[calc\(60vh-80px\)\] { height: calc(60vh - 80px); } .h-\[calc\(95vh-80px\)\] { height: calc(95vh - 80px); } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-avatar-lg { height: 48px; } .h-avatar-md { height: 40px; } .h-avatar-sm { height: 32px; } .h-avatar-xl { height: 64px; } .h-avatar-xs { height: 24px; } .h-btn-lg { height: 48px; } .h-btn-md { height: 40px; } .h-btn-sm { height: 32px; } .h-btn-xl { height: 56px; } .h-btn-xs { height: 28px; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-header-desktop { height: 64px; } .h-header-mobile { height: 48px; } .h-icon-lg { height: 32px; } .h-icon-md { height: 24px; } .h-icon-sm { height: 20px; } .h-icon-xl { height: 40px; } .h-icon-xs { height: 16px; } .h-input-lg { height: 48px; } .h-input-md { height: 40px; } .h-input-sm { height: 32px; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-0 { max-height: 0px; } .max-h-16 { max-height: 4rem; } .max-h-20 { max-height: 5rem; } .max-h-24 { max-height: 6rem; } .max-h-32 { max-height: 8rem; } .max-h-40 { max-height: 10rem; } .max-h-48 { max-height: 12rem; } .max-h-60 { max-height: 15rem; } .max-h-64 { max-height: 16rem; } .max-h-72 { max-height: 18rem; } .max-h-80 { max-height: 20rem; } .max-h-96 { max-height: 24rem; } .max-h-\[120px\] { max-height: 120px; } .max-h-\[150px\] { max-height: 150px; } .max-h-\[180px\] { max-height: 180px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[240px\] { max-height: 240px; } .max-h-\[250px\] { max-height: 250px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[350px\] { max-height: 350px; } .max-h-\[35vh\] { max-height: 35vh; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[450px\] { max-height: 450px; } .max-h-\[45vh\] { max-height: 45vh; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[520px\] { max-height: 520px; } .max-h-\[550px\] { max-height: 550px; } .max-h-\[55vh\] { max-height: 55vh; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[700px\] { max-height: 700px; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[75vh\] { max-height: 75vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85dvh\] { max-height: 85dvh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[95vh\] { max-height: 95vh; } .max-h-\[calc\(100vh-280px\)\] { max-height: calc(100vh - 280px); } .max-h-\[calc\(80vh-80px\)\] { max-height: calc(80vh - 80px); } .max-h-full { max-height: 100%; } .max-h-none { max-height: none; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: 0px; } .min-h-9 { min-height: 2.25rem; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[108px\] { min-height: 108px; } .min-h-\[112px\] { min-height: 112px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[122px\] { min-height: 122px; } .min-h-\[12px\] { min-height: 12px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[150px\] { min-height: 150px; } .min-h-\[2\.2em\] { min-height: 2.2em; } .min-h-\[2\.4em\] { min-height: 2.4em; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[20px\] { min-height: 20px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[24px\] { min-height: 24px; } .min-h-\[250px\] { min-height: 250px; } .min-h-\[260px\] { min-height: 260px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[350px\] { min-height: 350px; } .min-h-\[36px\] { min-height: 36px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[450px\] { min-height: 450px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[50px\] { min-height: 50px; } .min-h-\[52px\] { min-height: 52px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[85vh\] { min-height: 85vh; } .min-h-\[88px\] { min-height: 88px; } .min-h-\[96px\] { min-height: 96px; } .min-h-\[calc\(100vh-0px\)\] { min-height: calc(100vh - 0px); } .min-h-\[calc\(100vh-160px\)\] { min-height: calc(100vh - 160px); } .min-h-\[calc\(100vh-220px\)\] { min-height: calc(100vh - 220px); } .min-h-\[calc\(100vh-73px\)\] { min-height: calc(100vh - 73px); } .min-h-full { min-height: 100%; } .min-h-header-desktop { min-height: 64px; } .min-h-header-mobile { min-height: 48px; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .w-0 { width: 0px; } .w-0\.5 { width: 0.125rem; } .w-1 { width: 0.25rem; } .w-1\.5 { width: 0.375rem; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-1\/4 { width: 25%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-2\/3 { width: 66.666667%; } .w-2\/5 { width: 40%; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-3\/5 { width: 60%; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-52 { width: 13rem; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-60 { width: 15rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-96 { width: 24rem; } .w-\[--sidebar-width\] { width: var(--sidebar-width); } .w-\[100px\] { width: 100px; } .w-\[1100px\] { width: 1100px; } .w-\[110px\] { width: 110px; } .w-\[1122px\] { width: 1122px; } .w-\[120px\] { width: 120px; } .w-\[130px\] { width: 130px; } .w-\[140px\] { width: 140px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[170px\] { width: 170px; } .w-\[180px\] { width: 180px; } .w-\[18px\] { width: 18px; } .w-\[1px\] { width: 1px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[22px\] { width: 22px; } .w-\[240px\] { width: 240px; } .w-\[260px\] { width: 260px; } .w-\[2px\] { width: 2px; } .w-\[300px\] { width: 300px; } .w-\[320px\] { width: 320px; } .w-\[350px\] { width: 350px; } .w-\[360px\] { width: 360px; } .w-\[36px\] { width: 36px; } .w-\[380px\] { width: 380px; } .w-\[3px\] { width: 3px; } .w-\[400px\] { width: 400px; } .w-\[40px\] { width: 40px; } .w-\[44px\] { width: 44px; } .w-\[480px\] { width: 480px; } .w-\[4px\] { width: 4px; } .w-\[5\%\] { width: 5%; } .w-\[500px\] { width: 500px; } .w-\[50px\] { width: 50px; } .w-\[55\%\] { width: 55%; } .w-\[600px\] { width: 600px; } .w-\[60px\] { width: 60px; } .w-\[70px\] { width: 70px; } .w-\[72px\] { width: 72px; } .w-\[7px\] { width: 7px; } .w-\[80px\] { width: 80px; } .w-\[85\%\] { width: 85%; } .w-\[85px\] { width: 85px; } .w-\[90\%\] { width: 90%; } .w-\[90px\] { width: 90px; } .w-\[92vw\] { width: 92vw; } .w-\[95\%\] { width: 95%; } .w-\[95vw\] { width: 95vw; } .w-\[calc\(100vw-2rem\)\] { width: calc(100vw - 2rem); } .w-auto { width: auto; } .w-avatar-lg { width: 48px; } .w-avatar-md { width: 40px; } .w-avatar-sm { width: 32px; } .w-avatar-xl { width: 64px; } .w-avatar-xs { width: 24px; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-icon-lg { width: 32px; } .w-icon-md { width: 24px; } .w-icon-sm { width: 20px; } .w-icon-xl { width: 40px; } .w-icon-xs { width: 16px; } .w-max { width: -moz-max-content; width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-32 { min-width: 8rem; } .min-w-48 { min-width: 12rem; } .min-w-5 { min-width: 1.25rem; } .min-w-\[1\.5rem\] { min-width: 1.5rem; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[110px\] { min-width: 110px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[130px\] { min-width: 130px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[20px\] { min-width: 20px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[22px\] { min-width: 22px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[24px\] { min-width: 24px; } .min-w-\[250px\] { min-width: 250px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[32px\] { min-width: 32px; } .min-w-\[36px\] { min-width: 36px; } .min-w-\[3ch\] { min-width: 3ch; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[45px\] { min-width: 45px; } .min-w-\[52px\] { min-width: 52px; } .min-w-\[56px\] { min-width: 56px; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[72px\] { min-width: 72px; } .min-w-\[78px\] { min-width: 78px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[85px\] { min-width: 85px; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[90px\] { min-width: 90px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .min-w-max { min-width: -moz-max-content; min-width: max-content; } .max-w-16 { max-width: 4rem; } .max-w-24 { max-width: 6rem; } .max-w-28 { max-width: 7rem; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-5xl { max-width: 64rem; } .max-w-6xl { max-width: 72rem; } .max-w-7xl { max-width: 80rem; } .max-w-\[--skeleton-width\] { max-width: var(--skeleton-width); } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[1280px\] { max-width: 1280px; } .max-w-\[1320px\] { max-width: 1320px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[40px\] { max-width: 40px; } .max-w-\[50px\] { max-width: 50px; } .max-w-\[55\%\] { max-width: 55%; } .max-w-\[60px\] { max-width: 60px; } .max-w-\[65\%\] { max-width: 65%; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[82\%\] { max-width: 82%; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[90px\] { max-width: 90px; } .max-w-\[95\%\] { max-width: 95%; } .max-w-\[95vw\] { max-width: 95vw; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-max { max-width: -moz-max-content; max-width: max-content; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-0 { flex-basis: 0px; } .basis-full { flex-basis: 100%; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-bottom { transform-origin: bottom; } .origin-center { transform-origin: center; } .origin-left { transform-origin: left; } .origin-top { transform-origin: top; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-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)); } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-px { --tw-translate-x: -1px; 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 { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-2 { --tw-translate-y: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-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-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .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)); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-px { --tw-translate-x: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1\/2 { --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-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-2 { --tw-translate-y: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-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-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-1 { --tw-rotate: -1deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-2 { --tw-rotate: -2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-3 { --tw-rotate: -3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-2 { --tw-rotate: 2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-3 { --tw-rotate: 3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-6 { --tw-rotate: 6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[-1deg\] { --tw-rotate: -1deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[-45deg\] { --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[-5deg\] { --tw-rotate: -5deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[-90deg\] { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-skew-x-12 { --tw-skew-x: -12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-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)); } .scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-150 { --tw-scale-x: 1.5; --tw-scale-y: 1.5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[1\.01\] { --tw-scale-x: 1.01; --tw-scale-y: 1.01; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[1\.02\] { --tw-scale-x: 1.02; --tw-scale-y: 1.02; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[1\.2\] { --tw-scale-x: 1.2; --tw-scale-y: 1.2; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .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 bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes fade-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fade-in 0.25s ease-out; } .animate-none { animation: none; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes progress-fill { 0% { width: 0%; margin-right: 100%; } 50% { width: 60%; } 100% { width: 100%; margin-right: 0%; } } .animate-progress-fill { animation: progress-fill 2s ease-in-out infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes pulse-soft { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } .animate-pulse-soft { animation: pulse-soft 2s ease-in-out infinite; } @keyframes ripple { 0% { transform: scale(0); opacity: 0.5; } 100% { transform: scale(2.5); opacity: 0; } } .animate-ripple { animation: ripple 0.5s ease-out; } @keyframes scale-in { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } .animate-scale-in { animation: scale-in 0.2s ease-out; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .animate-shimmer { animation: shimmer 1.5s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } @keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } } .animate-wiggle { animation: wiggle 0.3s ease-in-out; } .cursor-cell { cursor: cell; } .cursor-col-resize { cursor: col-resize; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-help { cursor: help; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-se-resize { cursor: se-resize; } .cursor-wait { cursor: wait; } .touch-none { touch-action: none; } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize-none { resize: none; } .resize-y { resize: vertical; } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-start { scroll-snap-align: start; } .snap-center { scroll-snap-align: center; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, 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-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[160px_1fr\] { grid-template-columns: 160px 1fr; } .grid-cols-\[1fr_1fr_1\.2fr_100px_36px\] { grid-template-columns: 1fr 1fr 1.2fr 100px 36px; } .grid-cols-\[24px_1fr_80px_80px\] { grid-template-columns: 24px 1fr 80px 80px; } .grid-cols-\[24px_1fr_auto\] { grid-template-columns: 24px 1fr auto; } .grid-cols-\[60px_1fr_140px_60px\] { grid-template-columns: 60px 1fr 140px 60px; } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-12 { gap: 3rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-\[1px\] { gap: 1px; } .gap-\[2px\] { gap: 2px; } .gap-gap-lg { gap: 1rem; } .gap-gap-md { gap: 0.75rem; } .gap-gap-sm { gap: 0.5rem; } .gap-gap-xl { gap: 1.5rem; } .gap-gap-xs { gap: 0.25rem; } .gap-px { gap: 1px; } .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-4 { row-gap: 1rem; } .-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-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-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-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-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]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); } .space-y-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse)); } .space-y-14 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3.5rem * var(--tw-space-y-reverse)); } .space-y-16 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-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-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } .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-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(0px * var(--tw-divide-x-reverse)); border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); } .divide-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(2px * var(--tw-divide-x-reverse)); border-left-width: calc(2px * 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-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 1; } .divide-border > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border)); } .divide-border\/10 > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border) / 0.1); } .divide-border\/15 > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border) / 0.15); } .divide-border\/30 > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border) / 0.3); } .divide-border\/40 > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border) / 0.4); } .divide-border\/50 > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border) / 0.5); } .divide-muted\/30 > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--muted) / 0.3); } .divide-primary\/20 > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--primary) / 0.2); } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-visible { overflow-y: visible; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-y-contain { overscroll-behavior-y: contain; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-words { overflow-wrap: break-word; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[50\%\] { border-radius: 50%; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[Npx\] { border-radius: Npx; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-btn { border-radius: 0.5rem; } .rounded-btn-lg { border-radius: 0.75rem; } .rounded-card { border-radius: var(--card-radius); } .rounded-card-lg { border-radius: 1.25rem; } .rounded-card-sm { border-radius: var(--card-radius-sm); } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: 0.75rem; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .rounded-b-3xl { border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; } .rounded-b-\[14px\] { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } .rounded-b-\[18px\] { border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; } .rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; } .rounded-b-lg { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); } .rounded-b-md { border-bottom-right-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .rounded-b-sm { border-bottom-right-radius: calc(var(--radius) - 4px); border-bottom-left-radius: calc(var(--radius) - 4px); } .rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; } .rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } .rounded-r-sm { border-top-right-radius: calc(var(--radius) - 4px); border-bottom-right-radius: calc(var(--radius) - 4px); } .rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; } .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; } .rounded-t-\[10px\] { border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-\[14px\] { border-top-left-radius: 14px; border-top-right-radius: 14px; } .rounded-t-\[18px\] { border-top-left-radius: 18px; border-top-right-radius: 18px; } .rounded-t-\[20px\] { border-top-left-radius: 20px; border-top-right-radius: 20px; } .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; } .rounded-t-lg { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .rounded-t-md { border-top-left-radius: calc(var(--radius) - 2px); border-top-right-radius: calc(var(--radius) - 2px); } .rounded-t-sm { border-top-left-radius: calc(var(--radius) - 4px); border-top-right-radius: calc(var(--radius) - 4px); } .rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .rounded-bl-md { border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-bl-sm { border-bottom-left-radius: calc(var(--radius) - 4px); } .rounded-br-md { border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-br-sm { border-bottom-right-radius: calc(var(--radius) - 4px); } .rounded-tl-md { border-top-left-radius: calc(var(--radius) - 2px); } .rounded-tl-none { border-top-left-radius: 0px; } .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); } .rounded-tr-md { border-top-right-radius: calc(var(--radius) - 2px); } .rounded-tr-none { border-top-right-radius: 0px; } .rounded-tr-sm { border-top-right-radius: calc(var(--radius) - 4px); } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-8 { border-width: 8px; } .border-\[1\.5px\] { border-width: 1.5px; } .border-\[3px\] { border-width: 3px; } .border-x { border-left-width: 1px; border-right-width: 1px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-0 { border-bottom-width: 0px; } .border-b-2 { border-bottom-width: 2px; } .border-b-4 { border-bottom-width: 4px; } .border-e { border-inline-end-width: 1px; } .border-l { border-left-width: 1px; } .border-l-4 { border-left-width: 4px; } .border-r { border-right-width: 1px; } .border-r-0 { border-right-width: 0px; } .border-r-2 { border-right-width: 2px; } .border-r-4 { border-right-width: 4px; } .border-r-\[3px\] { border-right-width: 3px; } .border-s { border-inline-start-width: 1px; } .border-s-2 { border-inline-start-width: 2px; } .border-s-4 { border-inline-start-width: 4px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-t-2 { border-top-width: 2px; } .border-t-4 { border-top-width: 4px; } .border-t-\[3px\] { border-top-width: 3px; } .border-dashed { border-style: dashed; } .border-double { border-style: double; } .border-none { border-style: none; } .\!border-primary { border-color: hsl(var(--primary)) !important; } .border-\[\#22C55E\] { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-\[\#22C55E\]\/30 { border-color: rgb(34 197 94 / 0.3); } .border-\[\#2F5FD7\] { --tw-border-opacity: 1; border-color: rgb(47 95 215 / var(--tw-border-opacity, 1)); } .border-\[\#2F5FD7\]\/30 { border-color: rgb(47 95 215 / 0.3); } .border-\[\#7C3AED\]\/20 { border-color: rgb(124 58 237 / 0.2); } .border-\[\#D0D7E3\] { --tw-border-opacity: 1; border-color: rgb(208 215 227 / var(--tw-border-opacity, 1)); } .border-\[\#D1DAE6\] { --tw-border-opacity: 1; border-color: rgb(209 218 230 / var(--tw-border-opacity, 1)); } .border-\[\#D8DEE9\] { --tw-border-opacity: 1; border-color: rgb(216 222 233 / var(--tw-border-opacity, 1)); } .border-\[\#E2E8F0\] { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .border-\[\#E6EDF5\] { --tw-border-opacity: 1; border-color: rgb(230 237 245 / var(--tw-border-opacity, 1)); } .border-\[\#F1F5F9\] { --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); } .border-\[\#c0c0c0\] { --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); } .border-\[--color-border\] { border-color: var(--color-border); } .border-\[hsl\(216\2c 33\%\2c 93\%\)\] { --tw-border-opacity: 1; border-color: hsl(216 33% 93% / var(--tw-border-opacity, 1)); } .border-\[hsl\(var\(--accent-current\)\)\] { border-color: hsl(var(--accent-current)); } .border-\[hsl\(var\(--accent-current\)\/0\.2\)\] { border-color: hsl(var(--accent-current)/0.2); } .border-\[hsl\(var\(--accent-current\)\/0\.25\)\] { border-color: hsl(var(--accent-current)/0.25); } .border-\[hsl\(var\(--accent-current\)\/0\.40\)\] { border-color: hsl(var(--accent-current)/0.40); } .border-\[hsl\(var\(--sidebar-border\)\)\] { border-color: hsl(var(--sidebar-border)); } .border-\[hsl\(var\(--sidebar-border\)\)\]\/50 { border-color: hsl(var(--sidebar-border) / 0.5); } .border-\[rgba\(15\2c 23\2c 42\2c 0\.04\)\] { border-color: rgba(15,23,42,0.04); } .border-amber-100 { --tw-border-opacity: 1; border-color: rgb(254 243 199 / var(--tw-border-opacity, 1)); } .border-amber-100\/40 { border-color: rgb(254 243 199 / 0.4); } .border-amber-100\/50 { border-color: rgb(254 243 199 / 0.5); } .border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-200\/30 { border-color: rgb(253 230 138 / 0.3); } .border-amber-200\/40 { border-color: rgb(253 230 138 / 0.4); } .border-amber-200\/50 { border-color: rgb(253 230 138 / 0.5); } .border-amber-200\/60 { border-color: rgb(253 230 138 / 0.6); } .border-amber-300 { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .border-amber-300\/40 { border-color: rgb(252 211 77 / 0.4); } .border-amber-300\/50 { border-color: rgb(252 211 77 / 0.5); } .border-amber-300\/60 { border-color: rgb(252 211 77 / 0.6); } .border-amber-400 { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); } .border-amber-400\/30 { border-color: rgb(251 191 36 / 0.3); } .border-amber-400\/40 { border-color: rgb(251 191 36 / 0.4); } .border-amber-500 { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .border-amber-500\/10 { border-color: rgb(245 158 11 / 0.1); } .border-amber-500\/15 { border-color: rgb(245 158 11 / 0.15); } .border-amber-500\/20 { border-color: rgb(245 158 11 / 0.2); } .border-amber-500\/30 { border-color: rgb(245 158 11 / 0.3); } .border-amber-500\/40 { border-color: rgb(245 158 11 / 0.4); } .border-amber-500\/50 { border-color: rgb(245 158 11 / 0.5); } .border-amber-900\/30 { border-color: rgb(120 53 15 / 0.3); } .border-background { border-color: hsl(var(--background)); } .border-background\/10 { border-color: hsl(var(--background) / 0.1); } .border-blue-100 { --tw-border-opacity: 1; border-color: rgb(219 234 254 / var(--tw-border-opacity, 1)); } .border-blue-100\/40 { border-color: rgb(219 234 254 / 0.4); } .border-blue-100\/50 { border-color: rgb(219 234 254 / 0.5); } .border-blue-200 { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .border-blue-200\/50 { border-color: rgb(191 219 254 / 0.5); } .border-blue-200\/60 { border-color: rgb(191 219 254 / 0.6); } .border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .border-blue-400 { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); } .border-blue-400\/30 { border-color: rgb(96 165 250 / 0.3); } .border-blue-400\/40 { border-color: rgb(96 165 250 / 0.4); } .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-blue-500\/15 { border-color: rgb(59 130 246 / 0.15); } .border-blue-500\/20 { border-color: rgb(59 130 246 / 0.2); } .border-blue-500\/30 { border-color: rgb(59 130 246 / 0.3); } .border-blue-500\/40 { border-color: rgb(59 130 246 / 0.4); } .border-blue-500\/50 { border-color: rgb(59 130 246 / 0.5); } .border-blue-600 { --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .border-blue-700 { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity, 1)); } .border-blue-800 { --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); } .border-border { border-color: hsl(var(--border)); } .border-border\/10 { border-color: hsl(var(--border) / 0.1); } .border-border\/20 { border-color: hsl(var(--border) / 0.2); } .border-border\/30 { border-color: hsl(var(--border) / 0.3); } .border-border\/40 { border-color: hsl(var(--border) / 0.4); } .border-border\/5 { border-color: hsl(var(--border) / 0.05); } .border-border\/50 { border-color: hsl(var(--border) / 0.5); } .border-border\/60 { border-color: hsl(var(--border) / 0.6); } .border-border\/70 { border-color: hsl(var(--border) / 0.7); } .border-card { border-color: hsl(var(--card)); } .border-current { border-color: currentColor; } .border-cyan-200 { --tw-border-opacity: 1; border-color: rgb(165 243 252 / var(--tw-border-opacity, 1)); } .border-cyan-500 { --tw-border-opacity: 1; border-color: rgb(6 182 212 / var(--tw-border-opacity, 1)); } .border-cyan-500\/20 { border-color: rgb(6 182 212 / 0.2); } .border-destructive { border-color: hsl(var(--destructive)); } .border-destructive\/20 { border-color: hsl(var(--destructive) / 0.2); } .border-destructive\/30 { border-color: hsl(var(--destructive) / 0.3); } .border-destructive\/40 { border-color: hsl(var(--destructive) / 0.4); } .border-destructive\/50 { border-color: hsl(var(--destructive) / 0.5); } .border-emerald-100 { --tw-border-opacity: 1; border-color: rgb(209 250 229 / var(--tw-border-opacity, 1)); } .border-emerald-100\/40 { border-color: rgb(209 250 229 / 0.4); } .border-emerald-100\/50 { border-color: rgb(209 250 229 / 0.5); } .border-emerald-200 { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .border-emerald-200\/30 { border-color: rgb(167 243 208 / 0.3); } .border-emerald-200\/50 { border-color: rgb(167 243 208 / 0.5); } .border-emerald-200\/60 { border-color: rgb(167 243 208 / 0.6); } .border-emerald-300 { --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); } .border-emerald-300\/30 { border-color: rgb(110 231 183 / 0.3); } .border-emerald-400 { --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .border-emerald-400\/30 { border-color: rgb(52 211 153 / 0.3); } .border-emerald-400\/40 { border-color: rgb(52 211 153 / 0.4); } .border-emerald-500 { --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .border-emerald-500\/15 { border-color: rgb(16 185 129 / 0.15); } .border-emerald-500\/20 { border-color: rgb(16 185 129 / 0.2); } .border-emerald-500\/30 { border-color: rgb(16 185 129 / 0.3); } .border-emerald-500\/40 { border-color: rgb(16 185 129 / 0.4); } .border-emerald-500\/50 { border-color: rgb(16 185 129 / 0.5); } .border-emerald-600 { --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); } .border-foreground { border-color: hsl(var(--foreground)); } .border-foreground\/10 { border-color: hsl(var(--foreground) / 0.1); } .border-foreground\/20 { border-color: hsl(var(--foreground) / 0.2); } .border-gold\/15 { border-color: hsl(var(--gold) / 0.15); } .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\/20 { border-color: rgb(107 114 128 / 0.2); } .border-green-100 { --tw-border-opacity: 1; border-color: rgb(220 252 231 / var(--tw-border-opacity, 1)); } .border-green-100\/50 { border-color: rgb(220 252 231 / 0.5); } .border-green-200 { --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .border-green-200\/50 { border-color: rgb(187 247 208 / 0.5); } .border-green-200\/60 { border-color: rgb(187 247 208 / 0.6); } .border-green-300 { --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); } .border-green-400 { --tw-border-opacity: 1; border-color: rgb(74 222 128 / var(--tw-border-opacity, 1)); } .border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-green-500\/20 { border-color: rgb(34 197 94 / 0.2); } .border-green-500\/30 { border-color: rgb(34 197 94 / 0.3); } .border-green-500\/40 { border-color: rgb(34 197 94 / 0.4); } .border-green-500\/50 { border-color: rgb(34 197 94 / 0.5); } .border-indigo-200 { --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity, 1)); } .border-indigo-500 { --tw-border-opacity: 1; border-color: rgb(99 102 241 / var(--tw-border-opacity, 1)); } .border-indigo-500\/20 { border-color: rgb(99 102 241 / 0.2); } .border-indigo-500\/30 { border-color: rgb(99 102 241 / 0.3); } .border-info { border-color: hsl(var(--info)); } .border-info\/15 { border-color: hsl(var(--info) / 0.15); } .border-info\/20 { border-color: hsl(var(--info) / 0.2); } .border-info\/30 { border-color: hsl(var(--info) / 0.3); } .border-input { border-color: hsl(var(--input)); } .border-muted { border-color: hsl(var(--muted)); } .border-muted-foreground { border-color: hsl(var(--muted-foreground)); } .border-muted-foreground\/20 { border-color: hsl(var(--muted-foreground) / 0.2); } .border-muted-foreground\/25 { border-color: hsl(var(--muted-foreground) / 0.25); } .border-muted-foreground\/30 { border-color: hsl(var(--muted-foreground) / 0.3); } .border-muted-foreground\/50 { border-color: hsl(var(--muted-foreground) / 0.5); } .border-muted\/60 { border-color: hsl(var(--muted) / 0.6); } .border-orange-200 { --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); } .border-orange-200\/50 { border-color: rgb(254 215 170 / 0.5); } .border-orange-300 { --tw-border-opacity: 1; border-color: rgb(253 186 116 / var(--tw-border-opacity, 1)); } .border-orange-400 { --tw-border-opacity: 1; border-color: rgb(251 146 60 / var(--tw-border-opacity, 1)); } .border-orange-500 { --tw-border-opacity: 1; border-color: rgb(249 115 22 / var(--tw-border-opacity, 1)); } .border-orange-500\/20 { border-color: rgb(249 115 22 / 0.2); } .border-orange-500\/30 { border-color: rgb(249 115 22 / 0.3); } .border-orange-500\/40 { border-color: rgb(249 115 22 / 0.4); } .border-orange-500\/50 { border-color: rgb(249 115 22 / 0.5); } .border-orange-700 { --tw-border-opacity: 1; border-color: rgb(194 65 12 / var(--tw-border-opacity, 1)); } .border-pink-200 { --tw-border-opacity: 1; border-color: rgb(251 207 232 / var(--tw-border-opacity, 1)); } .border-pink-200\/50 { border-color: rgb(251 207 232 / 0.5); } .border-pink-500 { --tw-border-opacity: 1; border-color: rgb(236 72 153 / var(--tw-border-opacity, 1)); } .border-pink-500\/20 { border-color: rgb(236 72 153 / 0.2); } .border-pink-500\/30 { border-color: rgb(236 72 153 / 0.3); } .border-primary { border-color: hsl(var(--primary)); } .border-primary-foreground\/20 { border-color: hsl(var(--primary-foreground) / 0.2); } .border-primary-foreground\/30 { border-color: hsl(var(--primary-foreground) / 0.3); } .border-primary\/10 { border-color: hsl(var(--primary) / 0.1); } .border-primary\/15 { border-color: hsl(var(--primary) / 0.15); } .border-primary\/20 { border-color: hsl(var(--primary) / 0.2); } .border-primary\/25 { border-color: hsl(var(--primary) / 0.25); } .border-primary\/30 { border-color: hsl(var(--primary) / 0.3); } .border-primary\/40 { border-color: hsl(var(--primary) / 0.4); } .border-primary\/50 { border-color: hsl(var(--primary) / 0.5); } .border-primary\/60 { border-color: hsl(var(--primary) / 0.6); } .border-purple-100 { --tw-border-opacity: 1; border-color: rgb(243 232 255 / var(--tw-border-opacity, 1)); } .border-purple-100\/50 { border-color: rgb(243 232 255 / 0.5); } .border-purple-200 { --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); } .border-purple-200\/50 { border-color: rgb(233 213 255 / 0.5); } .border-purple-200\/60 { border-color: rgb(233 213 255 / 0.6); } .border-purple-300 { --tw-border-opacity: 1; border-color: rgb(216 180 254 / var(--tw-border-opacity, 1)); } .border-purple-400 { --tw-border-opacity: 1; border-color: rgb(192 132 252 / var(--tw-border-opacity, 1)); } .border-purple-400\/30 { border-color: rgb(192 132 252 / 0.3); } .border-purple-500 { --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .border-purple-500\/10 { border-color: rgb(168 85 247 / 0.1); } .border-purple-500\/15 { border-color: rgb(168 85 247 / 0.15); } .border-purple-500\/20 { border-color: rgb(168 85 247 / 0.2); } .border-purple-500\/30 { border-color: rgb(168 85 247 / 0.3); } .border-purple-500\/40 { border-color: rgb(168 85 247 / 0.4); } .border-purple-500\/50 { border-color: rgb(168 85 247 / 0.5); } .border-purple-600 { --tw-border-opacity: 1; border-color: rgb(147 51 234 / var(--tw-border-opacity, 1)); } .border-red-100 { --tw-border-opacity: 1; border-color: rgb(254 226 226 / var(--tw-border-opacity, 1)); } .border-red-200 { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); } .border-red-200\/50 { border-color: rgb(254 202 202 / 0.5); } .border-red-300 { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .border-red-400 { --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-red-500\/20 { border-color: rgb(239 68 68 / 0.2); } .border-red-500\/30 { border-color: rgb(239 68 68 / 0.3); } .border-red-500\/40 { border-color: rgb(239 68 68 / 0.4); } .border-red-500\/50 { border-color: rgb(239 68 68 / 0.5); } .border-rose-200 { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .border-rose-200\/50 { border-color: rgb(254 205 211 / 0.5); } .border-rose-200\/60 { border-color: rgb(254 205 211 / 0.6); } .border-rose-300 { --tw-border-opacity: 1; border-color: rgb(253 164 175 / var(--tw-border-opacity, 1)); } .border-rose-400\/40 { border-color: rgb(251 113 133 / 0.4); } .border-rose-500 { --tw-border-opacity: 1; border-color: rgb(244 63 94 / var(--tw-border-opacity, 1)); } .border-rose-500\/15 { border-color: rgb(244 63 94 / 0.15); } .border-rose-500\/20 { border-color: rgb(244 63 94 / 0.2); } .border-rose-500\/30 { border-color: rgb(244 63 94 / 0.3); } .border-rose-500\/50 { border-color: rgb(244 63 94 / 0.5); } .border-sidebar-border { border-color: hsl(var(--sidebar-border)); } .border-simulation-card { border-color: hsl(var(--simulation-card)); } .border-simulation-text\/10 { border-color: hsl(var(--simulation-text) / 0.1); } .border-sky-100 { --tw-border-opacity: 1; border-color: rgb(224 242 254 / var(--tw-border-opacity, 1)); } .border-sky-200 { --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); } .border-sky-200\/50 { border-color: rgb(186 230 253 / 0.5); } .border-sky-300 { --tw-border-opacity: 1; border-color: rgb(125 211 252 / var(--tw-border-opacity, 1)); } .border-sky-500\/20 { border-color: rgb(14 165 233 / 0.2); } .border-sky-500\/30 { border-color: rgb(14 165 233 / 0.3); } .border-slate-100 { --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); } .border-slate-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .border-slate-200\/50 { border-color: rgb(226 232 240 / 0.5); } .border-slate-200\/60 { border-color: rgb(226 232 240 / 0.6); } .border-slate-200\/70 { border-color: rgb(226 232 240 / 0.7); } .border-slate-200\/80 { border-color: rgb(226 232 240 / 0.8); } .border-slate-300 { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .border-slate-400 { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .border-slate-400\/40 { border-color: rgb(148 163 184 / 0.4); } .border-slate-50 { --tw-border-opacity: 1; border-color: rgb(248 250 252 / var(--tw-border-opacity, 1)); } .border-slate-500 { --tw-border-opacity: 1; border-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); } .border-slate-500\/20 { border-color: rgb(100 116 139 / 0.2); } .border-slate-500\/30 { border-color: rgb(100 116 139 / 0.3); } .border-slate-500\/40 { border-color: rgb(100 116 139 / 0.4); } .border-slate-700 { --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .border-slate-700\/40 { border-color: rgb(51 65 85 / 0.4); } .border-slate-700\/50 { border-color: rgb(51 65 85 / 0.5); } .border-slate-700\/60 { border-color: rgb(51 65 85 / 0.6); } .border-slate-700\/70 { border-color: rgb(51 65 85 / 0.7); } .border-slate-800 { --tw-border-opacity: 1; border-color: rgb(30 41 59 / var(--tw-border-opacity, 1)); } .border-stone-100 { --tw-border-opacity: 1; border-color: rgb(245 245 244 / var(--tw-border-opacity, 1)); } .border-success { border-color: hsl(var(--success)); } .border-success\/15 { border-color: hsl(var(--success) / 0.15); } .border-success\/20 { border-color: hsl(var(--success) / 0.2); } .border-success\/30 { border-color: hsl(var(--success) / 0.3); } .border-success\/40 { border-color: hsl(var(--success) / 0.4); } .border-success\/50 { border-color: hsl(var(--success) / 0.5); } .border-teal-200 { --tw-border-opacity: 1; border-color: rgb(153 246 228 / var(--tw-border-opacity, 1)); } .border-teal-200\/50 { border-color: rgb(153 246 228 / 0.5); } .border-teal-500 { --tw-border-opacity: 1; border-color: rgb(20 184 166 / var(--tw-border-opacity, 1)); } .border-teal-500\/20 { border-color: rgb(20 184 166 / 0.2); } .border-transparent { border-color: transparent; } .border-violet-100 { --tw-border-opacity: 1; border-color: rgb(237 233 254 / var(--tw-border-opacity, 1)); } .border-violet-200 { --tw-border-opacity: 1; border-color: rgb(221 214 254 / var(--tw-border-opacity, 1)); } .border-violet-200\/60 { border-color: rgb(221 214 254 / 0.6); } .border-violet-400\/30 { border-color: rgb(167 139 250 / 0.3); } .border-violet-500\/20 { border-color: rgb(139 92 246 / 0.2); } .border-violet-500\/30 { border-color: rgb(139 92 246 / 0.3); } .border-violet-500\/40 { border-color: rgb(139 92 246 / 0.4); } .border-violet-700\/30 { border-color: rgb(109 40 217 / 0.3); } .border-warning { border-color: hsl(var(--warning)); } .border-warning\/15 { border-color: hsl(var(--warning) / 0.15); } .border-warning\/20 { border-color: hsl(var(--warning) / 0.2); } .border-warning\/30 { border-color: hsl(var(--warning) / 0.3); } .border-warning\/40 { border-color: hsl(var(--warning) / 0.4); } .border-warning\/50 { border-color: hsl(var(--warning) / 0.5); } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/10 { border-color: rgb(255 255 255 / 0.1); } .border-white\/15 { border-color: rgb(255 255 255 / 0.15); } .border-white\/20 { border-color: rgb(255 255 255 / 0.2); } .border-white\/25 { border-color: rgb(255 255 255 / 0.25); } .border-white\/30 { border-color: rgb(255 255 255 / 0.3); } .border-white\/40 { border-color: rgb(255 255 255 / 0.4); } .border-yellow-200 { --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } .border-yellow-200\/50 { border-color: rgb(254 240 138 / 0.5); } .border-yellow-300 { --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity, 1)); } .border-yellow-400 { --tw-border-opacity: 1; border-color: rgb(250 204 21 / var(--tw-border-opacity, 1)); } .border-yellow-500 { --tw-border-opacity: 1; border-color: rgb(234 179 8 / var(--tw-border-opacity, 1)); } .border-yellow-500\/20 { border-color: rgb(234 179 8 / 0.2); } .border-yellow-500\/30 { border-color: rgb(234 179 8 / 0.3); } .border-yellow-500\/40 { border-color: rgb(234 179 8 / 0.4); } .border-yellow-500\/50 { border-color: rgb(234 179 8 / 0.5); } .border-l-amber-500 { --tw-border-opacity: 1; border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .border-l-blue-500 { --tw-border-opacity: 1; border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-l-cyan-500 { --tw-border-opacity: 1; border-left-color: rgb(6 182 212 / var(--tw-border-opacity, 1)); } .border-l-emerald-500 { --tw-border-opacity: 1; border-left-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .border-l-fuchsia-500 { --tw-border-opacity: 1; border-left-color: rgb(217 70 239 / var(--tw-border-opacity, 1)); } .border-l-gray-500 { --tw-border-opacity: 1; border-left-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .border-l-green-500 { --tw-border-opacity: 1; border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-l-indigo-500 { --tw-border-opacity: 1; border-left-color: rgb(99 102 241 / var(--tw-border-opacity, 1)); } .border-l-lime-500 { --tw-border-opacity: 1; border-left-color: rgb(132 204 22 / var(--tw-border-opacity, 1)); } .border-l-orange-500 { --tw-border-opacity: 1; border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1)); } .border-l-purple-500 { --tw-border-opacity: 1; border-left-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .border-l-red-500 { --tw-border-opacity: 1; border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-l-rose-500 { --tw-border-opacity: 1; border-left-color: rgb(244 63 94 / var(--tw-border-opacity, 1)); } .border-l-sky-500 { --tw-border-opacity: 1; border-left-color: rgb(14 165 233 / var(--tw-border-opacity, 1)); } .border-l-slate-500 { --tw-border-opacity: 1; border-left-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); } .border-l-teal-500 { --tw-border-opacity: 1; border-left-color: rgb(20 184 166 / var(--tw-border-opacity, 1)); } .border-l-transparent { border-left-color: transparent; } .border-l-yellow-500 { --tw-border-opacity: 1; border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1)); } .border-r-amber-500 { --tw-border-opacity: 1; border-right-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .border-r-blue-500 { --tw-border-opacity: 1; border-right-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-r-green-500 { --tw-border-opacity: 1; border-right-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-r-orange-500 { --tw-border-opacity: 1; border-right-color: rgb(249 115 22 / var(--tw-border-opacity, 1)); } .border-r-pink-500 { --tw-border-opacity: 1; border-right-color: rgb(236 72 153 / var(--tw-border-opacity, 1)); } .border-r-primary { border-right-color: hsl(var(--primary)); } .border-r-purple-500 { --tw-border-opacity: 1; border-right-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .border-r-red-400 { --tw-border-opacity: 1; border-right-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); } .border-r-red-500 { --tw-border-opacity: 1; border-right-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-r-teal-500 { --tw-border-opacity: 1; border-right-color: rgb(20 184 166 / var(--tw-border-opacity, 1)); } .border-r-violet-500 { --tw-border-opacity: 1; border-right-color: rgb(139 92 246 / var(--tw-border-opacity, 1)); } .border-s-green-500 { --tw-border-opacity: 1; border-inline-start-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-s-red-500 { --tw-border-opacity: 1; border-inline-start-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-s-yellow-500 { --tw-border-opacity: 1; border-inline-start-color: rgb(234 179 8 / var(--tw-border-opacity, 1)); } .border-t-amber-400 { --tw-border-opacity: 1; border-top-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); } .border-t-amber-500 { --tw-border-opacity: 1; border-top-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .border-t-blue-400 { --tw-border-opacity: 1; border-top-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); } .border-t-blue-500 { --tw-border-opacity: 1; border-top-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-t-blue-600 { --tw-border-opacity: 1; border-top-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .border-t-destructive { border-top-color: hsl(var(--destructive)); } .border-t-emerald-400 { --tw-border-opacity: 1; border-top-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .border-t-emerald-500 { --tw-border-opacity: 1; border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .border-t-green-500 { --tw-border-opacity: 1; border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-t-indigo-400 { --tw-border-opacity: 1; border-top-color: rgb(129 140 248 / var(--tw-border-opacity, 1)); } .border-t-indigo-500 { --tw-border-opacity: 1; border-top-color: rgb(99 102 241 / var(--tw-border-opacity, 1)); } .border-t-orange-500 { --tw-border-opacity: 1; border-top-color: rgb(249 115 22 / var(--tw-border-opacity, 1)); } .border-t-primary { border-top-color: hsl(var(--primary)); } .border-t-primary-foreground { border-top-color: hsl(var(--primary-foreground)); } .border-t-purple-500 { --tw-border-opacity: 1; border-top-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .border-t-red-500 { --tw-border-opacity: 1; border-top-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-t-rose-500 { --tw-border-opacity: 1; border-top-color: rgb(244 63 94 / var(--tw-border-opacity, 1)); } .border-t-sky-500 { --tw-border-opacity: 1; border-top-color: rgb(14 165 233 / var(--tw-border-opacity, 1)); } .border-t-slate-400 { --tw-border-opacity: 1; border-top-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .border-t-slate-500 { --tw-border-opacity: 1; border-top-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); } .border-t-transparent { border-top-color: transparent; } .border-t-violet-500 { --tw-border-opacity: 1; border-top-color: rgb(139 92 246 / var(--tw-border-opacity, 1)); } .bg-\[\#075E54\] { --tw-bg-opacity: 1; background-color: rgb(7 94 84 / var(--tw-bg-opacity, 1)); } .bg-\[\#0d3b2e\]\/10 { background-color: rgb(13 59 46 / 0.1); } .bg-\[\#14B8A6\] { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1)); } .bg-\[\#14B8A6\]\/10 { background-color: rgb(20 184 166 / 0.1); } .bg-\[\#1e3a5f\]\/10 { background-color: rgb(30 58 95 / 0.1); } .bg-\[\#22C55E\] { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-\[\#22C55E\]\/10 { background-color: rgb(34 197 94 / 0.1); } .bg-\[\#22C55E\]\/5 { background-color: rgb(34 197 94 / 0.05); } .bg-\[\#22C55E\]\/\[0\.02\] { background-color: rgb(34 197 94 / 0.02); } .bg-\[\#2563eb\] { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-\[\#25D366\] { --tw-bg-opacity: 1; background-color: rgb(37 211 102 / var(--tw-bg-opacity, 1)); } .bg-\[\#2F5FD7\] { --tw-bg-opacity: 1; background-color: rgb(47 95 215 / var(--tw-bg-opacity, 1)); } .bg-\[\#2F5FD7\]\/10 { background-color: rgb(47 95 215 / 0.1); } .bg-\[\#2F5FD7\]\/20 { background-color: rgb(47 95 215 / 0.2); } .bg-\[\#2F5FD7\]\/5 { background-color: rgb(47 95 215 / 0.05); } .bg-\[\#7A8292\] { --tw-bg-opacity: 1; background-color: rgb(122 130 146 / var(--tw-bg-opacity, 1)); } .bg-\[\#7C3AED\] { --tw-bg-opacity: 1; background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1)); } .bg-\[\#7C3AED\]\/10 { background-color: rgb(124 58 237 / 0.1); } .bg-\[\#DCF8C6\] { --tw-bg-opacity: 1; background-color: rgb(220 248 198 / var(--tw-bg-opacity, 1)); } .bg-\[\#E2E8F0\] { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-\[\#E6EDF5\] { --tw-bg-opacity: 1; background-color: rgb(230 237 245 / var(--tw-bg-opacity, 1)); } .bg-\[\#ECE5DD\] { --tw-bg-opacity: 1; background-color: rgb(236 229 221 / var(--tw-bg-opacity, 1)); } .bg-\[\#EFF2F7\] { --tw-bg-opacity: 1; background-color: rgb(239 242 247 / var(--tw-bg-opacity, 1)); } .bg-\[\#F1F5F9\] { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-\[\#F1F5FB\] { --tw-bg-opacity: 1; background-color: rgb(241 245 251 / var(--tw-bg-opacity, 1)); } .bg-\[\#F3F6FB\] { --tw-bg-opacity: 1; background-color: rgb(243 246 251 / var(--tw-bg-opacity, 1)); } .bg-\[\#F3F6FB\]\/95 { background-color: rgb(243 246 251 / 0.95); } .bg-\[\#F8FAFC\] { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .bg-\[\#F8FAFD\] { --tw-bg-opacity: 1; background-color: rgb(248 250 253 / var(--tw-bg-opacity, 1)); } .bg-\[\#f3f3f3\] { --tw-bg-opacity: 1; background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1)); } .bg-\[\#xxxxxx\] { background-color: #xxxxxx; } .bg-\[--color-bg\] { background-color: var(--color-bg); } .bg-\[hsl\(142\2c 71\%\2c 45\%\)\] { --tw-bg-opacity: 1; background-color: hsl(142 71% 45% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(210\2c 25\%\2c 98\%\)\] { --tw-bg-opacity: 1; background-color: hsl(210 25% 98% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 15\%\2c 8\%\)\] { --tw-bg-opacity: 1; background-color: hsl(220 15% 8% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(var\(--accent-current\)\)\] { background-color: hsl(var(--accent-current)); } .bg-\[hsl\(var\(--accent-current\)\/0\.08\)\] { background-color: hsl(var(--accent-current)/0.08); } .bg-\[hsl\(var\(--accent-current\)\/0\.10\)\] { background-color: hsl(var(--accent-current)/0.10); } .bg-\[hsl\(var\(--accent-current\)\/0\.12\)\] { background-color: hsl(var(--accent-current)/0.12); } .bg-\[hsl\(var\(--accent-current\2c var\(--primary\)\)\)\] { background-color: hsl(var(--accent-current,var(--primary))); } .bg-\[hsl\(var\(--card\)\)\] { background-color: hsl(var(--card)); } .bg-\[hsl\(var\(--muted\)\)\]\/25 { background-color: hsl(var(--muted) / 0.25); } .bg-\[hsl\(var\(--page-bg\)\)\] { background-color: hsl(var(--page-bg)); } .bg-\[hsl\(var\(--page-bg\)\)\]\/95 { background-color: hsl(var(--page-bg) / 0.95); } .bg-\[hsl\(var\(--primary-dark\)\)\]\/50 { background-color: hsl(var(--primary-dark) / 0.5); } .bg-\[hsl\(var\(--primary-dark\)\)\]\/70 { background-color: hsl(var(--primary-dark) / 0.7); } .bg-\[hsl\(var\(--sidebar-accent\)\)\] { background-color: hsl(var(--sidebar-accent)); } .bg-\[hsl\(var\(--sidebar-accent\)\)\]\/50 { background-color: hsl(var(--sidebar-accent) / 0.5); } .bg-\[hsl\(var\(--sidebar-accent\)\)\]\/70 { background-color: hsl(var(--sidebar-accent) / 0.7); } .bg-\[hsl\(var\(--sidebar-background\)\)\] { background-color: hsl(var(--sidebar-background)); } .bg-\[hsl\(var\(--sidebar-border\)\)\] { background-color: hsl(var(--sidebar-border)); } .bg-accent { background-color: hsl(var(--accent)); } .bg-accent\/10 { background-color: hsl(var(--accent) / 0.1); } .bg-accent\/20 { background-color: hsl(var(--accent) / 0.2); } .bg-accent\/5 { background-color: hsl(var(--accent) / 0.05); } .bg-accent\/50 { background-color: hsl(var(--accent) / 0.5); } .bg-amber-100 { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-100\/50 { background-color: rgb(254 243 199 / 0.5); } .bg-amber-100\/60 { background-color: rgb(254 243 199 / 0.6); } .bg-amber-200 { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)); } .bg-amber-300 { --tw-bg-opacity: 1; background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1)); } .bg-amber-400 { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); } .bg-amber-400\/20 { background-color: rgb(251 191 36 / 0.2); } .bg-amber-400\/30 { background-color: rgb(251 191 36 / 0.3); } .bg-amber-400\/60 { background-color: rgb(251 191 36 / 0.6); } .bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-amber-50\/20 { background-color: rgb(255 251 235 / 0.2); } .bg-amber-50\/30 { background-color: rgb(255 251 235 / 0.3); } .bg-amber-50\/40 { background-color: rgb(255 251 235 / 0.4); } .bg-amber-50\/50 { background-color: rgb(255 251 235 / 0.5); } .bg-amber-50\/60 { background-color: rgb(255 251 235 / 0.6); } .bg-amber-50\/80 { background-color: rgb(255 251 235 / 0.8); } .bg-amber-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-amber-500\/10 { background-color: rgb(245 158 11 / 0.1); } .bg-amber-500\/15 { background-color: rgb(245 158 11 / 0.15); } .bg-amber-500\/20 { background-color: rgb(245 158 11 / 0.2); } .bg-amber-500\/25 { background-color: rgb(245 158 11 / 0.25); } .bg-amber-500\/30 { background-color: rgb(245 158 11 / 0.3); } .bg-amber-500\/5 { background-color: rgb(245 158 11 / 0.05); } .bg-amber-600 { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .bg-amber-900\/15 { background-color: rgb(120 53 15 / 0.15); } .bg-amber-900\/30 { background-color: rgb(120 53 15 / 0.3); } .bg-background { background-color: hsl(var(--background)); } .bg-background\/10 { background-color: hsl(var(--background) / 0.1); } .bg-background\/20 { background-color: hsl(var(--background) / 0.2); } .bg-background\/40 { background-color: hsl(var(--background) / 0.4); } .bg-background\/50 { background-color: hsl(var(--background) / 0.5); } .bg-background\/60 { background-color: hsl(var(--background) / 0.6); } .bg-background\/70 { background-color: hsl(var(--background) / 0.7); } .bg-background\/80 { background-color: hsl(var(--background) / 0.8); } .bg-background\/85 { background-color: hsl(var(--background) / 0.85); } .bg-background\/90 { background-color: hsl(var(--background) / 0.9); } .bg-background\/95 { background-color: hsl(var(--background) / 0.95); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/0 { background-color: rgb(0 0 0 / 0); } .bg-black\/10 { background-color: rgb(0 0 0 / 0.1); } .bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } .bg-black\/25 { background-color: rgb(0 0 0 / 0.25); } .bg-black\/30 { background-color: rgb(0 0 0 / 0.3); } .bg-black\/40 { background-color: rgb(0 0 0 / 0.4); } .bg-black\/5 { background-color: rgb(0 0 0 / 0.05); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-black\/60 { background-color: rgb(0 0 0 / 0.6); } .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } .bg-black\/80 { background-color: rgb(0 0 0 / 0.8); } .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-blue-100\/40 { background-color: rgb(219 234 254 / 0.4); } .bg-blue-100\/50 { background-color: rgb(219 234 254 / 0.5); } .bg-blue-200 { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1)); } .bg-blue-300 { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1)); } .bg-blue-400 { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); } .bg-blue-400\/20 { background-color: rgb(96 165 250 / 0.2); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-50\/30 { background-color: rgb(239 246 255 / 0.3); } .bg-blue-50\/40 { background-color: rgb(239 246 255 / 0.4); } .bg-blue-50\/50 { background-color: rgb(239 246 255 / 0.5); } .bg-blue-50\/60 { background-color: rgb(239 246 255 / 0.6); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-500\/10 { background-color: rgb(59 130 246 / 0.1); } .bg-blue-500\/15 { background-color: rgb(59 130 246 / 0.15); } .bg-blue-500\/20 { background-color: rgb(59 130 246 / 0.2); } .bg-blue-500\/30 { background-color: rgb(59 130 246 / 0.3); } .bg-blue-500\/40 { background-color: rgb(59 130 246 / 0.4); } .bg-blue-500\/5 { background-color: rgb(59 130 246 / 0.05); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-border { background-color: hsl(var(--border)); } .bg-border\/40 { background-color: hsl(var(--border) / 0.4); } .bg-border\/50 { background-color: hsl(var(--border) / 0.5); } .bg-card { background-color: hsl(var(--card)); } .bg-card\/30 { background-color: hsl(var(--card) / 0.3); } .bg-card\/40 { background-color: hsl(var(--card) / 0.4); } .bg-card\/50 { background-color: hsl(var(--card) / 0.5); } .bg-card\/60 { background-color: hsl(var(--card) / 0.6); } .bg-card\/80 { background-color: hsl(var(--card) / 0.8); } .bg-card\/95 { background-color: hsl(var(--card) / 0.95); } .bg-current { background-color: currentColor; } .bg-cyan-100 { --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); } .bg-cyan-100\/30 { background-color: rgb(207 250 254 / 0.3); } .bg-cyan-400\/10 { background-color: rgb(34 211 238 / 0.1); } .bg-cyan-400\/15 { background-color: rgb(34 211 238 / 0.15); } .bg-cyan-50 { --tw-bg-opacity: 1; background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1)); } .bg-cyan-50\/50 { background-color: rgb(236 254 255 / 0.5); } .bg-cyan-500 { --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)); } .bg-cyan-500\/10 { background-color: rgb(6 182 212 / 0.1); } .bg-cyan-500\/15 { background-color: rgb(6 182 212 / 0.15); } .bg-cyan-500\/20 { background-color: rgb(6 182 212 / 0.2); } .bg-cyan-500\/5 { background-color: rgb(6 182 212 / 0.05); } .bg-destructive { background-color: hsl(var(--destructive)); } .bg-destructive\/10 { background-color: hsl(var(--destructive) / 0.1); } .bg-destructive\/20 { background-color: hsl(var(--destructive) / 0.2); } .bg-destructive\/30 { background-color: hsl(var(--destructive) / 0.3); } .bg-destructive\/5 { background-color: hsl(var(--destructive) / 0.05); } .bg-destructive\/50 { background-color: hsl(var(--destructive) / 0.5); } .bg-destructive\/90 { background-color: hsl(var(--destructive) / 0.9); } .bg-destructive\/\[0\.03\] { background-color: hsl(var(--destructive) / 0.03); } .bg-emerald-100 { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .bg-emerald-100\/60 { background-color: rgb(209 250 229 / 0.6); } .bg-emerald-300 { --tw-bg-opacity: 1; background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1)); } .bg-emerald-400 { --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1)); } .bg-emerald-400\/10 { background-color: rgb(52 211 153 / 0.1); } .bg-emerald-400\/15 { background-color: rgb(52 211 153 / 0.15); } .bg-emerald-400\/20 { background-color: rgb(52 211 153 / 0.2); } .bg-emerald-400\/60 { background-color: rgb(52 211 153 / 0.6); } .bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-emerald-50\/20 { background-color: rgb(236 253 245 / 0.2); } .bg-emerald-50\/30 { background-color: rgb(236 253 245 / 0.3); } .bg-emerald-50\/40 { background-color: rgb(236 253 245 / 0.4); } .bg-emerald-50\/50 { background-color: rgb(236 253 245 / 0.5); } .bg-emerald-50\/60 { background-color: rgb(236 253 245 / 0.6); } .bg-emerald-50\/80 { background-color: rgb(236 253 245 / 0.8); } .bg-emerald-50\/90 { background-color: rgb(236 253 245 / 0.9); } .bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-emerald-500\/10 { background-color: rgb(16 185 129 / 0.1); } .bg-emerald-500\/15 { background-color: rgb(16 185 129 / 0.15); } .bg-emerald-500\/20 { background-color: rgb(16 185 129 / 0.2); } .bg-emerald-500\/25 { background-color: rgb(16 185 129 / 0.25); } .bg-emerald-500\/30 { background-color: rgb(16 185 129 / 0.3); } .bg-emerald-500\/40 { background-color: rgb(16 185 129 / 0.4); } .bg-emerald-500\/5 { background-color: rgb(16 185 129 / 0.05); } .bg-emerald-500\/90 { background-color: rgb(16 185 129 / 0.9); } .bg-emerald-500\/\[0\.04\] { background-color: rgb(16 185 129 / 0.04); } .bg-emerald-600 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .bg-foreground { background-color: hsl(var(--foreground)); } .bg-foreground\/10 { background-color: hsl(var(--foreground) / 0.1); } .bg-foreground\/20 { background-color: hsl(var(--foreground) / 0.2); } .bg-foreground\/30 { background-color: hsl(var(--foreground) / 0.3); } .bg-foreground\/5 { background-color: hsl(var(--foreground) / 0.05); } .bg-foreground\/70 { background-color: hsl(var(--foreground) / 0.7); } .bg-fuchsia-500\/10 { background-color: rgb(217 70 239 / 0.1); } .bg-fuchsia-500\/20 { background-color: rgb(217 70 239 / 0.2); } .bg-fuchsia-500\/25 { background-color: rgb(217 70 239 / 0.25); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .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, 1)); } .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .bg-gray-400\/50 { background-color: rgb(156 163 175 / 0.5); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-50\/50 { background-color: rgb(249 250 251 / 0.5); } .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .bg-gray-500\/10 { background-color: rgb(107 114 128 / 0.1); } .bg-gray-500\/20 { background-color: rgb(107 114 128 / 0.2); } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-100\/50 { background-color: rgb(220 252 231 / 0.5); } .bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1)); } .bg-green-200\/50 { background-color: rgb(187 247 208 / 0.5); } .bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-green-50\/30 { background-color: rgb(240 253 244 / 0.3); } .bg-green-50\/50 { background-color: rgb(240 253 244 / 0.5); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-green-500\/10 { background-color: rgb(34 197 94 / 0.1); } .bg-green-500\/15 { background-color: rgb(34 197 94 / 0.15); } .bg-green-500\/20 { background-color: rgb(34 197 94 / 0.2); } .bg-green-500\/5 { background-color: rgb(34 197 94 / 0.05); } .bg-green-500\/90 { background-color: rgb(34 197 94 / 0.9); } .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .bg-indigo-100 { --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1)); } .bg-indigo-400\/10 { background-color: rgb(129 140 248 / 0.1); } .bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1)); } .bg-indigo-500\/10 { background-color: rgb(99 102 241 / 0.1); } .bg-indigo-500\/15 { background-color: rgb(99 102 241 / 0.15); } .bg-indigo-500\/20 { background-color: rgb(99 102 241 / 0.2); } .bg-indigo-500\/25 { background-color: rgb(99 102 241 / 0.25); } .bg-indigo-500\/5 { background-color: rgb(99 102 241 / 0.05); } .bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1)); } .bg-info { background-color: hsl(var(--info)); } .bg-info\/10 { background-color: hsl(var(--info) / 0.1); } .bg-info\/5 { background-color: hsl(var(--info) / 0.05); } .bg-lime-50 { --tw-bg-opacity: 1; background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1)); } .bg-lime-500\/10 { background-color: rgb(132 204 22 / 0.1); } .bg-lime-500\/20 { background-color: rgb(132 204 22 / 0.2); } .bg-muted { background-color: hsl(var(--muted)); } .bg-muted-foreground\/10 { background-color: hsl(var(--muted-foreground) / 0.1); } .bg-muted-foreground\/15 { background-color: hsl(var(--muted-foreground) / 0.15); } .bg-muted-foreground\/20 { background-color: hsl(var(--muted-foreground) / 0.2); } .bg-muted-foreground\/30 { background-color: hsl(var(--muted-foreground) / 0.3); } .bg-muted-foreground\/40 { background-color: hsl(var(--muted-foreground) / 0.4); } .bg-muted-foreground\/50 { background-color: hsl(var(--muted-foreground) / 0.5); } .bg-muted-foreground\/60 { background-color: hsl(var(--muted-foreground) / 0.6); } .bg-muted\/10 { background-color: hsl(var(--muted) / 0.1); } .bg-muted\/15 { background-color: hsl(var(--muted) / 0.15); } .bg-muted\/20 { background-color: hsl(var(--muted) / 0.2); } .bg-muted\/30 { background-color: hsl(var(--muted) / 0.3); } .bg-muted\/40 { background-color: hsl(var(--muted) / 0.4); } .bg-muted\/5 { background-color: hsl(var(--muted) / 0.05); } .bg-muted\/50 { background-color: hsl(var(--muted) / 0.5); } .bg-muted\/60 { background-color: hsl(var(--muted) / 0.6); } .bg-muted\/70 { background-color: hsl(var(--muted) / 0.7); } .bg-muted\/80 { background-color: hsl(var(--muted) / 0.8); } .bg-muted\/90 { background-color: hsl(var(--muted) / 0.9); } .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .bg-orange-400 { --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); } .bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .bg-orange-50\/50 { background-color: rgb(255 247 237 / 0.5); } .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .bg-orange-500\/10 { background-color: rgb(249 115 22 / 0.1); } .bg-orange-500\/15 { background-color: rgb(249 115 22 / 0.15); } .bg-orange-500\/20 { background-color: rgb(249 115 22 / 0.2); } .bg-orange-500\/30 { background-color: rgb(249 115 22 / 0.3); } .bg-orange-500\/5 { background-color: rgb(249 115 22 / 0.05); } .bg-orange-600 { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); } .bg-pink-50 { --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1)); } .bg-pink-500 { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1)); } .bg-pink-500\/10 { background-color: rgb(236 72 153 / 0.1); } .bg-pink-500\/20 { background-color: rgb(236 72 153 / 0.2); } .bg-popover { background-color: hsl(var(--popover)); } .bg-primary { background-color: hsl(var(--primary)); } .bg-primary-foreground { background-color: hsl(var(--primary-foreground)); } .bg-primary-foreground\/10 { background-color: hsl(var(--primary-foreground) / 0.1); } .bg-primary-foreground\/20 { background-color: hsl(var(--primary-foreground) / 0.2); } .bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); } .bg-primary\/15 { background-color: hsl(var(--primary) / 0.15); } .bg-primary\/20 { background-color: hsl(var(--primary) / 0.2); } .bg-primary\/25 { background-color: hsl(var(--primary) / 0.25); } .bg-primary\/30 { background-color: hsl(var(--primary) / 0.3); } .bg-primary\/40 { background-color: hsl(var(--primary) / 0.4); } .bg-primary\/5 { background-color: hsl(var(--primary) / 0.05); } .bg-primary\/50 { background-color: hsl(var(--primary) / 0.5); } .bg-primary\/60 { background-color: hsl(var(--primary) / 0.6); } .bg-primary\/70 { background-color: hsl(var(--primary) / 0.7); } .bg-primary\/80 { background-color: hsl(var(--primary) / 0.8); } .bg-primary\/90 { background-color: hsl(var(--primary) / 0.9); } .bg-primary\/\[0\.02\] { background-color: hsl(var(--primary) / 0.02); } .bg-primary\/\[0\.03\] { background-color: hsl(var(--primary) / 0.03); } .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .bg-purple-300 { --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity, 1)); } .bg-purple-400 { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1)); } .bg-purple-50 { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .bg-purple-50\/30 { background-color: rgb(250 245 255 / 0.3); } .bg-purple-50\/50 { background-color: rgb(250 245 255 / 0.5); } .bg-purple-50\/60 { background-color: rgb(250 245 255 / 0.6); } .bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); } .bg-purple-500\/10 { background-color: rgb(168 85 247 / 0.1); } .bg-purple-500\/15 { background-color: rgb(168 85 247 / 0.15); } .bg-purple-500\/20 { background-color: rgb(168 85 247 / 0.2); } .bg-purple-500\/25 { background-color: rgb(168 85 247 / 0.25); } .bg-purple-500\/30 { background-color: rgb(168 85 247 / 0.3); } .bg-purple-500\/5 { background-color: rgb(168 85 247 / 0.05); } .bg-purple-500\/60 { background-color: rgb(168 85 247 / 0.6); } .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1)); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-100\/50 { background-color: rgb(254 226 226 / 0.5); } .bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)); } .bg-red-200\/50 { background-color: rgb(254 202 202 / 0.5); } .bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .bg-red-400\/10 { background-color: rgb(248 113 113 / 0.1); } .bg-red-400\/60 { background-color: rgb(248 113 113 / 0.6); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-50\/20 { background-color: rgb(254 242 242 / 0.2); } .bg-red-50\/30 { background-color: rgb(254 242 242 / 0.3); } .bg-red-50\/50 { background-color: rgb(254 242 242 / 0.5); } .bg-red-50\/90 { background-color: rgb(254 242 242 / 0.9); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-500\/10 { background-color: rgb(239 68 68 / 0.1); } .bg-red-500\/15 { background-color: rgb(239 68 68 / 0.15); } .bg-red-500\/20 { background-color: rgb(239 68 68 / 0.2); } .bg-red-500\/5 { background-color: rgb(239 68 68 / 0.05); } .bg-red-500\/90 { background-color: rgb(239 68 68 / 0.9); } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-rose-100 { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); } .bg-rose-400 { --tw-bg-opacity: 1; background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1)); } .bg-rose-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .bg-rose-50\/50 { background-color: rgb(255 241 242 / 0.5); } .bg-rose-50\/60 { background-color: rgb(255 241 242 / 0.6); } .bg-rose-50\/80 { background-color: rgb(255 241 242 / 0.8); } .bg-rose-500 { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .bg-rose-500\/10 { background-color: rgb(244 63 94 / 0.1); } .bg-rose-500\/15 { background-color: rgb(244 63 94 / 0.15); } .bg-rose-500\/20 { background-color: rgb(244 63 94 / 0.2); } .bg-rose-500\/30 { background-color: rgb(244 63 94 / 0.3); } .bg-rose-500\/5 { background-color: rgb(244 63 94 / 0.05); } .bg-rose-600 { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); } .bg-secondary { background-color: hsl(var(--secondary)); } .bg-secondary\/50 { background-color: hsl(var(--secondary) / 0.5); } .bg-secondary\/60 { background-color: hsl(var(--secondary) / 0.6); } .bg-secondary\/80 { background-color: hsl(var(--secondary) / 0.8); } .bg-sidebar { background-color: hsl(var(--sidebar-background)); } .bg-sidebar-border { background-color: hsl(var(--sidebar-border)); } .bg-simulation-accent { background-color: hsl(var(--simulation-accent)); } .bg-simulation-card { background-color: hsl(var(--simulation-card)); } .bg-simulation-folder { background-color: hsl(var(--simulation-folder)); } .bg-simulation-text\/10 { background-color: hsl(var(--simulation-text) / 0.1); } .bg-sky-100 { --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1)); } .bg-sky-400\/10 { background-color: rgb(56 189 248 / 0.1); } .bg-sky-400\/30 { background-color: rgb(56 189 248 / 0.3); } .bg-sky-50 { --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); } .bg-sky-50\/80 { background-color: rgb(240 249 255 / 0.8); } .bg-sky-500 { --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); } .bg-sky-500\/10 { background-color: rgb(14 165 233 / 0.1); } .bg-sky-500\/15 { background-color: rgb(14 165 233 / 0.15); } .bg-sky-500\/20 { background-color: rgb(14 165 233 / 0.2); } .bg-sky-500\/5 { background-color: rgb(14 165 233 / 0.05); } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-slate-100\/50 { background-color: rgb(241 245 249 / 0.5); } .bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-slate-300 { --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)); } .bg-slate-400 { --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); } .bg-slate-50 { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .bg-slate-50\/50 { background-color: rgb(248 250 252 / 0.5); } .bg-slate-50\/60 { background-color: rgb(248 250 252 / 0.6); } .bg-slate-50\/80 { background-color: rgb(248 250 252 / 0.8); } .bg-slate-500 { --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); } .bg-slate-500\/10 { background-color: rgb(100 116 139 / 0.1); } .bg-slate-500\/15 { background-color: rgb(100 116 139 / 0.15); } .bg-slate-500\/20 { background-color: rgb(100 116 139 / 0.2); } .bg-slate-600 { --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)); } .bg-slate-700 { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .bg-slate-700\/50 { background-color: rgb(51 65 85 / 0.5); } .bg-slate-800 { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .bg-slate-800\/40 { background-color: rgb(30 41 59 / 0.4); } .bg-slate-800\/50 { background-color: rgb(30 41 59 / 0.5); } .bg-slate-800\/60 { background-color: rgb(30 41 59 / 0.6); } .bg-slate-800\/80 { background-color: rgb(30 41 59 / 0.8); } .bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .bg-slate-900\/30 { background-color: rgb(15 23 42 / 0.3); } .bg-slate-900\/50 { background-color: rgb(15 23 42 / 0.5); } .bg-slate-900\/60 { background-color: rgb(15 23 42 / 0.6); } .bg-slate-900\/85 { background-color: rgb(15 23 42 / 0.85); } .bg-slate-900\/90 { background-color: rgb(15 23 42 / 0.9); } .bg-slate-900\/95 { background-color: rgb(15 23 42 / 0.95); } .bg-stone-400 { --tw-bg-opacity: 1; background-color: rgb(168 162 158 / var(--tw-bg-opacity, 1)); } .bg-stone-400\/30 { background-color: rgb(168 162 158 / 0.3); } .bg-stone-800 { --tw-bg-opacity: 1; background-color: rgb(41 37 36 / var(--tw-bg-opacity, 1)); } .bg-success { background-color: hsl(var(--success)); } .bg-success\/10 { background-color: hsl(var(--success) / 0.1); } .bg-success\/15 { background-color: hsl(var(--success) / 0.15); } .bg-success\/20 { background-color: hsl(var(--success) / 0.2); } .bg-success\/30 { background-color: hsl(var(--success) / 0.3); } .bg-success\/5 { background-color: hsl(var(--success) / 0.05); } .bg-success\/50 { background-color: hsl(var(--success) / 0.5); } .bg-success\/90 { background-color: hsl(var(--success) / 0.9); } .bg-success\/\[0\.03\] { background-color: hsl(var(--success) / 0.03); } .bg-teal-100 { --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1)); } .bg-teal-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1)); } .bg-teal-500 { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1)); } .bg-teal-500\/10 { background-color: rgb(20 184 166 / 0.1); } .bg-teal-500\/20 { background-color: rgb(20 184 166 / 0.2); } .bg-teal-500\/5 { background-color: rgb(20 184 166 / 0.05); } .bg-transparent { background-color: transparent; } .bg-violet-100 { --tw-bg-opacity: 1; background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1)); } .bg-violet-50 { --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1)); } .bg-violet-50\/50 { background-color: rgb(245 243 255 / 0.5); } .bg-violet-500 { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); } .bg-violet-500\/10 { background-color: rgb(139 92 246 / 0.1); } .bg-violet-500\/15 { background-color: rgb(139 92 246 / 0.15); } .bg-violet-500\/20 { background-color: rgb(139 92 246 / 0.2); } .bg-violet-600 { --tw-bg-opacity: 1; background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1)); } .bg-warning { background-color: hsl(var(--warning)); } .bg-warning\/10 { background-color: hsl(var(--warning) / 0.1); } .bg-warning\/15 { background-color: hsl(var(--warning) / 0.15); } .bg-warning\/20 { background-color: hsl(var(--warning) / 0.2); } .bg-warning\/30 { background-color: hsl(var(--warning) / 0.3); } .bg-warning\/5 { background-color: hsl(var(--warning) / 0.05); } .bg-warning\/50 { background-color: hsl(var(--warning) / 0.5); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/10 { background-color: rgb(255 255 255 / 0.1); } .bg-white\/15 { background-color: rgb(255 255 255 / 0.15); } .bg-white\/20 { background-color: rgb(255 255 255 / 0.2); } .bg-white\/25 { background-color: rgb(255 255 255 / 0.25); } .bg-white\/30 { background-color: rgb(255 255 255 / 0.3); } .bg-white\/40 { background-color: rgb(255 255 255 / 0.4); } .bg-white\/5 { background-color: rgb(255 255 255 / 0.05); } .bg-white\/50 { background-color: rgb(255 255 255 / 0.5); } .bg-white\/60 { background-color: rgb(255 255 255 / 0.6); } .bg-white\/70 { background-color: rgb(255 255 255 / 0.7); } .bg-white\/80 { background-color: rgb(255 255 255 / 0.8); } .bg-white\/85 { background-color: rgb(255 255 255 / 0.85); } .bg-white\/90 { background-color: rgb(255 255 255 / 0.9); } .bg-white\/95 { background-color: rgb(255 255 255 / 0.95); } .bg-white\/\[0\.07\] { background-color: rgb(255 255 255 / 0.07); } .bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .bg-yellow-200 { --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1)); } .bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); } .bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)); } .bg-yellow-50\/50 { background-color: rgb(254 252 232 / 0.5); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-yellow-500\/10 { background-color: rgb(234 179 8 / 0.1); } .bg-yellow-500\/20 { background-color: rgb(234 179 8 / 0.2); } .bg-yellow-500\/5 { background-color: rgb(234 179 8 / 0.05); } .bg-yellow-600 { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1)); } .bg-opacity-20 { --tw-bg-opacity: 0.2; } .bg-\[radial-gradient\(circle_at_30\%_20\%\2c rgba\(59\2c 130\2c 246\2c 0\.25\)\2c transparent_60\%\)\] { background-image: radial-gradient(circle at 30% 20%,rgba(59,130,246,0.25),transparent 60%); } .bg-\[radial-gradient\(circle_at_50\%_50\%\2c rgba\(255\2c 255\2c 255\2c 0\.1\)\2c transparent_70\%\)\] { background-image: radial-gradient(circle at 50% 50%,rgba(255,255,255,0.1),transparent 70%); } .bg-\[radial-gradient\(circle_at_50\%_50\%\2c white_1px\2c transparent_1px\)\] { background-image: radial-gradient(circle at 50% 50%,white 1px,transparent 1px); } .bg-\[radial-gradient\(ellipse_at_center\2c hsl\(var\(--primary\)\/0\.15\)\2c transparent_70\%\)\] { background-image: radial-gradient(ellipse at center,hsl(var(--primary)/0.15),transparent 70%); } .bg-\[radial-gradient\(ellipse_at_top_left\2c _hsl\(var\(--accent-amber\)\/0\.18\)\2c _transparent_55\%\)\] { background-image: radial-gradient(ellipse at top left, hsl(var(--accent-amber)/0.18), transparent 55%); } .bg-\[radial-gradient\(ellipse_at_top_right\2c _hsl\(var\(--accent-current\)\/0\.18\)\2c _transparent_50\%\)\] { background-image: radial-gradient(ellipse at top right, hsl(var(--accent-current)/0.18), transparent 50%); } .bg-\[radial-gradient\(ellipse_at_top_right\2c _var\(--tw-gradient-stops\)\)\] { background-image: radial-gradient(ellipse at top right, var(--tw-gradient-stops)); } .bg-\[radial-gradient\(ellipse_at_top_right\2c hsl\(var\(--accent-amber\)\/0\.22\)\2c transparent_55\%\)\] { background-image: radial-gradient(ellipse at top right,hsl(var(--accent-amber)/0.22),transparent 55%); } .bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMtOS45NDEgMC0xOCA4LjA1OS0xOCAxOHM4LjA1OSAxOCAxOCAxOCAxOC04LjA1OSAxOC0xOC04LjA1OS0xOC0xOC0xOHptMCAzMmMtNy43MzIgMC0xNC02LjI2OC0xNC0xNHM2LjI2OC0xNCAxNC0xNCAxNCA2LjI2OCAxNCAxNC02LjI2OCAxNC0xNCAxNHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8\+PC9nPjwvc3ZnPg\=\=\'\)\] { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMtOS45NDEgMC0xOCA4LjA1OS0xOCAxOHM4LjA1OSAxOCAxOCAxOCAxOC04LjA1OSAxOC0xOC04LjA1OS0xOC0xOC0xOHptMCAzMmMtNy43MzIgMC0xNC02LjI2OC0xNC0xNHM2LjI2OC0xNCAxNC0xNCAxNCA2LjI2OCAxNCAxNC02LjI2OCAxNC0xNCAxNHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg=='); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .bg-gradient-to-tl { background-image: linear-gradient(to top left, var(--tw-gradient-stops)); } .bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } .bg-hero-dark { background-image: linear-gradient(135deg, hsl(var(--hero-from)) 0%, hsl(var(--hero-via)) 50%, hsl(var(--hero-to)) 100%); } .bg-hero-light { background-image: linear-gradient(180deg, hsl(var(--hero-light-from)) 0%, hsl(var(--hero-light-to)) 100%); } .from-\[\#0d3b2e\] { --tw-gradient-from: #0d3b2e var(--tw-gradient-from-position); --tw-gradient-to: rgb(13 59 46 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#1e3a5f\] { --tw-gradient-from: #1e3a5f var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 58 95 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#2F5FD7\] { --tw-gradient-from: #2F5FD7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(47 95 215 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#3b1d6b\] { --tw-gradient-from: #3b1d6b var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 29 107 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#714B67\] { --tw-gradient-from: #714B67 var(--tw-gradient-from-position); --tw-gradient-to: rgb(113 75 103 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#F0F4FF\] { --tw-gradient-from: #F0F4FF var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 244 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[hsl\(223\2c 68\%\2c 46\%\)\] { --tw-gradient-from: hsl(223,68%,46%) var(--tw-gradient-from-position); --tw-gradient-to: hsl(223 68% 46% / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[hsl\(var\(--primary\)\)\] { --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-100 { --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-400 { --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-50 { --tw-gradient-from: #fffbeb var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-50\/40 { --tw-gradient-from: rgb(255 251 235 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-50\/50 { --tw-gradient-from: rgb(255 251 235 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-50\/80 { --tw-gradient-from: rgb(255 251 235 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-500 { --tw-gradient-from: #f59e0b var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-500\/10 { --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-500\/15 { --tw-gradient-from: rgb(245 158 11 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-500\/20 { --tw-gradient-from: rgb(245 158 11 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-500\/5 { --tw-gradient-from: rgb(245 158 11 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-500\/90 { --tw-gradient-from: rgb(245 158 11 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-500\/\[0\.10\] { --tw-gradient-from: rgb(245 158 11 / 0.10) var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-background { --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-background\/80 { --tw-gradient-from: hsl(var(--background) / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-background\/95 { --tw-gradient-from: hsl(var(--background) / 0.95) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black { --tw-gradient-from: #000 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/50 { --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/60 { --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/70 { --tw-gradient-from: rgb(0 0 0 / 0.7) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/75 { --tw-gradient-from: rgb(0 0 0 / 0.75) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-100 { --tw-gradient-from: #dbeafe var(--tw-gradient-from-position); --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-200 { --tw-gradient-from: #bfdbfe var(--tw-gradient-from-position); --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-300 { --tw-gradient-from: #93c5fd var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-400 { --tw-gradient-from: #60a5fa var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-400\/20 { --tw-gradient-from: rgb(96 165 250 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-400\/30 { --tw-gradient-from: rgb(96 165 250 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-50 { --tw-gradient-from: #eff6ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-50\/80 { --tw-gradient-from: rgb(239 246 255 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500 { --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/10 { --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/15 { --tw-gradient-from: rgb(59 130 246 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/20 { --tw-gradient-from: rgb(59 130 246 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/40 { --tw-gradient-from: rgb(59 130 246 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/5 { --tw-gradient-from: rgb(59 130 246 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/90 { --tw-gradient-from: rgb(59 130 246 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-600 { --tw-gradient-from: #2563eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-700 { --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-800 { --tw-gradient-from: #1e40af var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-card { --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-card\/80 { --tw-gradient-from: hsl(var(--card) / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-50 { --tw-gradient-from: #ecfeff var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-500 { --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-cyan-500\/15 { --tw-gradient-from: rgb(6 182 212 / 0.15) 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-cyan-500\/90 { --tw-gradient-from: rgb(6 182 212 / 0.9) 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-emerald-100 { --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-400 { --tw-gradient-from: #34d399 var(--tw-gradient-from-position); --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-50 { --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-50\/60 { --tw-gradient-from: rgb(236 253 245 / 0.6) var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500 { --tw-gradient-from: #10b981 var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500\/10 { --tw-gradient-from: rgb(16 185 129 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500\/15 { --tw-gradient-from: rgb(16 185 129 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500\/20 { --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500\/5 { --tw-gradient-from: rgb(16 185 129 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500\/90 { --tw-gradient-from: rgb(16 185 129 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500\/\[0\.08\] { --tw-gradient-from: rgb(16 185 129 / 0.08) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-fuchsia-500\/20 { --tw-gradient-from: rgb(217 70 239 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-100 { --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-500 { --tw-gradient-from: #6b7280 var(--tw-gradient-from-position); --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-600 { --tw-gradient-from: #4b5563 var(--tw-gradient-from-position); --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-400 { --tw-gradient-from: #4ade80 var(--tw-gradient-from-position); --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-50 { --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-50\/80 { --tw-gradient-from: rgb(240 253 244 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-500 { --tw-gradient-from: #22c55e var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-500\/10 { --tw-gradient-from: rgb(34 197 94 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-500\/5 { --tw-gradient-from: rgb(34 197 94 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-500 { --tw-gradient-from: #6366f1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-500\/10 { --tw-gradient-from: rgb(99 102 241 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-500\/15 { --tw-gradient-from: rgb(99 102 241 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-500\/5 { --tw-gradient-from: rgb(99 102 241 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-500\/90 { --tw-gradient-from: rgb(99 102 241 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-info { --tw-gradient-from: hsl(var(--info)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--info) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-muted { --tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-muted-foreground\/20 { --tw-gradient-from: hsl(var(--muted-foreground) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted-foreground) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-muted\/20 { --tw-gradient-from: hsl(var(--muted) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-muted\/30 { --tw-gradient-from: hsl(var(--muted) / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-muted\/40 { --tw-gradient-from: hsl(var(--muted) / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-muted\/50 { --tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-muted\/80 { --tw-gradient-from: hsl(var(--muted) / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-100 { --tw-gradient-from: #ffedd5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-400 { --tw-gradient-from: #fb923c var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-50 { --tw-gradient-from: #fff7ed var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-500 { --tw-gradient-from: #f97316 var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-500\/15 { --tw-gradient-from: rgb(249 115 22 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-500\/20 { --tw-gradient-from: rgb(249 115 22 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-500\/5 { --tw-gradient-from: rgb(249 115 22 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-500 { --tw-gradient-from: #ec4899 var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-500\/15 { --tw-gradient-from: rgb(236 72 153 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-600 { --tw-gradient-from: #db2777 var(--tw-gradient-from-position); --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary { --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary-dark { --tw-gradient-from: hsl(var(--primary-dark)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary-dark) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/10 { --tw-gradient-from: hsl(var(--primary) / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/15 { --tw-gradient-from: hsl(var(--primary) / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/20 { --tw-gradient-from: hsl(var(--primary) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/30 { --tw-gradient-from: hsl(var(--primary) / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/5 { --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/60 { --tw-gradient-from: hsl(var(--primary) / 0.6) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/\[0\.02\] { --tw-gradient-from: hsl(var(--primary) / 0.02) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/\[0\.03\] { --tw-gradient-from: hsl(var(--primary) / 0.03) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-400 { --tw-gradient-from: #c084fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-50 { --tw-gradient-from: #faf5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-50\/80 { --tw-gradient-from: rgb(250 245 255 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500 { --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500\/10 { --tw-gradient-from: rgb(168 85 247 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500\/15 { --tw-gradient-from: rgb(168 85 247 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500\/20 { --tw-gradient-from: rgb(168 85 247 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500\/30 { --tw-gradient-from: rgb(168 85 247 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500\/5 { --tw-gradient-from: rgb(168 85 247 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-600 { --tw-gradient-from: #9333ea var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-400 { --tw-gradient-from: #f87171 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-50 { --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-500 { --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-500\/5 { --tw-gradient-from: rgb(239 68 68 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-600 { --tw-gradient-from: #dc2626 var(--tw-gradient-from-position); --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-100 { --tw-gradient-from: #ffe4e6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 228 230 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-400 { --tw-gradient-from: #fb7185 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-50 { --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-500 { --tw-gradient-from: #f43f5e var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-500\/10 { --tw-gradient-from: rgb(244 63 94 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-500\/15 { --tw-gradient-from: rgb(244 63 94 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-500\/20 { --tw-gradient-from: rgb(244 63 94 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-500\/90 { --tw-gradient-from: rgb(244 63 94 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-500\/\[0\.08\] { --tw-gradient-from: rgb(244 63 94 / 0.08) var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sky-50 { --tw-gradient-from: #f0f9ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sky-500 { --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sky-500\/20 { --tw-gradient-from: rgb(14 165 233 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sky-500\/\[0\.10\] { --tw-gradient-from: rgb(14 165 233 / 0.10) var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-400 { --tw-gradient-from: #94a3b8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-50 { --tw-gradient-from: #f8fafc var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-500 { --tw-gradient-from: #64748b var(--tw-gradient-from-position); --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-500\/15 { --tw-gradient-from: rgb(100 116 139 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-500\/20 { --tw-gradient-from: rgb(100 116 139 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-500\/5 { --tw-gradient-from: rgb(100 116 139 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-500\/\[0\.06\] { --tw-gradient-from: rgb(100 116 139 / 0.06) var(--tw-gradient-from-position); --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-700 { --tw-gradient-from: #334155 var(--tw-gradient-from-position); --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-800 { --tw-gradient-from: #1e293b var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-800\/80 { --tw-gradient-from: rgb(30 41 59 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-900 { --tw-gradient-from: #0f172a var(--tw-gradient-from-position); --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success { --tw-gradient-from: hsl(var(--success)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success\/20 { --tw-gradient-from: hsl(var(--success) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-50 { --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-500 { --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-500\/10 { --tw-gradient-from: rgb(20 184 166 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-500\/15 { --tw-gradient-from: rgb(20 184 166 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-500\/5 { --tw-gradient-from: rgb(20 184 166 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-500\/90 { --tw-gradient-from: rgb(20 184 166 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-50 { --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-500 { --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-500\/10 { --tw-gradient-from: rgb(139 92 246 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-500\/20 { --tw-gradient-from: rgb(139 92 246 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-500\/90 { --tw-gradient-from: rgb(139 92 246 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-900\/20 { --tw-gradient-from: rgb(76 29 149 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(76 29 149 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-warning { --tw-gradient-from: hsl(var(--warning)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--warning) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-warning\/10 { --tw-gradient-from: hsl(var(--warning) / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--warning) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white\/30 { --tw-gradient-from: rgb(255 255 255 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white\/40 { --tw-gradient-from: rgb(255 255 255 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-400 { --tw-gradient-from: #facc15 var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-50 { --tw-gradient-from: #fefce8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-500 { --tw-gradient-from: #eab308 var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-500\/15 { --tw-gradient-from: rgb(234 179 8 / 0.15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-\[\#0f4736\] { --tw-gradient-to: rgb(15 71 54 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0f4736 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[\#1a2e4a\] { --tw-gradient-to: rgb(26 46 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1a2e4a var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[\#234876\] { --tw-gradient-to: rgb(35 72 118 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #234876 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[\#4c2487\] { --tw-gradient-to: rgb(76 36 135 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4c2487 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[\#CBD5E1\] { --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #CBD5E1 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[hsl\(217\2c 60\%\2c 25\%\)\] { --tw-gradient-to: hsl(217 60% 25% / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(217,60%,25%) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-accent { --tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--accent)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-amber-400 { --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-amber-400\/\[0\.04\] { --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(251 191 36 / 0.04) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-amber-50\/50 { --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 251 235 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-amber-500 { --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f59e0b var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-amber-500\/5 { --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-background { --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-background\/95 { --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-black\/20 { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-black\/30 { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-400 { --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-50\/40 { --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(239 246 255 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-50\/50 { --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(239 246 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-500 { --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-500\/20 { --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-500\/5 { --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-600 { --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-border { --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--border)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-card { --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-cyan-200 { --tw-gradient-to: rgb(165 243 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a5f3fc var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-cyan-400 { --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #22d3ee var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-emerald-400 { --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-emerald-400\/\[0\.04\] { --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(52 211 153 / 0.04) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-emerald-50\/30 { --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(236 253 245 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-emerald-50\/50 { --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(236 253 245 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-emerald-50\/80 { --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(236 253 245 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-emerald-500 { --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-emerald-500\/5 { --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(16 185 129 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-gold { --tw-gradient-to: hsl(var(--gold) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--gold)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-green-500 { --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #22c55e var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-green-500\/10 { --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(34 197 94 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-indigo-50\/50 { --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(238 242 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-indigo-500 { --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-indigo-950 { --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e1b4b var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-muted { --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-muted\/40 { --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-muted\/50 { --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-orange-400 { --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fb923c var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-orange-50\/50 { --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 247 237 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-orange-500 { --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-orange-500\/5 { --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(249 115 22 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-pink-50\/50 { --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(253 242 248 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-pink-500 { --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary\/10 { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary\/20 { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary\/30 { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary\/5 { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary\/60 { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary\/80 { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary\/90 { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-primary\/95 { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-400 { --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-50\/30 { --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(250 245 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-500 { --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-500\/5 { --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-red-500\/10 { --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(239 68 68 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-rose-400 { --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fb7185 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-rose-400\/\[0\.04\] { --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(251 113 133 / 0.04) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-rose-500 { --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-rose-500\/5 { --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(244 63 94 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-sky-400\/\[0\.04\] { --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(56 189 248 / 0.04) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-200 { --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e2e8f0 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-200\/30 { --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(226 232 240 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-400\/\[0\.03\] { --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(148 163 184 / 0.03) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-50\/30 { --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(248 250 252 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-500 { --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #64748b var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-500\/5 { --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(100 116 139 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-700 { --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #334155 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-800 { --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-800\/50 { --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(30 41 59 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-800\/95 { --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(30 41 59 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-900 { --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-teal-400 { --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2dd4bf var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-teal-50\/50 { --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(240 253 250 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-teal-500 { --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #14b8a6 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-transparent { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-violet-50\/30 { --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(245 243 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-violet-50\/50 { --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(245 243 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-violet-500 { --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-warning\/5 { --tw-gradient-to: hsl(var(--warning) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--warning) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-white { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-white\/20 { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-white\/25 { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-white\/5 { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-white\/50 { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-white\/95 { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-yellow-500 { --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-50\% { --tw-gradient-via-position: 50%; } .to-\[\#0a2a20\] { --tw-gradient-to: #0a2a20 var(--tw-gradient-to-position); } .to-\[\#0f1f33\] { --tw-gradient-to: #0f1f33 var(--tw-gradient-to-position); } .to-\[\#14B8A6\] { --tw-gradient-to: #14B8A6 var(--tw-gradient-to-position); } .to-\[\#1a2f4f\] { --tw-gradient-to: #1a2f4f var(--tw-gradient-to-position); } .to-\[\#2a1450\] { --tw-gradient-to: #2a1450 var(--tw-gradient-to-position); } .to-\[\#3B82F6\] { --tw-gradient-to: #3B82F6 var(--tw-gradient-to-position); } .to-\[\#8F6585\] { --tw-gradient-to: #8F6585 var(--tw-gradient-to-position); } .to-\[\#F3F6FB\]\/0 { --tw-gradient-to: rgb(243 246 251 / 0) var(--tw-gradient-to-position); } .to-\[\#F8FAFC\] { --tw-gradient-to: #F8FAFC var(--tw-gradient-to-position); } .to-\[hsl\(220\2c 50\%\2c 18\%\)\] { --tw-gradient-to: hsl(220,50%,18%) var(--tw-gradient-to-position); } .to-\[hsl\(223\2c 68\%\2c 56\%\)\] { --tw-gradient-to: hsl(223,68%,56%) var(--tw-gradient-to-position); } .to-\[hsl\(225\2c 70\%\2c 55\%\)\] { --tw-gradient-to: hsl(225,70%,55%) var(--tw-gradient-to-position); } .to-accent { --tw-gradient-to: hsl(var(--accent)) var(--tw-gradient-to-position); } .to-accent\/10 { --tw-gradient-to: hsl(var(--accent) / 0.1) var(--tw-gradient-to-position); } .to-accent\/20 { --tw-gradient-to: hsl(var(--accent) / 0.2) var(--tw-gradient-to-position); } .to-accent\/5 { --tw-gradient-to: hsl(var(--accent) / 0.05) var(--tw-gradient-to-position); } .to-amber-100 { --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position); } .to-amber-100\/30 { --tw-gradient-to: rgb(254 243 199 / 0.3) var(--tw-gradient-to-position); } .to-amber-100\/50 { --tw-gradient-to: rgb(254 243 199 / 0.5) var(--tw-gradient-to-position); } .to-amber-200 { --tw-gradient-to: #fde68a var(--tw-gradient-to-position); } .to-amber-400 { --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position); } .to-amber-50\/30 { --tw-gradient-to: rgb(255 251 235 / 0.3) var(--tw-gradient-to-position); } .to-amber-500 { --tw-gradient-to: #f59e0b var(--tw-gradient-to-position); } .to-amber-500\/5 { --tw-gradient-to: rgb(245 158 11 / 0.05) var(--tw-gradient-to-position); } .to-amber-600 { --tw-gradient-to: #d97706 var(--tw-gradient-to-position); } .to-amber-600\/10 { --tw-gradient-to: rgb(217 119 6 / 0.1) var(--tw-gradient-to-position); } .to-amber-600\/5 { --tw-gradient-to: rgb(217 119 6 / 0.05) var(--tw-gradient-to-position); } .to-amber-700 { --tw-gradient-to: #b45309 var(--tw-gradient-to-position); } .to-amber-700\/20 { --tw-gradient-to: rgb(180 83 9 / 0.2) var(--tw-gradient-to-position); } .to-background { --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position); } .to-background\/50 { --tw-gradient-to: hsl(var(--background) / 0.5) var(--tw-gradient-to-position); } .to-background\/80 { --tw-gradient-to: hsl(var(--background) / 0.8) var(--tw-gradient-to-position); } .to-black { --tw-gradient-to: #000 var(--tw-gradient-to-position); } .to-black\/10 { --tw-gradient-to: rgb(0 0 0 / 0.1) var(--tw-gradient-to-position); } .to-black\/30 { --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position); } .to-black\/50 { --tw-gradient-to: rgb(0 0 0 / 0.5) var(--tw-gradient-to-position); } .to-blue-100 { --tw-gradient-to: #dbeafe var(--tw-gradient-to-position); } .to-blue-100\/30 { --tw-gradient-to: rgb(219 234 254 / 0.3) var(--tw-gradient-to-position); } .to-blue-200 { --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position); } .to-blue-400 { --tw-gradient-to: #60a5fa var(--tw-gradient-to-position); } .to-blue-500 { --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position); } .to-blue-500\/10 { --tw-gradient-to: rgb(59 130 246 / 0.1) var(--tw-gradient-to-position); } .to-blue-500\/20 { --tw-gradient-to: rgb(59 130 246 / 0.2) var(--tw-gradient-to-position); } .to-blue-500\/5 { --tw-gradient-to: rgb(59 130 246 / 0.05) var(--tw-gradient-to-position); } .to-blue-600 { --tw-gradient-to: #2563eb var(--tw-gradient-to-position); } .to-blue-600\/10 { --tw-gradient-to: rgb(37 99 235 / 0.1) var(--tw-gradient-to-position); } .to-blue-600\/5 { --tw-gradient-to: rgb(37 99 235 / 0.05) var(--tw-gradient-to-position); } .to-blue-600\/90 { --tw-gradient-to: rgb(37 99 235 / 0.9) var(--tw-gradient-to-position); } .to-blue-700 { --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position); } .to-blue-700\/20 { --tw-gradient-to: rgb(29 78 216 / 0.2) var(--tw-gradient-to-position); } .to-blue-700\/90 { --tw-gradient-to: rgb(29 78 216 / 0.9) var(--tw-gradient-to-position); } .to-card { --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position); } .to-card\/95 { --tw-gradient-to: hsl(var(--card) / 0.95) var(--tw-gradient-to-position); } .to-cyan-400 { --tw-gradient-to: #22d3ee var(--tw-gradient-to-position); } .to-cyan-400\/10 { --tw-gradient-to: rgb(34 211 238 / 0.1) var(--tw-gradient-to-position); } .to-cyan-400\/20 { --tw-gradient-to: rgb(34 211 238 / 0.2) var(--tw-gradient-to-position); } .to-cyan-500 { --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position); } .to-cyan-600 { --tw-gradient-to: #0891b2 var(--tw-gradient-to-position); } .to-cyan-600\/5 { --tw-gradient-to: rgb(8 145 178 / 0.05) var(--tw-gradient-to-position); } .to-emerald-100\/20 { --tw-gradient-to: rgb(209 250 229 / 0.2) var(--tw-gradient-to-position); } .to-emerald-100\/30 { --tw-gradient-to: rgb(209 250 229 / 0.3) var(--tw-gradient-to-position); } .to-emerald-200 { --tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position); } .to-emerald-300 { --tw-gradient-to: #6ee7b7 var(--tw-gradient-to-position); } .to-emerald-400 { --tw-gradient-to: #34d399 var(--tw-gradient-to-position); } .to-emerald-50 { --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position); } .to-emerald-50\/30 { --tw-gradient-to: rgb(236 253 245 / 0.3) var(--tw-gradient-to-position); } .to-emerald-500 { --tw-gradient-to: #10b981 var(--tw-gradient-to-position); } .to-emerald-500\/10 { --tw-gradient-to: rgb(16 185 129 / 0.1) var(--tw-gradient-to-position); } .to-emerald-500\/30 { --tw-gradient-to: rgb(16 185 129 / 0.3) var(--tw-gradient-to-position); } .to-emerald-500\/5 { --tw-gradient-to: rgb(16 185 129 / 0.05) var(--tw-gradient-to-position); } .to-emerald-600 { --tw-gradient-to: #059669 var(--tw-gradient-to-position); } .to-emerald-600\/10 { --tw-gradient-to: rgb(5 150 105 / 0.1) var(--tw-gradient-to-position); } .to-emerald-600\/5 { --tw-gradient-to: rgb(5 150 105 / 0.05) var(--tw-gradient-to-position); } .to-emerald-600\/90 { --tw-gradient-to: rgb(5 150 105 / 0.9) var(--tw-gradient-to-position); } .to-emerald-700 { --tw-gradient-to: #047857 var(--tw-gradient-to-position); } .to-emerald-700\/20 { --tw-gradient-to: rgb(4 120 87 / 0.2) var(--tw-gradient-to-position); } .to-emerald-900\/20 { --tw-gradient-to: rgb(6 78 59 / 0.2) var(--tw-gradient-to-position); } .to-fuchsia-50 { --tw-gradient-to: #fdf4ff var(--tw-gradient-to-position); } .to-fuchsia-500 { --tw-gradient-to: #d946ef var(--tw-gradient-to-position); } .to-fuchsia-600 { --tw-gradient-to: #c026d3 var(--tw-gradient-to-position); } .to-gray-200 { --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position); } .to-gray-600 { --tw-gradient-to: #4b5563 var(--tw-gradient-to-position); } .to-gray-700 { --tw-gradient-to: #374151 var(--tw-gradient-to-position); } .to-green-100 { --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position); } .to-green-100\/50 { --tw-gradient-to: rgb(220 252 231 / 0.5) var(--tw-gradient-to-position); } .to-green-500 { --tw-gradient-to: #22c55e var(--tw-gradient-to-position); } .to-green-500\/10 { --tw-gradient-to: rgb(34 197 94 / 0.1) var(--tw-gradient-to-position); } .to-green-600 { --tw-gradient-to: #16a34a var(--tw-gradient-to-position); } .to-indigo-50 { --tw-gradient-to: #eef2ff var(--tw-gradient-to-position); } .to-indigo-500 { --tw-gradient-to: #6366f1 var(--tw-gradient-to-position); } .to-indigo-500\/10 { --tw-gradient-to: rgb(99 102 241 / 0.1) var(--tw-gradient-to-position); } .to-indigo-500\/20 { --tw-gradient-to: rgb(99 102 241 / 0.2) var(--tw-gradient-to-position); } .to-indigo-500\/5 { --tw-gradient-to: rgb(99 102 241 / 0.05) var(--tw-gradient-to-position); } .to-indigo-600 { --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position); } .to-indigo-600\/5 { --tw-gradient-to: rgb(79 70 229 / 0.05) var(--tw-gradient-to-position); } .to-indigo-600\/90 { --tw-gradient-to: rgb(79 70 229 / 0.9) var(--tw-gradient-to-position); } .to-indigo-700 { --tw-gradient-to: #4338ca var(--tw-gradient-to-position); } .to-info\/70 { --tw-gradient-to: hsl(var(--info) / 0.7) var(--tw-gradient-to-position); } .to-muted { --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position); } .to-muted-foreground\/20 { --tw-gradient-to: hsl(var(--muted-foreground) / 0.2) var(--tw-gradient-to-position); } .to-muted\/10 { --tw-gradient-to: hsl(var(--muted) / 0.1) var(--tw-gradient-to-position); } .to-muted\/20 { --tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position); } .to-muted\/30 { --tw-gradient-to: hsl(var(--muted) / 0.3) var(--tw-gradient-to-position); } .to-muted\/50 { --tw-gradient-to: hsl(var(--muted) / 0.5) var(--tw-gradient-to-position); } .to-muted\/60 { --tw-gradient-to: hsl(var(--muted) / 0.6) var(--tw-gradient-to-position); } .to-muted\/70 { --tw-gradient-to: hsl(var(--muted) / 0.7) var(--tw-gradient-to-position); } .to-orange-100\/30 { --tw-gradient-to: rgb(255 237 213 / 0.3) var(--tw-gradient-to-position); } .to-orange-200 { --tw-gradient-to: #fed7aa var(--tw-gradient-to-position); } .to-orange-50 { --tw-gradient-to: #fff7ed var(--tw-gradient-to-position); } .to-orange-500 { --tw-gradient-to: #f97316 var(--tw-gradient-to-position); } .to-orange-500\/10 { --tw-gradient-to: rgb(249 115 22 / 0.1) var(--tw-gradient-to-position); } .to-orange-500\/20 { --tw-gradient-to: rgb(249 115 22 / 0.2) var(--tw-gradient-to-position); } .to-orange-500\/5 { --tw-gradient-to: rgb(249 115 22 / 0.05) var(--tw-gradient-to-position); } .to-orange-600 { --tw-gradient-to: #ea580c var(--tw-gradient-to-position); } .to-orange-600\/10 { --tw-gradient-to: rgb(234 88 12 / 0.1) var(--tw-gradient-to-position); } .to-orange-600\/5 { --tw-gradient-to: rgb(234 88 12 / 0.05) var(--tw-gradient-to-position); } .to-orange-600\/90 { --tw-gradient-to: rgb(234 88 12 / 0.9) var(--tw-gradient-to-position); } .to-pink-400 { --tw-gradient-to: #f472b6 var(--tw-gradient-to-position); } .to-pink-50 { --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position); } .to-pink-500 { --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); } .to-pink-500\/20 { --tw-gradient-to: rgb(236 72 153 / 0.2) var(--tw-gradient-to-position); } .to-pink-500\/5 { --tw-gradient-to: rgb(236 72 153 / 0.05) var(--tw-gradient-to-position); } .to-pink-600 { --tw-gradient-to: #db2777 var(--tw-gradient-to-position); } .to-pink-600\/5 { --tw-gradient-to: rgb(219 39 119 / 0.05) var(--tw-gradient-to-position); } .to-pink-600\/90 { --tw-gradient-to: rgb(219 39 119 / 0.9) var(--tw-gradient-to-position); } .to-pink-700 { --tw-gradient-to: #be185d var(--tw-gradient-to-position); } .to-primary { --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position); } .to-primary\/10 { --tw-gradient-to: hsl(var(--primary) / 0.1) var(--tw-gradient-to-position); } .to-primary\/30 { --tw-gradient-to: hsl(var(--primary) / 0.3) var(--tw-gradient-to-position); } .to-primary\/40 { --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position); } .to-primary\/5 { --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position); } .to-primary\/50 { --tw-gradient-to: hsl(var(--primary) / 0.5) var(--tw-gradient-to-position); } .to-primary\/60 { --tw-gradient-to: hsl(var(--primary) / 0.6) var(--tw-gradient-to-position); } .to-primary\/70 { --tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position); } .to-primary\/80 { --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position); } .to-primary\/90 { --tw-gradient-to: hsl(var(--primary) / 0.9) var(--tw-gradient-to-position); } .to-primary\/\[0\.02\] { --tw-gradient-to: hsl(var(--primary) / 0.02) var(--tw-gradient-to-position); } .to-purple-100 { --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position); } .to-purple-100\/20 { --tw-gradient-to: rgb(243 232 255 / 0.2) var(--tw-gradient-to-position); } .to-purple-100\/30 { --tw-gradient-to: rgb(243 232 255 / 0.3) var(--tw-gradient-to-position); } .to-purple-100\/50 { --tw-gradient-to: rgb(243 232 255 / 0.5) var(--tw-gradient-to-position); } .to-purple-50 { --tw-gradient-to: #faf5ff var(--tw-gradient-to-position); } .to-purple-500 { --tw-gradient-to: #a855f7 var(--tw-gradient-to-position); } .to-purple-500\/10 { --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position); } .to-purple-500\/15 { --tw-gradient-to: rgb(168 85 247 / 0.15) var(--tw-gradient-to-position); } .to-purple-500\/30 { --tw-gradient-to: rgb(168 85 247 / 0.3) var(--tw-gradient-to-position); } .to-purple-500\/5 { --tw-gradient-to: rgb(168 85 247 / 0.05) var(--tw-gradient-to-position); } .to-purple-500\/\[0\.02\] { --tw-gradient-to: rgb(168 85 247 / 0.02) var(--tw-gradient-to-position); } .to-purple-600 { --tw-gradient-to: #9333ea var(--tw-gradient-to-position); } .to-purple-600\/10 { --tw-gradient-to: rgb(147 51 234 / 0.1) var(--tw-gradient-to-position); } .to-purple-600\/5 { --tw-gradient-to: rgb(147 51 234 / 0.05) var(--tw-gradient-to-position); } .to-purple-600\/90 { --tw-gradient-to: rgb(147 51 234 / 0.9) var(--tw-gradient-to-position); } .to-purple-700 { --tw-gradient-to: #7e22ce var(--tw-gradient-to-position); } .to-purple-900\/20 { --tw-gradient-to: rgb(88 28 135 / 0.2) var(--tw-gradient-to-position); } .to-red-100\/50 { --tw-gradient-to: rgb(254 226 226 / 0.5) var(--tw-gradient-to-position); } .to-red-50\/60 { --tw-gradient-to: rgb(254 242 242 / 0.6) var(--tw-gradient-to-position); } .to-red-500 { --tw-gradient-to: #ef4444 var(--tw-gradient-to-position); } .to-red-500\/10 { --tw-gradient-to: rgb(239 68 68 / 0.1) var(--tw-gradient-to-position); } .to-red-500\/20 { --tw-gradient-to: rgb(239 68 68 / 0.2) var(--tw-gradient-to-position); } .to-red-600 { --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); } .to-rose-100\/30 { --tw-gradient-to: rgb(255 228 230 / 0.3) var(--tw-gradient-to-position); } .to-rose-200 { --tw-gradient-to: #fecdd3 var(--tw-gradient-to-position); } .to-rose-400 { --tw-gradient-to: #fb7185 var(--tw-gradient-to-position); } .to-rose-50 { --tw-gradient-to: #fff1f2 var(--tw-gradient-to-position); } .to-rose-500 { --tw-gradient-to: #f43f5e var(--tw-gradient-to-position); } .to-rose-500\/20 { --tw-gradient-to: rgb(244 63 94 / 0.2) var(--tw-gradient-to-position); } .to-rose-500\/5 { --tw-gradient-to: rgb(244 63 94 / 0.05) var(--tw-gradient-to-position); } .to-rose-600 { --tw-gradient-to: #e11d48 var(--tw-gradient-to-position); } .to-rose-600\/5 { --tw-gradient-to: rgb(225 29 72 / 0.05) var(--tw-gradient-to-position); } .to-rose-700 { --tw-gradient-to: #be123c var(--tw-gradient-to-position); } .to-secondary { --tw-gradient-to: hsl(var(--secondary)) var(--tw-gradient-to-position); } .to-secondary\/5 { --tw-gradient-to: hsl(var(--secondary) / 0.05) var(--tw-gradient-to-position); } .to-sky-100\/30 { --tw-gradient-to: rgb(224 242 254 / 0.3) var(--tw-gradient-to-position); } .to-sky-50 { --tw-gradient-to: #f0f9ff var(--tw-gradient-to-position); } .to-sky-500\/5 { --tw-gradient-to: rgb(14 165 233 / 0.05) var(--tw-gradient-to-position); } .to-sky-600 { --tw-gradient-to: #0284c7 var(--tw-gradient-to-position); } .to-sky-700 { --tw-gradient-to: #0369a1 var(--tw-gradient-to-position); } .to-slate-100 { --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position); } .to-slate-100\/20 { --tw-gradient-to: rgb(241 245 249 / 0.2) var(--tw-gradient-to-position); } .to-slate-50\/50 { --tw-gradient-to: rgb(248 250 252 / 0.5) var(--tw-gradient-to-position); } .to-slate-500 { --tw-gradient-to: #64748b var(--tw-gradient-to-position); } .to-slate-500\/5 { --tw-gradient-to: rgb(100 116 139 / 0.05) var(--tw-gradient-to-position); } .to-slate-600 { --tw-gradient-to: #475569 var(--tw-gradient-to-position); } .to-slate-600\/5 { --tw-gradient-to: rgb(71 85 105 / 0.05) var(--tw-gradient-to-position); } .to-slate-700 { --tw-gradient-to: #334155 var(--tw-gradient-to-position); } .to-slate-800 { --tw-gradient-to: #1e293b var(--tw-gradient-to-position); } .to-slate-800\/30 { --tw-gradient-to: rgb(30 41 59 / 0.3) var(--tw-gradient-to-position); } .to-slate-800\/50 { --tw-gradient-to: rgb(30 41 59 / 0.5) var(--tw-gradient-to-position); } .to-slate-900 { --tw-gradient-to: #0f172a var(--tw-gradient-to-position); } .to-slate-900\/30 { --tw-gradient-to: rgb(15 23 42 / 0.3) var(--tw-gradient-to-position); } .to-success\/10 { --tw-gradient-to: hsl(var(--success) / 0.1) var(--tw-gradient-to-position); } .to-success\/50 { --tw-gradient-to: hsl(var(--success) / 0.5) var(--tw-gradient-to-position); } .to-success\/70 { --tw-gradient-to: hsl(var(--success) / 0.7) var(--tw-gradient-to-position); } .to-success\/80 { --tw-gradient-to: hsl(var(--success) / 0.8) var(--tw-gradient-to-position); } .to-teal-100\/30 { --tw-gradient-to: rgb(204 251 241 / 0.3) var(--tw-gradient-to-position); } .to-teal-400 { --tw-gradient-to: #2dd4bf var(--tw-gradient-to-position); } .to-teal-50 { --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position); } .to-teal-500 { --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position); } .to-teal-500\/10 { --tw-gradient-to: rgb(20 184 166 / 0.1) var(--tw-gradient-to-position); } .to-teal-500\/15 { --tw-gradient-to: rgb(20 184 166 / 0.15) var(--tw-gradient-to-position); } .to-teal-500\/20 { --tw-gradient-to: rgb(20 184 166 / 0.2) var(--tw-gradient-to-position); } .to-teal-500\/5 { --tw-gradient-to: rgb(20 184 166 / 0.05) var(--tw-gradient-to-position); } .to-teal-600 { --tw-gradient-to: #0d9488 var(--tw-gradient-to-position); } .to-teal-600\/10 { --tw-gradient-to: rgb(13 148 136 / 0.1) var(--tw-gradient-to-position); } .to-teal-600\/5 { --tw-gradient-to: rgb(13 148 136 / 0.05) var(--tw-gradient-to-position); } .to-teal-600\/90 { --tw-gradient-to: rgb(13 148 136 / 0.9) var(--tw-gradient-to-position); } .to-teal-700 { --tw-gradient-to: #0f766e var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .to-violet-100\/20 { --tw-gradient-to: rgb(237 233 254 / 0.2) var(--tw-gradient-to-position); } .to-violet-50\/30 { --tw-gradient-to: rgb(245 243 255 / 0.3) var(--tw-gradient-to-position); } .to-violet-500 { --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position); } .to-violet-500\/15 { --tw-gradient-to: rgb(139 92 246 / 0.15) var(--tw-gradient-to-position); } .to-violet-500\/20 { --tw-gradient-to: rgb(139 92 246 / 0.2) var(--tw-gradient-to-position); } .to-violet-600 { --tw-gradient-to: #7c3aed var(--tw-gradient-to-position); } .to-violet-600\/10 { --tw-gradient-to: rgb(124 58 237 / 0.1) var(--tw-gradient-to-position); } .to-violet-700 { --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position); } .to-violet-700\/20 { --tw-gradient-to: rgb(109 40 217 / 0.2) var(--tw-gradient-to-position); } .to-violet-900\/20 { --tw-gradient-to: rgb(76 29 149 / 0.2) var(--tw-gradient-to-position); } .to-warning\/10 { --tw-gradient-to: hsl(var(--warning) / 0.1) var(--tw-gradient-to-position); } .to-warning\/50 { --tw-gradient-to: hsl(var(--warning) / 0.5) var(--tw-gradient-to-position); } .to-warning\/60 { --tw-gradient-to: hsl(var(--warning) / 0.6) var(--tw-gradient-to-position); } .to-warning\/70 { --tw-gradient-to: hsl(var(--warning) / 0.7) var(--tw-gradient-to-position); } .to-white { --tw-gradient-to: #fff var(--tw-gradient-to-position); } .to-white\/10 { --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position); } .to-white\/80 { --tw-gradient-to: rgb(255 255 255 / 0.8) var(--tw-gradient-to-position); } .to-yellow-100 { --tw-gradient-to: #fef9c3 var(--tw-gradient-to-position); } .to-yellow-400 { --tw-gradient-to: #facc15 var(--tw-gradient-to-position); } .to-yellow-50 { --tw-gradient-to: #fefce8 var(--tw-gradient-to-position); } .to-yellow-500\/10 { --tw-gradient-to: rgb(234 179 8 / 0.1) var(--tw-gradient-to-position); } .to-yellow-500\/20 { --tw-gradient-to: rgb(234 179 8 / 0.2) var(--tw-gradient-to-position); } .to-yellow-500\/5 { --tw-gradient-to: rgb(234 179 8 / 0.05) var(--tw-gradient-to-position); } .bg-\[length\:200\%_100\%\] { background-size: 200% 100%; } .bg-\[length\:20px_20px\] { background-size: 20px 20px; } .bg-cover { background-size: cover; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-\[\#2F5FD7\] { fill: #2F5FD7; } .fill-amber-300 { fill: #fcd34d; } .fill-amber-400 { fill: #fbbf24; } .fill-amber-500 { fill: #f59e0b; } .fill-blue-500 { fill: #3b82f6; } .fill-current { fill: currentColor; } .fill-destructive { fill: hsl(var(--destructive)); } .fill-destructive\/60 { fill: hsl(var(--destructive) / 0.6); } .fill-emerald-500 { fill: #10b981; } .fill-emerald-600 { fill: #059669; } .fill-foreground { fill: hsl(var(--foreground)); } .fill-indigo-500 { fill: #6366f1; } .fill-muted-foreground { fill: hsl(var(--muted-foreground)); } .fill-none { fill: none; } .fill-primary { fill: hsl(var(--primary)); } .fill-primary-foreground { fill: hsl(var(--primary-foreground)); } .fill-primary\/10 { fill: hsl(var(--primary) / 0.1); } .fill-purple-600 { fill: #9333ea; } .fill-red-500 { fill: #ef4444; } .fill-warning { fill: hsl(var(--warning)); } .fill-white { fill: #fff; } .fill-yellow-500 { fill: #eab308; } .stroke-amber-500 { stroke: #f59e0b; } .stroke-blue-500 { stroke: #3b82f6; } .stroke-destructive { stroke: hsl(var(--destructive)); } .stroke-emerald-500 { stroke: #10b981; } .stroke-muted { stroke: hsl(var(--muted)); } .stroke-muted\/30 { stroke: hsl(var(--muted) / 0.3); } .stroke-muted\/40 { stroke: hsl(var(--muted) / 0.4); } .stroke-muted\/50 { stroke: hsl(var(--muted) / 0.5); } .stroke-primary { stroke: hsl(var(--primary)); } .stroke-primary\/20 { stroke: hsl(var(--primary) / 0.2); } .stroke-red-400 { stroke: #f87171; } .stroke-slate-200 { stroke: #e2e8f0; } .stroke-warning { stroke: hsl(var(--warning)); } .stroke-\[2\.5\] { stroke-width: 2.5; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .\!p-2 { padding: 0.5rem !important; } .\!p-3 { padding: 0.75rem !important; } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-10 { padding: 2.5rem; } .p-12 { padding: 3rem; } .p-16 { padding: 4rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-3\.5 { padding: 0.875rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-7 { padding: 1.75rem; } .p-8 { padding: 2rem; } .p-\[1px\] { padding: 1px; } .p-\[var\(--card-padding\)\] { padding: var(--card-padding); } .p-card-lg { padding: 1.5rem; } .p-card-md { padding: 1rem; } .p-card-sm { padding: 0.75rem; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-12 { padding-left: 3rem; padding-right: 3rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-9 { padding-left: 2.25rem; padding-right: 2.25rem; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .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-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-section-lg { padding-top: 2rem; padding-bottom: 2rem; } .py-section-md { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-section-sm { padding-top: 1rem; padding-bottom: 1rem; } .py-section-xl { padding-top: 3rem; padding-bottom: 3rem; } .pb-0 { padding-bottom: 0px; } .pb-0\.5 { padding-bottom: 0.125rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-10 { padding-bottom: 2.5rem; } .pb-12 { padding-bottom: 3rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-2\.5 { padding-bottom: 0.625rem; } .pb-20 { padding-bottom: 5rem; } .pb-24 { padding-bottom: 6rem; } .pb-28 { padding-bottom: 7rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-3\.5 { padding-bottom: 0.875rem; } .pb-32 { padding-bottom: 8rem; } .pb-36 { padding-bottom: 9rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pb-\[env\(safe-area-inset-bottom\)\] { padding-bottom: env(safe-area-inset-bottom); } .pe-10 { padding-inline-end: 2.5rem; } .pe-2 { padding-inline-end: 0.5rem; } .pe-3 { padding-inline-end: 0.75rem; } .pe-5 { padding-inline-end: 1.25rem; } .pe-8 { padding-inline-end: 2rem; } .pe-9 { padding-inline-end: 2.25rem; } .pl-1 { padding-left: 0.25rem; } .pl-10 { padding-left: 2.5rem; } .pl-12 { padding-left: 3rem; } .pl-2 { padding-left: 0.5rem; } .pl-2\.5 { padding-left: 0.625rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pl-8 { padding-left: 2rem; } .pl-9 { padding-left: 2.25rem; } .pr-1 { padding-right: 0.25rem; } .pr-10 { padding-right: 2.5rem; } .pr-12 { padding-right: 3rem; } .pr-2 { padding-right: 0.5rem; } .pr-2\.5 { padding-right: 0.625rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-5 { padding-right: 1.25rem; } .pr-6 { padding-right: 1.5rem; } .pr-7 { padding-right: 1.75rem; } .pr-8 { padding-right: 2rem; } .pr-9 { padding-right: 2.25rem; } .ps-2 { padding-inline-start: 0.5rem; } .ps-3 { padding-inline-start: 0.75rem; } .ps-4 { padding-inline-start: 1rem; } .ps-6 { padding-inline-start: 1.5rem; } .ps-8 { padding-inline-start: 2rem; } .ps-9 { padding-inline-start: 2.25rem; } .pt-0 { padding-top: 0px; } .pt-0\.5 { padding-top: 0.125rem; } .pt-1 { padding-top: 0.25rem; } .pt-1\.5 { padding-top: 0.375rem; } .pt-10 { padding-top: 2.5rem; } .pt-12 { padding-top: 3rem; } .pt-14 { padding-top: 3.5rem; } .pt-16 { padding-top: 4rem; } .pt-2 { padding-top: 0.5rem; } .pt-2\.5 { padding-top: 0.625rem; } .pt-24 { padding-top: 6rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-7 { padding-top: 1.75rem; } .pt-8 { padding-top: 2rem; } .pt-\[env\(safe-area-inset-top\)\] { padding-top: env(safe-area-inset-top); } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-start { text-align: start; } .align-middle { vertical-align: middle; } .font-\[Cairo\2c sans-serif\] { font-family: Cairo,sans-serif; } .font-\[Tajawal\] { font-family: Tajawal; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .font-sans { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .font-serif { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-\[0\.4375rem\] { font-size: 0.4375rem; } .text-\[0\.5625rem\] { font-size: 0.5625rem; } .text-\[0\.5rem\] { font-size: 0.5rem; } .text-\[0\.625rem\] { font-size: 0.625rem; } .text-\[0\.65rem\] { font-size: 0.65rem; } .text-\[0\.6875rem\] { font-size: 0.6875rem; } .text-\[0\.75rem\] { font-size: 0.75rem; } .text-\[0\.78125rem\] { font-size: 0.78125rem; } .text-\[0\.7rem\] { font-size: 0.7rem; } .text-\[0\.8125rem\] { font-size: 0.8125rem; } .text-\[0\.844rem\] { font-size: 0.844rem; } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[0\.906rem\] { font-size: 0.906rem; } .text-\[0\.9375rem\] { font-size: 0.9375rem; } .text-\[1\.0625rem\] { font-size: 1.0625rem; } .text-\[1\.156rem\] { font-size: 1.156rem; } .text-\[1\.188rem\] { font-size: 1.188rem; } .text-\[1\.375rem\] { font-size: 1.375rem; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[10px\] { font-size: 10px; } .text-\[11\.5px\] { font-size: 11.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[2\.5px\] { font-size: 2.5px; } .text-\[20px\] { font-size: 20px; } .text-\[8px\] { font-size: 8px; } .text-\[9\.5px\] { font-size: 9.5px; } .text-\[9px\] { font-size: 9px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-body-lg { font-size: 1rem; line-height: 1.6; } .text-body-md { font-size: 0.875rem; line-height: 1.5; } .text-body-sm { font-size: 0.75rem; line-height: 1.5; } .text-caption { font-size: 0.6875rem; line-height: 1.4; } .text-heading-1 { font-size: 2rem; line-height: 1.2; font-weight: 700; } .text-heading-2 { font-size: 1.5rem; line-height: 1.25; font-weight: 700; } .text-heading-3 { font-size: 1.25rem; line-height: 1.3; font-weight: 600; } .text-heading-4 { font-size: 1.125rem; line-height: 1.4; font-weight: 600; } .text-heading-5 { font-size: 1rem; line-height: 1.4; font-weight: 600; } .text-label { font-size: 0.8125rem; line-height: 1.4; font-weight: 500; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-black { font-weight: 900; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-3 { line-height: .75rem; } .leading-\[1\.15\] { line-height: 1.15; } .leading-\[1\.5\] { line-height: 1.5; } .leading-\[1\.6\] { line-height: 1.6; } .leading-\[1\.85\] { line-height: 1.85; } .leading-loose { line-height: 2; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-\[0\.3px\] { letter-spacing: 0.3px; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .text-\[\#075E54\] { --tw-text-opacity: 1; color: rgb(7 94 84 / var(--tw-text-opacity, 1)); } .text-\[\#0A66C2\] { --tw-text-opacity: 1; color: rgb(10 102 194 / var(--tw-text-opacity, 1)); } .text-\[\#0d3b2e\] { --tw-text-opacity: 1; color: rgb(13 59 46 / var(--tw-text-opacity, 1)); } .text-\[\#0d3b2e\]\/60 { color: rgb(13 59 46 / 0.6); } .text-\[\#0f1f33\] { --tw-text-opacity: 1; color: rgb(15 31 51 / var(--tw-text-opacity, 1)); } .text-\[\#14B8A6\] { --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity, 1)); } .text-\[\#1E293B\] { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-\[\#1e3a5f\] { --tw-text-opacity: 1; color: rgb(30 58 95 / var(--tw-text-opacity, 1)); } .text-\[\#1e3a5f\]\/50 { color: rgb(30 58 95 / 0.5); } .text-\[\#1e3a5f\]\/60 { color: rgb(30 58 95 / 0.6); } .text-\[\#1e3a5f\]\/70 { color: rgb(30 58 95 / 0.7); } .text-\[\#22C55E\] { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-\[\#2F5FD7\] { --tw-text-opacity: 1; color: rgb(47 95 215 / var(--tw-text-opacity, 1)); } .text-\[\#334155\] { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-\[\#475569\] { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-\[\#4B5563\] { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-\[\#64748B\] { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-\[\#6B7280\] { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-\[\#7A8292\] { --tw-text-opacity: 1; color: rgb(122 130 146 / var(--tw-text-opacity, 1)); } .text-\[\#7C3AED\] { --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); } .text-\[\#94A3B8\] { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-\[\#CBD5E1\] { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .text-\[\#D97706\] { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-\[\#EA580C\] { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .text-\[\#EAB308\] { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .text-\[hsl\(var\(--accent-current\)\)\] { color: hsl(var(--accent-current)); } .text-\[hsl\(var\(--sidebar-foreground\)\)\] { color: hsl(var(--sidebar-foreground)); } .text-\[hsl\(var\(--sidebar-foreground\)\)\]\/60 { color: hsl(var(--sidebar-foreground) / 0.6); } .text-\[hsl\(var\(--sidebar-foreground\)\)\]\/70 { color: hsl(var(--sidebar-foreground) / 0.7); } .text-accent { color: hsl(var(--accent)); } .text-accent-foreground { color: hsl(var(--accent-foreground)); } .text-amber-100 { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); } .text-amber-200 { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .text-amber-300 { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .text-amber-400 { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .text-amber-400\/50 { color: rgb(251 191 36 / 0.5); } .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-amber-600\/70 { color: rgb(217 119 6 / 0.7); } .text-amber-600\/80 { color: rgb(217 119 6 / 0.8); } .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-700\/70 { color: rgb(180 83 9 / 0.7); } .text-amber-800 { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-amber-900 { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .text-amber-900\/80 { color: rgb(120 53 15 / 0.8); } .text-amber-950 { --tw-text-opacity: 1; color: rgb(69 26 3 / var(--tw-text-opacity, 1)); } .text-background { color: hsl(var(--background)); } .text-background\/60 { color: hsl(var(--background) / 0.6); } .text-background\/70 { color: hsl(var(--background) / 0.7); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-100 { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity, 1)); } .text-blue-100\/80 { color: rgb(219 234 254 / 0.8); } .text-blue-200 { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity, 1)); } .text-blue-200\/50 { color: rgb(191 219 254 / 0.5); } .text-blue-200\/60 { color: rgb(191 219 254 / 0.6); } .text-blue-200\/70 { color: rgb(191 219 254 / 0.7); } .text-blue-200\/80 { color: rgb(191 219 254 / 0.8); } .text-blue-300 { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .text-blue-300\/60 { color: rgb(147 197 253 / 0.6); } .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-50\/90 { color: rgb(239 246 255 / 0.9); } .text-blue-50\/95 { color: rgb(239 246 255 / 0.95); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-blue-600\/80 { color: rgb(37 99 235 / 0.8); } .text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity, 1)); } .text-card-foreground { color: hsl(var(--card-foreground)); } .text-current { color: currentColor; } .text-cyan-500 { --tw-text-opacity: 1; color: rgb(6 182 212 / var(--tw-text-opacity, 1)); } .text-cyan-600 { --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity, 1)); } .text-cyan-700 { --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity, 1)); } .text-cyan-800 { --tw-text-opacity: 1; color: rgb(21 94 117 / var(--tw-text-opacity, 1)); } .text-destructive { color: hsl(var(--destructive)); } .text-destructive-foreground { color: hsl(var(--destructive-foreground)); } .text-destructive\/40 { color: hsl(var(--destructive) / 0.4); } .text-destructive\/60 { color: hsl(var(--destructive) / 0.6); } .text-destructive\/70 { color: hsl(var(--destructive) / 0.7); } .text-destructive\/80 { color: hsl(var(--destructive) / 0.8); } .text-emerald-200 { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); } .text-emerald-300 { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .text-emerald-400 { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-emerald-500\/50 { color: rgb(16 185 129 / 0.5); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-600\/80 { color: rgb(5 150 105 / 0.8); } .text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-emerald-700\/70 { color: rgb(4 120 87 / 0.7); } .text-emerald-700\/80 { color: rgb(4 120 87 / 0.8); } .text-emerald-800 { --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); } .text-emerald-900 { --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); } .text-foreground { color: hsl(var(--foreground)); } .text-foreground\/50 { color: hsl(var(--foreground) / 0.5); } .text-foreground\/60 { color: hsl(var(--foreground) / 0.6); } .text-foreground\/70 { color: hsl(var(--foreground) / 0.7); } .text-foreground\/80 { color: hsl(var(--foreground) / 0.8); } .text-foreground\/85 { color: hsl(var(--foreground) / 0.85); } .text-foreground\/90 { color: hsl(var(--foreground) / 0.9); } .text-fuchsia-500 { --tw-text-opacity: 1; color: rgb(217 70 239 / var(--tw-text-opacity, 1)); } .text-fuchsia-600 { --tw-text-opacity: 1; color: rgb(192 38 211 / 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-200 { --tw-text-opacity: 1; color: rgb(187 247 208 / var(--tw-text-opacity, 1)); } .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-600\/70 { color: rgb(22 163 74 / 0.7); } .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-green-700\/70 { color: rgb(21 128 61 / 0.7); } .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } .text-green-900 { --tw-text-opacity: 1; color: rgb(20 83 45 / var(--tw-text-opacity, 1)); } .text-green-900\/80 { color: rgb(20 83 45 / 0.8); } .text-indigo-300 { --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity, 1)); } .text-indigo-500 { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity, 1)); } .text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity, 1)); } .text-indigo-700 { --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1)); } .text-indigo-800 { --tw-text-opacity: 1; color: rgb(55 48 163 / var(--tw-text-opacity, 1)); } .text-info { color: hsl(var(--info)); } .text-info-foreground { color: hsl(var(--info-foreground)); } .text-lime-600 { --tw-text-opacity: 1; color: rgb(101 163 13 / var(--tw-text-opacity, 1)); } .text-muted { color: hsl(var(--muted)); } .text-muted-foreground { color: hsl(var(--muted-foreground)); } .text-muted-foreground\/20 { color: hsl(var(--muted-foreground) / 0.2); } .text-muted-foreground\/30 { color: hsl(var(--muted-foreground) / 0.3); } .text-muted-foreground\/40 { color: hsl(var(--muted-foreground) / 0.4); } .text-muted-foreground\/50 { color: hsl(var(--muted-foreground) / 0.5); } .text-muted-foreground\/60 { color: hsl(var(--muted-foreground) / 0.6); } .text-muted-foreground\/70 { color: hsl(var(--muted-foreground) / 0.7); } .text-muted-foreground\/80 { color: hsl(var(--muted-foreground) / 0.8); } .text-muted\/30 { color: hsl(var(--muted) / 0.3); } .text-orange-500 { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .text-orange-600 { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .text-orange-700 { --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity, 1)); } .text-orange-800 { --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); } .text-orange-900 { --tw-text-opacity: 1; color: rgb(124 45 18 / var(--tw-text-opacity, 1)); } .text-pink-100 { --tw-text-opacity: 1; color: rgb(252 231 243 / var(--tw-text-opacity, 1)); } .text-pink-500 { --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-text-opacity, 1)); } .text-pink-600 { --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity, 1)); } .text-pink-700 { --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity, 1)); } .text-popover-foreground { color: hsl(var(--popover-foreground)); } .text-primary { color: hsl(var(--primary)); } .text-primary-dark { color: hsl(var(--primary-dark)); } .text-primary-foreground { color: hsl(var(--primary-foreground)); } .text-primary-foreground\/50 { color: hsl(var(--primary-foreground) / 0.5); } .text-primary-foreground\/70 { color: hsl(var(--primary-foreground) / 0.7); } .text-primary-foreground\/80 { color: hsl(var(--primary-foreground) / 0.8); } .text-primary\/20 { color: hsl(var(--primary) / 0.2); } .text-primary\/40 { color: hsl(var(--primary) / 0.4); } .text-primary\/50 { color: hsl(var(--primary) / 0.5); } .text-primary\/60 { color: hsl(var(--primary) / 0.6); } .text-primary\/70 { color: hsl(var(--primary) / 0.7); } .text-primary\/80 { color: hsl(var(--primary) / 0.8); } .text-purple-100 { --tw-text-opacity: 1; color: rgb(243 232 255 / var(--tw-text-opacity, 1)); } .text-purple-200 { --tw-text-opacity: 1; color: rgb(233 213 255 / var(--tw-text-opacity, 1)); } .text-purple-300 { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); } .text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-purple-600\/80 { color: rgb(147 51 234 / 0.8); } .text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .text-purple-700\/70 { color: rgb(126 34 206 / 0.7); } .text-purple-800 { --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity, 1)); } .text-purple-900 { --tw-text-opacity: 1; color: rgb(88 28 135 / var(--tw-text-opacity, 1)); } .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-red-700\/70 { color: rgb(185 28 28 / 0.7); } .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-red-900 { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity, 1)); } .text-red-900\/80 { color: rgb(127 29 29 / 0.8); } .text-rose-100 { --tw-text-opacity: 1; color: rgb(255 228 230 / var(--tw-text-opacity, 1)); } .text-rose-300 { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); } .text-rose-500 { --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); } .text-rose-600 { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .text-rose-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .text-rose-800 { --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity, 1)); } .text-rose-900 { --tw-text-opacity: 1; color: rgb(136 19 55 / var(--tw-text-opacity, 1)); } .text-secondary-foreground { color: hsl(var(--secondary-foreground)); } .text-sidebar-foreground { color: hsl(var(--sidebar-foreground)); } .text-sidebar-foreground\/70 { color: hsl(var(--sidebar-foreground) / 0.7); } .text-simulation-accent { color: hsl(var(--simulation-accent)); } .text-simulation-text { color: hsl(var(--simulation-text)); } .text-simulation-text\/40 { color: hsl(var(--simulation-text) / 0.4); } .text-simulation-text\/50 { color: hsl(var(--simulation-text) / 0.5); } .text-simulation-text\/60 { color: hsl(var(--simulation-text) / 0.6); } .text-simulation-text\/70 { color: hsl(var(--simulation-text) / 0.7); } .text-sky-200 { --tw-text-opacity: 1; color: rgb(186 230 253 / var(--tw-text-opacity, 1)); } .text-sky-300 { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .text-sky-500 { --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .text-sky-600 { --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity, 1)); } .text-sky-700 { --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); } .text-sky-800 { --tw-text-opacity: 1; color: rgb(7 89 133 / var(--tw-text-opacity, 1)); } .text-sky-900 { --tw-text-opacity: 1; color: rgb(12 74 110 / var(--tw-text-opacity, 1)); } .text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-slate-800 { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .text-stone-400 { --tw-text-opacity: 1; color: rgb(168 162 158 / var(--tw-text-opacity, 1)); } .text-stone-500 { --tw-text-opacity: 1; color: rgb(120 113 108 / var(--tw-text-opacity, 1)); } .text-stone-600 { --tw-text-opacity: 1; color: rgb(87 83 78 / var(--tw-text-opacity, 1)); } .text-stone-700 { --tw-text-opacity: 1; color: rgb(68 64 60 / var(--tw-text-opacity, 1)); } .text-stone-800 { --tw-text-opacity: 1; color: rgb(41 37 36 / var(--tw-text-opacity, 1)); } .text-success { color: hsl(var(--success)); } .text-success-foreground { color: hsl(var(--success-foreground)); } .text-teal-500 { --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity, 1)); } .text-teal-600 { --tw-text-opacity: 1; color: rgb(13 148 136 / var(--tw-text-opacity, 1)); } .text-teal-700 { --tw-text-opacity: 1; color: rgb(15 118 110 / var(--tw-text-opacity, 1)); } .text-teal-800 { --tw-text-opacity: 1; color: rgb(17 94 89 / var(--tw-text-opacity, 1)); } .text-transparent { color: transparent; } .text-violet-300 { --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); } .text-violet-500 { --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity, 1)); } .text-violet-600 { --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); } .text-violet-700 { --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); } .text-violet-700\/80 { color: rgb(109 40 217 / 0.8); } .text-violet-900 { --tw-text-opacity: 1; color: rgb(76 29 149 / var(--tw-text-opacity, 1)); } .text-violet-900\/90 { color: rgb(76 29 149 / 0.9); } .text-warning { color: hsl(var(--warning)); } .text-warning-foreground { color: hsl(var(--warning-foreground)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/30 { color: rgb(255 255 255 / 0.3); } .text-white\/40 { color: rgb(255 255 255 / 0.4); } .text-white\/50 { color: rgb(255 255 255 / 0.5); } .text-white\/55 { color: rgb(255 255 255 / 0.55); } .text-white\/60 { color: rgb(255 255 255 / 0.6); } .text-white\/65 { color: rgb(255 255 255 / 0.65); } .text-white\/70 { color: rgb(255 255 255 / 0.7); } .text-white\/75 { color: rgb(255 255 255 / 0.75); } .text-white\/80 { color: rgb(255 255 255 / 0.8); } .text-white\/85 { color: rgb(255 255 255 / 0.85); } .text-white\/90 { color: rgb(255 255 255 / 0.9); } .text-white\/95 { color: rgb(255 255 255 / 0.95); } .text-yellow-200 { --tw-text-opacity: 1; color: rgb(254 240 138 / var(--tw-text-opacity, 1)); } .text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .text-yellow-700 { --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); } .text-yellow-800 { --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)); } .text-yellow-900 { --tw-text-opacity: 1; color: rgb(113 63 18 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .decoration-primary\/30 { text-decoration-color: hsl(var(--primary) / 0.3); } .decoration-double { text-decoration-style: double; } .underline-offset-4 { text-underline-offset: 4px; } .underline-offset-8 { text-underline-offset: 8px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .accent-primary { accent-color: hsl(var(--primary)); } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-100 { opacity: 1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-5 { opacity: 0.05; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .opacity-\[0\.02\] { opacity: 0.02; } .opacity-\[0\.03\] { opacity: 0.03; } .opacity-\[0\.04\] { opacity: 0.04; } .opacity-\[0\.05\] { opacity: 0.05; } .opacity-\[0\.06\] { opacity: 0.06; } .opacity-\[0\.07\] { opacity: 0.07; } .mix-blend-difference { mix-blend-mode: difference; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px 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-\[-2px_0_8px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] { --tw-shadow: -2px 0 8px rgba(0,0,0,0.04); --tw-shadow-colored: -2px 0 8px 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-\[0_-4px_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { --tw-shadow: 0 -4px 20px rgba(0,0,0,0.08); --tw-shadow-colored: 0 -4px 20px 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-\[0_-8px_24px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 -8px 24px rgba(0,0,0,0.06); --tw-shadow-colored: 0 -8px 24px 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-\[0_-8px_30px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] { --tw-shadow: 0 -8px 30px rgba(0,0,0,0.12); --tw-shadow-colored: 0 -8px 30px 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-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_2px_rgba\(37\2c 99\2c 235\2c 0\.2\)\] { --tw-shadow: 0 0 0 2px rgba(37,99,235,0.2); --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_rgba\(47\2c 95\2c 215\2c 0\.12\)\] { --tw-shadow: 0 0 0 3px rgba(47,95,215,0.12); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_4px_hsl\(var\(--background\)\)\2c 0_0_0_6px_hsl\(var\(--primary\)\/0\.3\)\] { --tw-shadow: 0 0 0 4px hsl(var(--background)),0 0 0 6px hsl(var(--primary)/0.3); --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 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-\[0_0_0_4px_hsl\(var\(--background\)\)\2c 0_0_0_6px_rgba\(34\2c 197\2c 94\2c 0\.3\)\] { --tw-shadow: 0 0 0 4px hsl(var(--background)),0 0 0 6px rgba(34,197,94,0.3); --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 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-\[0_0_12px_rgba\(16\2c 185\2c 129\2c 0\.3\)\] { --tw-shadow: 0 0 12px rgba(16,185,129,0.3); --tw-shadow-colored: 0 0 12px 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-\[0_0_20px_rgba\(56\2c 189\2c 248\2c 0\.3\)\] { --tw-shadow: 0 0 20px rgba(56,189,248,0.3); --tw-shadow-colored: 0 0 20px 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-\[0_0_30px_rgba\(239\2c 68\2c 68\2c 0\.5\)\] { --tw-shadow: 0 0 30px rgba(239,68,68,0.5); --tw-shadow-colored: 0 0 30px 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-\[0_0_30px_rgba\(245\2c 158\2c 11\2c 0\.5\)\] { --tw-shadow: 0 0 30px rgba(245,158,11,0.5); --tw-shadow-colored: 0 0 30px 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-\[0_0_30px_rgba\(59\2c 130\2c 246\2c 0\.5\)\] { --tw-shadow: 0 0 30px rgba(59,130,246,0.5); --tw-shadow-colored: 0 0 30px 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-\[0_0_60px_hsl\(var\(--primary\)\/0\.3\)\] { --tw-shadow: 0 0 60px hsl(var(--primary)/0.3); --tw-shadow-colored: 0 0 60px 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-\[0_0_6px_hsl\(var\(--primary\)\/0\.5\)\] { --tw-shadow: 0 0 6px hsl(var(--primary)/0.5); --tw-shadow-colored: 0 0 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-\[0_0_6px_rgba\(100\2c 116\2c 139\2c 0\.5\)\] { --tw-shadow: 0 0 6px rgba(100,116,139,0.5); --tw-shadow-colored: 0 0 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-\[0_0_6px_rgba\(16\2c 185\2c 129\2c 0\.5\)\] { --tw-shadow: 0 0 6px rgba(16,185,129,0.5); --tw-shadow-colored: 0 0 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-\[0_0_6px_rgba\(168\2c 85\2c 247\2c 0\.5\)\] { --tw-shadow: 0 0 6px rgba(168,85,247,0.5); --tw-shadow-colored: 0 0 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-\[0_0_6px_rgba\(225\2c 29\2c 72\2c 0\.5\)\] { --tw-shadow: 0 0 6px rgba(225,29,72,0.5); --tw-shadow-colored: 0 0 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-\[0_0_6px_rgba\(245\2c 158\2c 11\2c 0\.5\)\] { --tw-shadow: 0 0 6px rgba(245,158,11,0.5); --tw-shadow-colored: 0 0 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-\[0_0_6px_rgba\(249\2c 115\2c 22\2c 0\.5\)\] { --tw-shadow: 0 0 6px rgba(249,115,22,0.5); --tw-shadow-colored: 0 0 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-\[0_0_6px_rgba\(59\2c 130\2c 246\2c 0\.5\)\] { --tw-shadow: 0 0 6px rgba(59,130,246,0.5); --tw-shadow-colored: 0 0 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-\[0_0_8px_rgba\(255\2c 255\2c 255\2c 0\.6\)\] { --tw-shadow: 0 0 8px rgba(255,255,255,0.6); --tw-shadow-colored: 0 0 8px 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-\[0_10px_30px_rgba\(13\2c 59\2c 46\2c 0\.35\)\] { --tw-shadow: 0 10px 30px rgba(13,59,46,0.35); --tw-shadow-colored: 0 10px 30px 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-\[0_10px_30px_rgba\(15\2c 23\2c 42\2c 0\.25\)\] { --tw-shadow: 0 10px 30px rgba(15,23,42,0.25); --tw-shadow-colored: 0 10px 30px 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-\[0_10px_30px_rgba\(15\2c 31\2c 51\2c 0\.3\)\] { --tw-shadow: 0 10px 30px rgba(15,31,51,0.3); --tw-shadow-colored: 0 10px 30px 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-\[0_10px_30px_rgba\(76\2c 36\2c 135\2c 0\.35\)\] { --tw-shadow: 0 10px 30px rgba(76,36,135,0.35); --tw-shadow-colored: 0 10px 30px 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-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] { --tw-shadow: 0 1px 3px rgba(0,0,0,0.04); --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.03\)\] { --tw-shadow: 0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03); --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_3px_rgba\(15\2c 23\2c 42\2c 0\.08\)\2c 0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.06\)\] { --tw-shadow: 0 1px 3px rgba(15,23,42,0.08),0 1px 2px rgba(15,23,42,0.06); --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_3px_rgba\(62\2c 74\2c 89\2c 0\.08\)\2c 0_1px_2px_rgba\(62\2c 74\2c 89\2c 0\.06\)\] { --tw-shadow: 0 1px 3px rgba(62,74,89,0.08),0 1px 2px rgba(62,74,89,0.06); --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_4px_hsl\(var\(--foreground\)\/0\.03\)\] { --tw-shadow: 0 1px 4px hsl(var(--foreground)/0.03); --tw-shadow-colored: 0 1px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_6px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 1px 6px rgba(0,0,0,0.06); --tw-shadow-colored: 0 1px 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-\[0_20px_60px_-15px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] { --tw-shadow: 0 20px 60px -15px rgba(0,0,0,0.1); --tw-shadow-colored: 0 20px 60px -15px 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-\[0_20px_60px_-20px_rgba\(30\2c 58\2c 95\2c 0\.25\)\] { --tw-shadow: 0 20px 60px -20px rgba(30,58,95,0.25); --tw-shadow-colored: 0 20px 60px -20px 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-\[0_2px_10px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 2px 10px rgba(0,0,0,0.06); --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_10px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] { --tw-shadow: 0 2px 10px rgba(0,0,0,0.12); --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_10px_rgba\(15\2c 23\2c 42\2c 0\.04\)\] { --tw-shadow: 0 2px 10px rgba(15,23,42,0.04); --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_10px_rgba\(15\2c 23\2c 42\2c 0\.05\)\] { --tw-shadow: 0 2px 10px rgba(15,23,42,0.05); --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] { --tw-shadow: 0 2px 12px rgba(0,0,0,0.05); --tw-shadow-colored: 0 2px 12px 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-\[0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 2px 12px rgba(0,0,0,0.06); --tw-shadow-colored: 0 2px 12px 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-\[0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { --tw-shadow: 0 2px 12px rgba(0,0,0,0.08); --tw-shadow-colored: 0 2px 12px 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-\[0_2px_16px_rgba\(0\2c 0\2c 0\2c 0\.07\)\] { --tw-shadow: 0 2px 16px rgba(0,0,0,0.07); --tw-shadow-colored: 0 2px 16px 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-\[0_2px_6px_rgba\(16\2c 185\2c 129\2c 0\.04\)\] { --tw-shadow: 0 2px 6px rgba(16,185,129,0.04); --tw-shadow-colored: 0 2px 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-\[0_2px_6px_rgba\(16\2c 185\2c 129\2c 0\.05\)\] { --tw-shadow: 0 2px 6px rgba(16,185,129,0.05); --tw-shadow-colored: 0 2px 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-\[0_2px_6px_rgba\(168\2c 85\2c 247\2c 0\.04\)\] { --tw-shadow: 0 2px 6px rgba(168,85,247,0.04); --tw-shadow-colored: 0 2px 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-\[0_2px_6px_rgba\(168\2c 85\2c 247\2c 0\.05\)\] { --tw-shadow: 0 2px 6px rgba(168,85,247,0.05); --tw-shadow-colored: 0 2px 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-\[0_2px_6px_rgba\(245\2c 158\2c 11\2c 0\.05\)\] { --tw-shadow: 0 2px 6px rgba(245,158,11,0.05); --tw-shadow-colored: 0 2px 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-\[0_2px_6px_rgba\(37\2c 99\2c 235\2c 0\.04\)\] { --tw-shadow: 0 2px 6px rgba(37,99,235,0.04); --tw-shadow-colored: 0 2px 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-\[0_2px_6px_rgba\(37\2c 99\2c 235\2c 0\.06\)\] { --tw-shadow: 0 2px 6px rgba(37,99,235,0.06); --tw-shadow-colored: 0 2px 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-\[0_2px_6px_rgba\(59\2c 130\2c 246\2c 0\.05\)\] { --tw-shadow: 0 2px 6px rgba(59,130,246,0.05); --tw-shadow-colored: 0 2px 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-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] { --tw-shadow: 0 2px 8px rgba(0,0,0,0.04); --tw-shadow-colored: 0 2px 8px 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-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 2px 8px rgba(0,0,0,0.06); --tw-shadow-colored: 0 2px 8px 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-\[0_2px_8px_rgba\(15\2c 23\2c 42\2c 0\.04\)\] { --tw-shadow: 0 2px 8px rgba(15,23,42,0.04); --tw-shadow-colored: 0 2px 8px 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-\[0_2px_8px_rgba\(15\2c 23\2c 42\2c 0\.05\)\] { --tw-shadow: 0 2px 8px rgba(15,23,42,0.05); --tw-shadow-colored: 0 2px 8px 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-\[0_2px_8px_rgba\(168\2c 85\2c 247\2c 0\.06\)\] { --tw-shadow: 0 2px 8px rgba(168,85,247,0.06); --tw-shadow-colored: 0 2px 8px 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-\[0_2px_8px_rgba\(255\2c 255\2c 255\2c 0\.08\)\] { --tw-shadow: 0 2px 8px rgba(255,255,255,0.08); --tw-shadow-colored: 0 2px 8px 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-\[0_2px_8px_rgba\(37\2c 99\2c 235\2c 0\.06\)\] { --tw-shadow: 0 2px 8px rgba(37,99,235,0.06); --tw-shadow-colored: 0 2px 8px 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-\[0_3px_8px_rgba\(37\2c 99\2c 235\2c 0\.05\)\] { --tw-shadow: 0 3px 8px rgba(37,99,235,0.05); --tw-shadow-colored: 0 3px 8px 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-\[0_4px_14px_hsl\(var\(--primary\)\/0\.30\)\] { --tw-shadow: 0 4px 14px hsl(var(--primary)/0.30); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 4px 14px rgba(0,0,0,0.06); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] { --tw-shadow: 0 4px 14px rgba(0,0,0,0.15); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(15\2c 23\2c 42\2c 0\.05\)\] { --tw-shadow: 0 4px 14px rgba(15,23,42,0.05); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(15\2c 23\2c 42\2c 0\.06\)\] { --tw-shadow: 0 4px 14px rgba(15,23,42,0.06); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] { --tw-shadow: 0 4px 14px rgba(15,23,42,0.08); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(15\2c 23\2c 42\2c 0\.1\)\] { --tw-shadow: 0 4px 14px rgba(15,23,42,0.1); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(16\2c 185\2c 129\2c 0\.3\)\] { --tw-shadow: 0 4px 14px rgba(16,185,129,0.3); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(16\2c 185\2c 129\2c 0\.30\)\] { --tw-shadow: 0 4px 14px rgba(16,185,129,0.30); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(255\2c 255\2c 255\2c 0\.18\)\] { --tw-shadow: 0 4px 14px rgba(255,255,255,0.18); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_14px_rgba\(255\2c 255\2c 255\2c 0\.25\)\] { --tw-shadow: 0 4px 14px rgba(255,255,255,0.25); --tw-shadow-colored: 0 4px 14px 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-\[0_4px_16px_rgba\(15\2c 23\2c 42\2c 0\.06\)\] { --tw-shadow: 0 4px 16px rgba(15,23,42,0.06); --tw-shadow-colored: 0 4px 16px 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-\[0_4px_20px_hsl\(var\(--primary\)\/0\.4\)\] { --tw-shadow: 0 4px 20px hsl(var(--primary)/0.4); --tw-shadow-colored: 0 4px 20px 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-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] { --tw-shadow: 0 4px 20px rgba(0,0,0,0.06),0 1px 4px rgba(0,0,0,0.04); --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color), 0 1px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { --tw-shadow: 0 4px 20px rgba(0,0,0,0.08); --tw-shadow-colored: 0 4px 20px 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-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.09\)\] { --tw-shadow: 0 4px 20px rgba(0,0,0,0.09); --tw-shadow-colored: 0 4px 20px 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-\[0_4px_20px_rgba\(37\2c 99\2c 235\2c 0\.25\)\] { --tw-shadow: 0 4px 20px rgba(37,99,235,0.25); --tw-shadow-colored: 0 4px 20px 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-\[0_4px_24px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 4px 24px rgba(0,0,0,0.06); --tw-shadow-colored: 0 4px 24px 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-\[0_4px_24px_rgba\(0\2c 0\2c 0\2c 0\.09\)\] { --tw-shadow: 0 4px 24px rgba(0,0,0,0.09); --tw-shadow-colored: 0 4px 24px 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-\[0_4px_24px_rgba\(168\2c 85\2c 247\2c 0\.08\)\] { --tw-shadow: 0 4px 24px rgba(168,85,247,0.08); --tw-shadow-colored: 0 4px 24px 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-\[0_4px_24px_rgba\(30\2c 58\2c 95\2c 0\.06\)\2c 0_0_0_1px_rgba\(212\2c 168\2c 83\2c 0\.08\)\] { --tw-shadow: 0 4px 24px rgba(30,58,95,0.06),0 0 0 1px rgba(212,168,83,0.08); --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_24px_rgba\(59\2c 130\2c 246\2c 0\.08\)\] { --tw-shadow: 0 4px 24px rgba(59,130,246,0.08); --tw-shadow-colored: 0 4px 24px 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-\[0_8px_24px_-4px_hsl\(var\(--accent-current\2c var\(--primary\)\)\/0\.5\)\] { --tw-shadow: 0 8px 24px -4px hsl(var(--accent-current,var(--primary))/0.5); --tw-shadow-colored: 0 8px 24px -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-\[0_8px_24px_-6px_rgba\(30\2c 58\2c 95\2c 0\.25\)\] { --tw-shadow: 0 8px 24px -6px rgba(30,58,95,0.25); --tw-shadow-colored: 0 8px 24px -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-\[0_8px_24px_-6px_rgba\(30\2c 58\2c 95\2c 0\.55\)\] { --tw-shadow: 0 8px 24px -6px rgba(30,58,95,0.55); --tw-shadow-colored: 0 8px 24px -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-\[0_8px_24px_-8px_rgba\(16\2c 185\2c 129\2c 0\.25\)\] { --tw-shadow: 0 8px 24px -8px rgba(16,185,129,0.25); --tw-shadow-colored: 0 8px 24px -8px 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-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.18\)\] { --tw-shadow: 0 8px 24px rgba(15,23,42,0.18); --tw-shadow-colored: 0 8px 24px 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-\[0_8px_30px_rgba\(47\2c 95\2c 215\2c 0\.25\)\] { --tw-shadow: 0 8px 30px rgba(47,95,215,0.25); --tw-shadow-colored: 0 8px 30px 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-\[3px_3px_0_0_hsl\(var\(--foreground\)\)\] { --tw-shadow: 3px 3px 0 0 hsl(var(--foreground)); --tw-shadow-colored: 3px 3px 0 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-\[4px_4px_8px_\#c5ccd6\2c -4px_-4px_8px_\#ffffff\] { --tw-shadow: 4px 4px 8px #c5ccd6,-4px -4px 8px #ffffff; --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px 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-\[6px_6px_0_0_hsl\(var\(--primary\)\)\] { --tw-shadow: 6px 6px 0 0 hsl(var(--primary)); --tw-shadow-colored: 6px 6px 0 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-\[8px_8px_16px_\#c5ccd6\2c -8px_-8px_16px_\#ffffff\] { --tw-shadow: 8px 8px 16px #c5ccd6,-8px -8px 16px #ffffff; --tw-shadow-colored: 8px 8px 16px var(--tw-shadow-color), -8px -8px 16px 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-\[inset_-1px_0_0_rgba\(0\2c 0\2c 0\2c 0\.02\)\] { --tw-shadow: inset -1px 0 0 rgba(0,0,0,0.02); --tw-shadow-colored: inset -1px 0 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-\[inset_0_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] { --tw-shadow: inset 0 -1px 0 rgba(0,0,0,0.05); --tw-shadow-colored: inset 0 -1px 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-\[inset_0_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\] { --tw-shadow: inset 0 -1px 0 rgba(0,0,0,0.10); --tw-shadow-colored: inset 0 -1px 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-\[inset_0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.03\)\] { --tw-shadow: inset 0 1px 2px rgba(0,0,0,0.03); --tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-card { --tw-shadow: var(--card-shadow); --tw-shadow-colored: var(--card-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-card-elevated { --tw-shadow: var(--card-shadow-elevated); --tw-shadow-colored: var(--card-shadow-elevated); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-card-hover { --tw-shadow: var(--card-shadow-hover); --tw-shadow-colored: var(--card-shadow-hover); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .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-\[\.\.\.\] { --tw-shadow-color: ...; --tw-shadow: var(--tw-shadow-colored); } .shadow-amber-200\/50 { --tw-shadow-color: rgb(253 230 138 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-amber-500\/10 { --tw-shadow-color: rgb(245 158 11 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .shadow-amber-500\/20 { --tw-shadow-color: rgb(245 158 11 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-amber-500\/25 { --tw-shadow-color: rgb(245 158 11 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/20 { --tw-shadow-color: rgb(0 0 0 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/30 { --tw-shadow-color: rgb(0 0 0 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/50 { --tw-shadow-color: rgb(0 0 0 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-200\/50 { --tw-shadow-color: rgb(191 219 254 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-500\/20 { --tw-shadow-color: rgb(59 130 246 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-500\/25 { --tw-shadow-color: rgb(59 130 246 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-500\/30 { --tw-shadow-color: rgb(59 130 246 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-900\/30 { --tw-shadow-color: rgb(30 58 138 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-card { --tw-shadow-color: hsl(var(--card)); --tw-shadow: var(--tw-shadow-colored); } .shadow-emerald-200\/50 { --tw-shadow-color: rgb(167 243 208 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-emerald-500\/20 { --tw-shadow-color: rgb(16 185 129 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-emerald-500\/25 { --tw-shadow-color: rgb(16 185 129 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-green-500\/30 { --tw-shadow-color: rgb(34 197 94 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-indigo-500\/20 { --tw-shadow-color: rgb(99 102 241 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-orange-200\/50 { --tw-shadow-color: rgb(254 215 170 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-orange-500\/25 { --tw-shadow-color: rgb(249 115 22 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/10 { --tw-shadow-color: hsl(var(--primary) / 0.1); --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/20 { --tw-shadow-color: hsl(var(--primary) / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/25 { --tw-shadow-color: hsl(var(--primary) / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/30 { --tw-shadow-color: hsl(var(--primary) / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/40 { --tw-shadow-color: hsl(var(--primary) / 0.4); --tw-shadow: var(--tw-shadow-colored); } .shadow-purple-200\/50 { --tw-shadow-color: rgb(233 213 255 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-purple-500\/20 { --tw-shadow-color: rgb(168 85 247 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-purple-500\/25 { --tw-shadow-color: rgb(168 85 247 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-red-200\/50 { --tw-shadow-color: rgb(254 202 202 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-red-500\/30 { --tw-shadow-color: rgb(239 68 68 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-rose-500\/20 { --tw-shadow-color: rgb(244 63 94 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-rose-500\/25 { --tw-shadow-color: rgb(244 63 94 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-slate-200\/50 { --tw-shadow-color: rgb(226 232 240 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-slate-500\/25 { --tw-shadow-color: rgb(100 116 139 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-success\/20 { --tw-shadow-color: hsl(var(--success) / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-teal-200\/50 { --tw-shadow-color: rgb(153 246 228 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-warning\/20 { --tw-shadow-color: hsl(var(--warning) / 0.2); --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .\!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); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-0 { --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); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2 { --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); } .ring-4 { --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); } .ring-\[4px\] { --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); } .ring-inset { --tw-ring-inset: inset; } .ring-\[\#22C55E\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)); } .ring-\[\#2F5FD7\]\/15 { --tw-ring-color: rgb(47 95 215 / 0.15); } .ring-\[\#2F5FD7\]\/20 { --tw-ring-color: rgb(47 95 215 / 0.2); } .ring-\[\#2F5FD7\]\/30 { --tw-ring-color: rgb(47 95 215 / 0.3); } .ring-\[\#7C3AED\]\/20 { --tw-ring-color: rgb(124 58 237 / 0.2); } .ring-\[\#E6EDF5\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(230 237 245 / var(--tw-ring-opacity, 1)); } .ring-\[hsl\(var\(--accent-current\)\)\] { --tw-ring-color: hsl(var(--accent-current)); } .ring-\[hsl\(var\(--accent-current\2c var\(--primary\)\)\)\] { --tw-ring-color: hsl(var(--accent-current,var(--primary))); } .ring-amber-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1)); } .ring-amber-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1)); } .ring-amber-500\/20 { --tw-ring-color: rgb(245 158 11 / 0.2); } .ring-amber-500\/30 { --tw-ring-color: rgb(245 158 11 / 0.3); } .ring-background { --tw-ring-color: hsl(var(--background)); } .ring-black\/\[0\.02\] { --tw-ring-color: rgb(0 0 0 / 0.02); } .ring-blue-100\/60 { --tw-ring-color: rgb(219 234 254 / 0.6); } .ring-blue-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1)); } .ring-blue-300\/30 { --tw-ring-color: rgb(147 197 253 / 0.3); } .ring-blue-400\/30 { --tw-ring-color: rgb(96 165 250 / 0.3); } .ring-blue-400\/40 { --tw-ring-color: rgb(96 165 250 / 0.4); } .ring-blue-500\/30 { --tw-ring-color: rgb(59 130 246 / 0.3); } .ring-border { --tw-ring-color: hsl(var(--border)); } .ring-border\/10 { --tw-ring-color: hsl(var(--border) / 0.1); } .ring-border\/20 { --tw-ring-color: hsl(var(--border) / 0.2); } .ring-border\/50 { --tw-ring-color: hsl(var(--border) / 0.5); } .ring-card { --tw-ring-color: hsl(var(--card)); } .ring-cyan-500\/20 { --tw-ring-color: rgb(6 182 212 / 0.2); } .ring-destructive\/20 { --tw-ring-color: hsl(var(--destructive) / 0.2); } .ring-emerald-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1)); } .ring-emerald-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1)); } .ring-emerald-400\/40 { --tw-ring-color: rgb(52 211 153 / 0.4); } .ring-emerald-400\/50 { --tw-ring-color: rgb(52 211 153 / 0.5); } .ring-emerald-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1)); } .ring-emerald-500\/20 { --tw-ring-color: rgb(16 185 129 / 0.2); } .ring-emerald-500\/30 { --tw-ring-color: rgb(16 185 129 / 0.3); } .ring-green-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)); } .ring-indigo-500\/30 { --tw-ring-color: rgb(99 102 241 / 0.3); } .ring-orange-500\/30 { --tw-ring-color: rgb(249 115 22 / 0.3); } .ring-primary { --tw-ring-color: hsl(var(--primary)); } .ring-primary\/10 { --tw-ring-color: hsl(var(--primary) / 0.1); } .ring-primary\/20 { --tw-ring-color: hsl(var(--primary) / 0.2); } .ring-primary\/30 { --tw-ring-color: hsl(var(--primary) / 0.3); } .ring-primary\/40 { --tw-ring-color: hsl(var(--primary) / 0.4); } .ring-primary\/50 { --tw-ring-color: hsl(var(--primary) / 0.5); } .ring-purple-500\/20 { --tw-ring-color: rgb(168 85 247 / 0.2); } .ring-purple-500\/30 { --tw-ring-color: rgb(168 85 247 / 0.3); } .ring-red-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1)); } .ring-red-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .ring-red-500\/30 { --tw-ring-color: rgb(239 68 68 / 0.3); } .ring-ring { --tw-ring-color: hsl(var(--ring)); } .ring-rose-500\/20 { --tw-ring-color: rgb(244 63 94 / 0.2); } .ring-rose-500\/30 { --tw-ring-color: rgb(244 63 94 / 0.3); } .ring-sidebar-ring { --tw-ring-color: hsl(var(--sidebar-ring)); } .ring-simulation-accent { --tw-ring-color: hsl(var(--simulation-accent)); } .ring-simulation-card { --tw-ring-color: hsl(var(--simulation-card)); } .ring-sky-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1)); } .ring-sky-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1)); } .ring-sky-500\/20 { --tw-ring-color: rgb(14 165 233 / 0.2); } .ring-sky-500\/30 { --tw-ring-color: rgb(14 165 233 / 0.3); } .ring-slate-400\/20 { --tw-ring-color: rgb(148 163 184 / 0.2); } .ring-slate-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1)); } .ring-slate-500\/30 { --tw-ring-color: rgb(100 116 139 / 0.3); } .ring-slate-900 { --tw-ring-opacity: 1; --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1)); } .ring-success\/20 { --tw-ring-color: hsl(var(--success) / 0.2); } .ring-success\/30 { --tw-ring-color: hsl(var(--success) / 0.3); } .ring-transparent { --tw-ring-color: transparent; } .ring-warning { --tw-ring-color: hsl(var(--warning)); } .ring-warning\/30 { --tw-ring-color: hsl(var(--warning) / 0.3); } .ring-white\/10 { --tw-ring-color: rgb(255 255 255 / 0.1); } .ring-white\/30 { --tw-ring-color: rgb(255 255 255 / 0.3); } .ring-offset-1 { --tw-ring-offset-width: 1px; } .ring-offset-2 { --tw-ring-offset-width: 2px; } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } .ring-offset-slate-50 { --tw-ring-offset-color: #f8fafc; } .ring-offset-slate-900 { --tw-ring-offset-color: #0f172a; } .blur { --tw-blur: blur(8px); 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); } .blur-2xl { --tw-blur: blur(40px); 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); } .blur-3xl { --tw-blur: blur(64px); 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); } .blur-\[100px\] { --tw-blur: blur(100px); 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); } .blur-\[120px\] { --tw-blur: blur(120px); 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); } .blur-md { --tw-blur: blur(12px); 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); } .blur-sm { --tw-blur: blur(4px); 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); } .blur-xl { --tw-blur: blur(24px); 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); } .brightness-110 { --tw-brightness: brightness(1.1); 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); } .brightness-90 { --tw-brightness: brightness(.9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .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-lg { --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); 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); } .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-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -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-blur-lg { --tw-backdrop-blur: blur(16px); -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-blur-md { --tw-backdrop-blur: blur(12px); -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-blur-sm { --tw-backdrop-blur: blur(4px); -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-blur-xl { --tw-backdrop-blur: blur(24px); -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 { -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 { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[left\2c right\2c width\] { transition-property: left,right,width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[margin\2c opa\] { transition-property: margin,opa; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\2c padding\] { transition-property: width,height,padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-none { transition-property: none; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100 { transition-duration: 100ms; } .duration-1000 { transition-duration: 1000ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-700 { transition-duration: 700ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { transition-timing-function: linear; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .will-change-transform { will-change: transform; } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .animate-in { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .fade-in { --tw-enter-opacity: 0; } .fade-in-0 { --tw-enter-opacity: 0; } .fade-in-80 { --tw-enter-opacity: 0.8; } .zoom-in-95 { --tw-enter-scale: .95; } .slide-in-from-bottom { --tw-enter-translate-y: 100%; } .slide-in-from-bottom-4 { --tw-enter-translate-y: 1rem; } .slide-in-from-top-2 { --tw-enter-translate-y: -0.5rem; } .slide-in-from-top-4 { --tw-enter-translate-y: -1rem; } .duration-100 { animation-duration: 100ms; } .duration-1000 { animation-duration: 1000ms; } .duration-150 { animation-duration: 150ms; } .duration-200 { animation-duration: 200ms; } .duration-300 { animation-duration: 300ms; } .duration-500 { animation-duration: 500ms; } .duration-700 { animation-duration: 700ms; } .ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { animation-timing-function: linear; } .ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .running { animation-play-state: running; } .paused { animation-play-state: paused; } /* ==================== ACCENT HARMONY SYSTEM ==================== */ /* Bridges hero ↔ page background ↔ cards ↔ buttons via --accent-current. */ /* Tinted page background — accent wash that fades into page-bg. Bumped from 5%→9% top, 2%→4% mid for visible harmony even on blue. */ .page-bg-tinted { background: linear-gradient( 180deg, hsl(var(--accent-current) / 0.09) 0%, hsl(var(--accent-current) / 0.04) 260px, hsl(var(--page-bg)) 560px ), hsl(var(--page-bg)); } /* Direct accent color utilities (read live --accent-current) */ .bg-accent-current { background-color: hsl(var(--accent-current)); } /* Card with subtle accent ring (8% accent border) */ .card-accent-ring { box-shadow: 0 0 0 1px hsl(var(--accent-current) / 0.10), var(--card-shadow); } .card-accent-ring:hover { box-shadow: 0 0 0 1px hsl(var(--accent-current) / 0.18), var(--card-shadow-hover); } /* Card with top accent strip (3px) — for featured cards */ .card-accent-strip { position: relative; } .card-accent-strip::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, hsl(var(--accent-current)), hsl(var(--accent-current) / 0.6)); border-top-left-radius: var(--card-radius); border-top-right-radius: var(--card-radius); pointer-events: none; } /* ===== Global Text Color System (Ink Colors) ===== */ /* Secondary text - descriptions, English, helper (no opacity, darker for readability) */ .dark .text-secondary-ink { color: #9CA3AF; } /* Desktop description enhancement - 14px, line-height 1.65 */ @media (min-width: 640px) { .description-enhanced { font-size: 0.875rem; line-height: 1.65; font-weight: 500; color: #4B5563; } .dark .description-enhanced { color: #9CA3AF; } } /* Meta labels - درس / مسار / أدوات (no opacity) */ .dark .text-meta-ink { color: #94A3B8; } /* Numbers and counts (no opacity) */ .dark .text-number-ink { color: #CBD5E1; } /* Captions (no opacity) */ .dark .text-caption-ink { color: #94A3B8; } /* Enterprise Text Hierarchy */ /* Section Block Background */ /* Arabic content with LTR English terms */ .ltr { direction: ltr; unicode-bidi: isolate; display: inline; font-family: system-ui, -apple-system, sans-serif; } /* SafeHtml content styling */ .safe-html-content .ltr { font-weight: 500; color: hsl(var(--primary)); white-space: nowrap; } /* Odoo Academy Lesson Page RTL Styles */ .odoo-lesson-content { direction: rtl; text-align: right; overflow-x: hidden; max-width: 100vw; } .odoo-lesson-content h1, .odoo-lesson-content h2, .odoo-lesson-content h3, .odoo-lesson-content h4, .odoo-lesson-content p, .odoo-lesson-content li, .odoo-lesson-content span { direction: rtl; text-align: right; } .odoo-lesson-content .prose { direction: rtl; text-align: justify; -moz-text-align-last: right; text-align-last: right; } /* Mobile improvements for lessons */ @media (max-width: 640px) { .safe-html-content { text-align: right; -webkit-hyphens: auto; hyphens: auto; word-break: break-word; } .safe-html-content .ltr { white-space: normal; word-break: break-all; } } /* Note text improvements for Arabic content with LTR terms */ .note-text .ltr { direction: ltr; unicode-bidi: isolate; display: inline; white-space: nowrap; padding: 0 4px; background: rgba(0, 0, 0, 0.05); border-radius: 4px; font-family: system-ui, -apple-system, sans-serif; font-weight: 500; } .dark .note-text .ltr { background: rgba(255, 255, 255, 0.1); } @media (max-width: 640px) { .note-text { line-height: 2; font-size: 0.9rem; } .note-text .ltr { white-space: normal; word-break: keep-all; } } .bg-gradient-primary { background: var(--gradient-primary); } .bg-gradient-success { background: var(--gradient-success); } .shadow-card { box-shadow: var(--shadow-card); } .shadow-card-hover { box-shadow: var(--shadow-card-hover); } /* Soft 3D shadow utilities */ /* Inner glow for interactive elements - Soft 3D */ .dark .inner-glow { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.3); } .glass { background: hsl(0 0% 100% / 0.8); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } /* Dark mode glass effect */ .dark .glass { background: hsl(222 30% 15% / 0.8); } /* Hide scrollbar for horizontal scroll areas */ .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } /* Dark mode card with elevation - Refined */ /* Clickable card hover effect */ .dark .card-hover { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-duration: 150ms; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); border: 1px solid hsl(var(--border)); } .dark .card-hover:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); background-color: hsl(var(--secondary)); border-color: hsl(var(--border) / 0.8); } /* Subtle divider - More visible */ /* Accent soft background */ /* Text utilities for dark mode */ .dark .text-title { color: hsl(var(--text-title)); } .dark .text-body { color: hsl(var(--text-body)); } .dark .text-secondary { color: hsl(var(--text-secondary)); } .dark .text-muted-dark { color: hsl(var(--text-muted)); } .dark .text-disabled { color: hsl(var(--text-disabled)); } /* Input focus states - Clearly distinguishable */ .dark input:focus, .dark textarea:focus, .dark select:focus, .dark [data-state="open"] { background-color: hsl(var(--input-focus)) !important; border-color: hsl(var(--primary)) !important; box-shadow: 0 0 0 2px hsl(var(--primary) / 0.2) !important; } /* Active/Selected states */ .dark [data-state="checked"], .dark [aria-selected="true"], .dark .active { background-color: hsl(var(--secondary)); border-color: hsl(var(--primary) / 0.5); } .dark .\!active { background-color: hsl(var(--secondary)) !important; border-color: hsl(var(--primary) / 0.5) !important; } /* Improved spacing for long pages */ .dark .space-y-4 > * + * { margin-top: 1.25rem; } .dark .space-y-6 > * + * { margin-top: 1.75rem; } .dark .space-y-8 > * + * { margin-top: 2.5rem; } /* Better scrollbar for dark mode */ .dark ::-webkit-scrollbar { width: 8px; height: 8px; } .dark ::-webkit-scrollbar-track { background: hsl(var(--background)); } .dark ::-webkit-scrollbar-thumb { background: hsl(var(--border)); border-radius: 4px; } .dark ::-webkit-scrollbar-thumb:hover { background: hsl(var(--muted-foreground) / 0.4); } /* ==================== Premium Card System ==================== */ .dark .card-premium { --card-gold-border: rgba(232, 185, 77, 0.2); --card-gold-glow: rgba(232, 185, 77, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 0 1px var(--card-gold-glow); } .dark .card-premium:hover { box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5), 0 0 24px rgba(232, 185, 77, 0.1), 0 0 0 1px var(--card-gold-border); } /* Icon Premium Style */ .dark .icon-premium { background: linear-gradient(145deg, hsl(216 40% 19%), hsl(216 45% 15%)); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(232, 185, 77, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05); } /* Frosted Glass Effect */ /* Gold Accent Strip */ /* Text Gold Gradient */ .bg-simulation-card { background: hsl(var(--card)); } .text-simulation-accent { color: hsl(var(--primary)); } .text-simulation-text { color: hsl(var(--foreground)); } .\[animation-delay\:-0\.15s\] { animation-delay: -0.15s; } .\[animation-delay\:-0\.3s\] { animation-delay: -0.3s; } .\[animation-delay\:0ms\] { animation-delay: 0ms; } .\[animation-delay\:150ms\] { animation-delay: 150ms; } .\[animation-delay\:300ms\] { animation-delay: 300ms; } .\[direction\:rtl\] { direction: rtl; } html { scroll-behavior: smooth; } /* ==================== Global RTL Support ==================== */ html[dir="rtl"], [dir="rtl"] { text-align: right; } /* Ensure all flex gaps work in RTL without space-x issues */ [dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]), [dir="rtl"] .space-x-3 > :not([hidden]) ~ :not([hidden]), [dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } /* Fix dialog close button position in RTL */ [dir="rtl"] [data-radix-popper-content-wrapper] { direction: rtl; } /* Ensure select dropdowns respect RTL */ [dir="rtl"] [role="listbox"] { text-align: right; } /* Fix number inputs to remain LTR for readability */ [dir="rtl"] input[type="number"], [dir="rtl"] input[type="email"], [dir="rtl"] input[type="url"], [dir="rtl"] input[type="tel"] { direction: ltr; text-align: right; } /* Date inputs LTR but right-aligned */ [dir="rtl"] input[type="date"], [dir="rtl"] input[type="datetime-local"] { direction: ltr; text-align: right; } /* Codes and document numbers LTR */ [dir="rtl"] .font-mono, [dir="rtl"] code { direction: ltr; unicode-bidi: embed; } /* ERP Training Platform - Enterprise Blue Design System */ /* Print Styles for PDF Export */ @media print { @page { size: A4; margin: 15mm; } html, body { direction: rtl !important; font-family: 'Cairo', 'Arial', sans-serif !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important; } body { background: white !important; } /* Hide non-printable elements */ .print\\:hidden, header, nav, .sidebar, button:not(.print-visible), [data-radix-scroll-area-viewport] > div:first-child { display: none !important; } /* Show print-only elements */ .print\\:block { display: block !important; } /* Card styling for print */ .print-card, [class*="card"] { box-shadow: none !important; border: 1px solid #e5e7eb !important; -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; } /* Preserve colors */ .text-success, .border-success { color: #16a34a !important; } .text-destructive, .border-destructive { color: #dc2626 !important; } .text-warning, .border-warning { color: #d97706 !important; } /* Progress bar for print */ [role="progressbar"] { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } /* Ensure content fits */ .space-y-6 > * { margin-bottom: 1rem !important; } /* Remove animations */ * { animation: none !important; transition: none !important; } } /* WhatsApp Chat Wiggle Animation */ @keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 10% { transform: rotate(-15deg); } 20% { transform: rotate(15deg); } 30% { transform: rotate(-15deg); } 40% { transform: rotate(15deg); } 50% { transform: rotate(-10deg); } 60% { transform: rotate(10deg); } 70% { transform: rotate(-5deg); } 80% { transform: rotate(5deg); } 90% { transform: rotate(0deg); } } .animate-wiggle { animation: wiggle 0.8s ease-in-out; } /* ==================== Premium Glass Card System ==================== */ @keyframes shimmer { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } .animate-shimmer { animation: shimmer 2s linear infinite; } /* Glass Card Utilities */ .glass-card { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.8); } .dark .glass-card { background: rgba(25, 32, 45, 0.85); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05); } .glass-card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(37, 99, 235, 0.08); border-color: rgba(37, 99, 235, 0.3); } .dark .glass-card-hover:hover { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(75, 141, 248, 0.15); border-color: rgba(75, 141, 248, 0.4); } /* Icon Glow Effect */ .icon-glow { position: relative; } .icon-glow::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: currentColor; filter: blur(20px); opacity: 0; transition: opacity 0.3s ease; } .group:hover .icon-glow::before { opacity: 0.3; } /* Calendar Page Styles */ .calendar-page { background: linear-gradient(145deg, hsl(var(--card)) 0%, hsl(var(--muted) / 0.3) 100%); box-shadow: 0 4px 6px hsl(var(--foreground) / 0.07), 0 10px 20px hsl(var(--foreground) / 0.1), 0 20px 40px hsl(var(--foreground) / 0.08), 0 1px 3px hsl(var(--foreground) / 0.1); transition: all 0.3s ease; } .calendar-page:hover { box-shadow: 0 8px 15px hsl(var(--foreground) / 0.1), 0 20px 40px hsl(var(--foreground) / 0.15), 0 30px 60px hsl(var(--foreground) / 0.1), 0 2px 6px hsl(var(--foreground) / 0.12); transform: translateY(-2px); } /* Calendar Rings */ .calendar-rings { position: relative; } .calendar-ring { position: relative; } .calendar-ring::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background: hsl(var(--background)); border-radius: 50%; } /* Pulse animation for in-progress days */ @keyframes calendarPulse { 0%, 100% { box-shadow: 0 0 0 0 hsl(var(--primary) / 0.4); } 50% { box-shadow: 0 0 0 8px hsl(var(--primary) / 0); } } .calendar-page.ring-2 { animation: calendarPulse 2s infinite; } /* ==================== Simulation Theme ==================== */ :root { /* Simulation Colors — aligned with platform design system */ --simulation-background: var(--background); --simulation-card: var(--card); --simulation-text: var(--foreground); --simulation-accent: var(--primary); } /* ==================== Multi-Design System Themes ==================== */ /* Theme: Corporate Classic (Default Light) */ .theme-corporate-classic { --ds-card-radius: 1rem; --ds-button-radius: 0.375rem; --ds-input-radius: 0.375rem; --ds-badge-radius: 0.375rem; --ds-border-width: 1px; --ds-accent-strip-height: 3px; --ds-shadow-card: 0 1px 3px rgba(15, 23, 42, 0.1), 0 1px 2px rgba(15, 23, 42, 0.06); --ds-shadow-hover: 0 6px 16px rgba(15, 23, 42, 0.14); --ds-transition-duration: 200ms; } /* Theme: Soft Glassmorphism (Default Dark) */ .theme-soft-glassmorphism { --ds-card-radius: 1rem; --ds-button-radius: 0.5rem; --ds-input-radius: 0.5rem; --ds-badge-radius: 0.5rem; --ds-border-width: 1px; --ds-accent-strip-height: 3px; --ds-shadow-card: 0 4px 24px rgba(59, 130, 246, 0.08); --ds-shadow-hover: 0 8px 32px rgba(59, 130, 246, 0.15); --ds-transition-duration: 200ms; } /* Theme: Sharp Minimal */ .theme-sharp-minimal { /* Override colors for Sharp Minimal */ --background: 0 0% 98%; --foreground: 240 6% 10%; --card: 0 0% 100%; --card-foreground: 240 6% 10%; --primary: 240 6% 10%; --primary-foreground: 0 0% 100%; --secondary: 240 5% 96%; --secondary-foreground: 240 6% 10%; --muted: 240 5% 96%; --muted-foreground: 240 4% 46%; --accent: 240 6% 10%; --accent-foreground: 0 0% 100%; --border: 240 6% 83%; --input: 240 6% 90%; --ring: 240 6% 10%; --ds-card-radius: 0px; --ds-button-radius: 0px; --ds-input-radius: 0px; --ds-badge-radius: 0px; --ds-border-width: 2px; --ds-accent-strip-height: 0px; --ds-shadow-card: none; --ds-shadow-hover: none; --ds-transition-duration: 100ms; } /* Theme: Brutalist Bold */ .theme-brutalist-bold { /* Override colors for Brutalist */ --background: 270 50% 98%; --foreground: 270 50% 10%; --card: 0 0% 100%; --card-foreground: 270 50% 10%; --primary: 270 75% 55%; --primary-foreground: 0 0% 100%; --secondary: 270 30% 95%; --secondary-foreground: 270 50% 10%; --muted: 270 20% 95%; --muted-foreground: 270 10% 45%; --accent: 270 75% 55%; --accent-foreground: 0 0% 100%; --border: 270 75% 55%; --input: 270 30% 92%; --ring: 270 75% 55%; --ds-card-radius: 0.5rem; --ds-button-radius: 9999px; --ds-input-radius: 0.5rem; --ds-badge-radius: 9999px; --ds-border-width: 4px; --ds-accent-strip-height: 8px; --ds-shadow-card: 6px 6px 0 0 hsl(var(--primary)); --ds-shadow-hover: 4px 4px 0 0 hsl(var(--primary)); --ds-transition-duration: 150ms; } /* Theme: Soft Rounded */ .theme-soft-rounded { /* Override colors for Soft Rounded */ --background: 150 40% 96%; --foreground: 150 50% 10%; --card: 0 0% 100%; --card-foreground: 150 50% 10%; --primary: 160 70% 40%; --primary-foreground: 0 0% 100%; --secondary: 150 30% 94%; --secondary-foreground: 150 50% 15%; --muted: 150 25% 94%; --muted-foreground: 150 15% 45%; --accent: 160 70% 40%; --accent-foreground: 0 0% 100%; --border: 150 30% 88%; --input: 150 25% 92%; --ring: 160 70% 40%; --ds-card-radius: 1.5rem; --ds-button-radius: 9999px; --ds-input-radius: 0.75rem; --ds-badge-radius: 9999px; --ds-border-width: 0px; --ds-accent-strip-height: 0px; --ds-shadow-card: 0 20px 60px -15px rgba(0, 0, 0, 0.1); --ds-shadow-hover: 0 25px 70px -15px rgba(0, 0, 0, 0.15); --ds-transition-duration: 300ms; } /* Theme: Neumorphism */ .theme-neumorphism { /* Override colors for Neumorphism */ --background: 220 15% 88%; --foreground: 220 25% 20%; --card: 220 15% 88%; --card-foreground: 220 25% 20%; --primary: 240 70% 60%; --primary-foreground: 0 0% 100%; --secondary: 220 15% 84%; --secondary-foreground: 220 25% 20%; --muted: 220 12% 85%; --muted-foreground: 220 15% 50%; --accent: 240 70% 60%; --accent-foreground: 0 0% 100%; --border: transparent; --input: 220 15% 86%; --ring: 240 70% 60%; --ds-card-radius: 0.75rem; --ds-button-radius: 0.5rem; --ds-input-radius: 0.5rem; --ds-badge-radius: 0.5rem; --ds-border-width: 0px; --ds-accent-strip-height: 0px; --ds-shadow-card: 8px 8px 16px #c5ccd6, -8px -8px 16px #ffffff; --ds-shadow-hover: inset 4px 4px 8px #c5ccd6, inset -4px -4px 8px #ffffff; --ds-transition-duration: 200ms; } /* Theme: Charcoal Minimal (Dark) */ .theme-charcoal-minimal { --background: 0 0% 8%; --foreground: 0 0% 95%; --card: 0 0% 12%; --card-foreground: 0 0% 95%; --popover: 0 0% 14%; --popover-foreground: 0 0% 95%; --primary: 0 0% 65%; --primary-foreground: 0 0% 5%; --secondary: 0 0% 16%; --secondary-foreground: 0 0% 90%; --muted: 0 0% 14%; --muted-foreground: 0 0% 55%; --accent: 0 0% 100%; --accent-foreground: 0 0% 5%; --border: 0 0% 18%; --input: 0 0% 15%; --ring: 0 0% 65%; --ds-card-radius: 0.5rem; --ds-button-radius: 0.375rem; --ds-input-radius: 0.375rem; --ds-badge-radius: 0.375rem; --ds-border-width: 1px; --ds-accent-strip-height: 0px; --ds-shadow-card: none; --ds-shadow-hover: none; --ds-transition-duration: 150ms; } /* Theme: Midnight Purple (Dark) */ .theme-midnight-purple { --background: 270 40% 5%; --foreground: 270 20% 95%; --card: 270 30% 12%; --card-foreground: 270 20% 95%; --popover: 270 30% 14%; --popover-foreground: 270 20% 95%; --primary: 270 80% 65%; --primary-foreground: 0 0% 100%; --secondary: 270 25% 18%; --secondary-foreground: 270 20% 90%; --muted: 270 20% 15%; --muted-foreground: 270 15% 60%; --accent: 280 75% 60%; --accent-foreground: 0 0% 100%; --border: 270 25% 22%; --input: 270 25% 16%; --ring: 270 80% 65%; --sidebar-background: 270 40% 5%; --sidebar-foreground: 270 20% 95%; --sidebar-primary: 270 80% 65%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 270 25% 18%; --sidebar-accent-foreground: 270 20% 90%; --sidebar-border: 270 25% 18%; --sidebar-ring: 270 80% 65%; --ds-card-radius: 1rem; --ds-button-radius: 0.5rem; --ds-input-radius: 0.5rem; --ds-badge-radius: 9999px; --ds-border-width: 1px; --ds-accent-strip-height: 3px; --ds-shadow-card: 0 4px 24px rgba(168, 85, 247, 0.08); --ds-shadow-hover: 0 8px 32px rgba(168, 85, 247, 0.15); --ds-transition-duration: 200ms; } /* ==================== App-like Mobile Polish ==================== */ /* Applied below the `sm` breakpoint (mobile portrait). Goal: enforce Apple HIG 44px touch-targets, kill tap highlight flash, and make buttons/inputs feel responsive. Scoped tightly so desktop is untouched. */ @media (max-width: 639px) { /* Disable iOS tap highlight everywhere — replaced with `active:` states. */ * { -webkit-tap-highlight-color: transparent; } /* Inputs/textareas/selects min 44px height + 16px font (prevents iOS zoom). */ input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select { min-height: 44px; font-size: 16px; } /* Primary CTA buttons inside forms get 44px. Icon-only and compact UI buttons keep their explicit height — they opt-in via `data-touch-exempt` is unnecessary because explicit `height` overrides our `min-height`. */ form button[type="submit"]:not([data-touch-exempt]), button[data-cta="primary"] { min-height: 44px; } /* Smooth momentum scrolling inside any AppMobileShell scroll container. */ main[class*="overflow-y-auto"] { -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } } .dark .file\:text-sm::file-selector-button { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } @media (min-width: 640px) { .dark .sm\:text-xs { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } .dark .sm\:text-sm { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } } @media (min-width: 768px) { .dark .md\:text-xs { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } .dark .md\:text-sm { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } } @media (min-width: 1024px) { .dark .lg\:text-sm { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } } .dark .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } .dark .\[\&_code\]\:text-xs code { color: hsl(var(--text-muted)); letter-spacing: 0.01em; } .file\:border-0::file-selector-button { border-width: 0px; } .file\:bg-transparent::file-selector-button { background-color: transparent; } .file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; } .file\:font-medium::file-selector-button { font-weight: 500; } .file\:text-foreground::file-selector-button { color: hsl(var(--foreground)); } .placeholder\:text-\[\#0d3b2e\]\/50::-moz-placeholder { color: rgb(13 59 46 / 0.5); } .placeholder\:text-\[\#0d3b2e\]\/50::placeholder { color: rgb(13 59 46 / 0.5); } .placeholder\:text-\[\#1e3a5f\]\/40::-moz-placeholder { color: rgb(30 58 95 / 0.4); } .placeholder\:text-\[\#1e3a5f\]\/40::placeholder { color: rgb(30 58 95 / 0.4); } .placeholder\:text-\[\#1e3a5f\]\/50::-moz-placeholder { color: rgb(30 58 95 / 0.5); } .placeholder\:text-\[\#1e3a5f\]\/50::placeholder { color: rgb(30 58 95 / 0.5); } .placeholder\:text-\[\#4B5563\]::-moz-placeholder { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .placeholder\:text-\[\#4B5563\]::placeholder { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .placeholder\:text-\[\#94A3B8\]::-moz-placeholder { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .placeholder\:text-\[\#94A3B8\]::placeholder { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::-moz-placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .placeholder\:text-muted-foreground::-moz-placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-muted-foreground\/50::-moz-placeholder { color: hsl(var(--muted-foreground) / 0.5); } .placeholder\:text-muted-foreground\/50::placeholder { color: hsl(var(--muted-foreground) / 0.5); } .placeholder\:text-muted-foreground\/60::-moz-placeholder { color: hsl(var(--muted-foreground) / 0.6); } .placeholder\:text-muted-foreground\/60::placeholder { color: hsl(var(--muted-foreground) / 0.6); } .placeholder\:text-muted-foreground\/70::-moz-placeholder { color: hsl(var(--muted-foreground) / 0.7); } .placeholder\:text-muted-foreground\/70::placeholder { color: hsl(var(--muted-foreground) / 0.7); } .placeholder\:text-white\/50::-moz-placeholder { color: rgb(255 255 255 / 0.5); } .placeholder\:text-white\/50::placeholder { color: rgb(255 255 255 / 0.5); } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:inset-x-0::before { content: var(--tw-content); left: 0px; right: 0px; } .before\:top-0::before { content: var(--tw-content); top: 0px; } .before\:h-\[3px\]::before { content: var(--tw-content); height: 3px; } .before\:h-\[8px\]::before { content: var(--tw-content); height: 8px; } .before\:rounded-t-2xl::before { content: var(--tw-content); border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .before\:rounded-t-lg::before { content: var(--tw-content); border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .before\:bg-primary::before { content: var(--tw-content); background-color: hsl(var(--primary)); } .before\:bg-gradient-to-r::before { content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .before\:from-primary::before { content: var(--tw-content); --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:via-purple-400::before { content: var(--tw-content); --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:to-primary\/70::before { content: var(--tw-content); --tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position); } .after\:pointer-events-none::after { content: var(--tw-content); pointer-events: none; } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; } .after\:inset-0::after { content: var(--tw-content); inset: 0px; } .after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:-m-0\.5::after { content: var(--tw-content); margin: -0.125rem; } .after\:w-1::after { content: var(--tw-content); width: 0.25rem; } .after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; } .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:rounded-lg::after { content: var(--tw-content); border-radius: var(--radius); } .after\:ring-2::after { content: var(--tw-content); --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); } .after\:ring-sky-200\/50::after { content: var(--tw-content); --tw-ring-color: rgb(186 230 253 / 0.5); } .first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .first\:border-0:first-child { border-width: 0px; } .first\:border-l:first-child { border-left-width: 1px; } .first\:border-l-0:first-child { border-left-width: 0px; } .first\:pt-0:first-child { padding-top: 0px; } .last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .last\:border-0:last-child { border-width: 0px; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .focus-within\:relative:focus-within { position: relative; } .focus-within\:z-20:focus-within { z-index: 20; } .focus-within\:bg-muted\/70:focus-within { background-color: hsl(var(--muted) / 0.7); } .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); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-primary\/30:focus-within { --tw-ring-color: hsl(var(--primary) / 0.3); } .hover\:-translate-y-0\.5:hover { --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:-translate-y-2:hover { --tw-translate-y: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:-translate-y-px:hover { --tw-translate-y: -1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:translate-x-\[-2px\]:hover { --tw-translate-x: -2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:translate-y-0:hover { --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)); } .hover\:translate-y-\[-2px\]:hover { --tw-translate-y: -2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:rotate-1:hover { --tw-rotate: 1deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-\[1\.01\]:hover { --tw-scale-x: 1.01; --tw-scale-y: 1.01; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-\[1\.02\]:hover { --tw-scale-x: 1.02; --tw-scale-y: 1.02; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-\[1\.03\]:hover { --tw-scale-x: 1.03; --tw-scale-y: 1.03; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-\[1\.08\]:hover { --tw-scale-x: 1.08; --tw-scale-y: 1.08; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:gap-2:hover { gap: 0.5rem; } .hover\:border-dashed:hover { border-style: dashed; } .hover\:border-\[\#CBD5E1\]:hover { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .hover\:border-\[hsl\(var\(--accent-current\)\)\]:hover { border-color: hsl(var(--accent-current)); } .hover\:border-\[hsl\(var\(--accent-current\)\/0\.4\)\]:hover { border-color: hsl(var(--accent-current)/0.4); } .hover\:border-\[hsl\(var\(--accent-current\)\/0\.5\)\]:hover { border-color: hsl(var(--accent-current)/0.5); } .hover\:border-accent\/30:hover { border-color: hsl(var(--accent) / 0.3); } .hover\:border-amber-200:hover { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .hover\:border-amber-300:hover { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .hover\:border-amber-400:hover { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); } .hover\:border-amber-500\/30:hover { border-color: rgb(245 158 11 / 0.3); } .hover\:border-amber-500\/40:hover { border-color: rgb(245 158 11 / 0.4); } .hover\:border-amber-500\/50:hover { border-color: rgb(245 158 11 / 0.5); } .hover\:border-amber-500\/60:hover { border-color: rgb(245 158 11 / 0.6); } .hover\:border-blue-100\/50:hover { border-color: rgb(219 234 254 / 0.5); } .hover\:border-blue-200:hover { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .hover\:border-blue-300:hover { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .hover\:border-blue-400:hover { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); } .hover\:border-blue-500\/30:hover { border-color: rgb(59 130 246 / 0.3); } .hover\:border-blue-500\/40:hover { border-color: rgb(59 130 246 / 0.4); } .hover\:border-blue-500\/50:hover { border-color: rgb(59 130 246 / 0.5); } .hover\:border-blue-500\/60:hover { border-color: rgb(59 130 246 / 0.6); } .hover\:border-border:hover { border-color: hsl(var(--border)); } .hover\:border-border\/40:hover { border-color: hsl(var(--border) / 0.4); } .hover\:border-border\/60:hover { border-color: hsl(var(--border) / 0.6); } .hover\:border-border\/80:hover { border-color: hsl(var(--border) / 0.8); } .hover\:border-cyan-500\/30:hover { border-color: rgb(6 182 212 / 0.3); } .hover\:border-destructive\/60:hover { border-color: hsl(var(--destructive) / 0.6); } .hover\:border-emerald-100\/50:hover { border-color: rgb(209 250 229 / 0.5); } .hover\:border-emerald-200:hover { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .hover\:border-emerald-300:hover { --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); } .hover\:border-emerald-400:hover { --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .hover\:border-emerald-500\/30:hover { border-color: rgb(16 185 129 / 0.3); } .hover\:border-emerald-500\/40:hover { border-color: rgb(16 185 129 / 0.4); } .hover\:border-emerald-500\/50:hover { border-color: rgb(16 185 129 / 0.5); } .hover\:border-emerald-500\/60:hover { border-color: rgb(16 185 129 / 0.6); } .hover\:border-gold\/30:hover { border-color: hsl(var(--gold) / 0.3); } .hover\:border-green-400:hover { --tw-border-opacity: 1; border-color: rgb(74 222 128 / var(--tw-border-opacity, 1)); } .hover\:border-green-500:hover { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .hover\:border-indigo-300\/40:hover { border-color: rgb(165 180 252 / 0.4); } .hover\:border-indigo-500\/30:hover { border-color: rgb(99 102 241 / 0.3); } .hover\:border-indigo-500\/50:hover { border-color: rgb(99 102 241 / 0.5); } .hover\:border-muted-foreground:hover { border-color: hsl(var(--muted-foreground)); } .hover\:border-muted-foreground\/30:hover { border-color: hsl(var(--muted-foreground) / 0.3); } .hover\:border-muted-foreground\/50:hover { border-color: hsl(var(--muted-foreground) / 0.5); } .hover\:border-orange-200:hover { --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); } .hover\:border-orange-300:hover { --tw-border-opacity: 1; border-color: rgb(253 186 116 / var(--tw-border-opacity, 1)); } .hover\:border-orange-500\/30:hover { border-color: rgb(249 115 22 / 0.3); } .hover\:border-orange-500\/50:hover { border-color: rgb(249 115 22 / 0.5); } .hover\:border-orange-500\/60:hover { border-color: rgb(249 115 22 / 0.6); } .hover\:border-primary:hover { border-color: hsl(var(--primary)); } .hover\:border-primary\/20:hover { border-color: hsl(var(--primary) / 0.2); } .hover\:border-primary\/25:hover { border-color: hsl(var(--primary) / 0.25); } .hover\:border-primary\/30:hover { border-color: hsl(var(--primary) / 0.3); } .hover\:border-primary\/40:hover { border-color: hsl(var(--primary) / 0.4); } .hover\:border-primary\/50:hover { border-color: hsl(var(--primary) / 0.5); } .hover\:border-primary\/60:hover { border-color: hsl(var(--primary) / 0.6); } .hover\:border-purple-300:hover { --tw-border-opacity: 1; border-color: rgb(216 180 254 / var(--tw-border-opacity, 1)); } .hover\:border-purple-300\/40:hover { border-color: rgb(216 180 254 / 0.4); } .hover\:border-purple-400:hover { --tw-border-opacity: 1; border-color: rgb(192 132 252 / var(--tw-border-opacity, 1)); } .hover\:border-purple-500\/30:hover { border-color: rgb(168 85 247 / 0.3); } .hover\:border-purple-500\/40:hover { border-color: rgb(168 85 247 / 0.4); } .hover\:border-purple-500\/50:hover { border-color: rgb(168 85 247 / 0.5); } .hover\:border-purple-500\/60:hover { border-color: rgb(168 85 247 / 0.6); } .hover\:border-red-300:hover { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .hover\:border-red-500\/50:hover { border-color: rgb(239 68 68 / 0.5); } .hover\:border-rose-200:hover { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .hover\:border-rose-300:hover { --tw-border-opacity: 1; border-color: rgb(253 164 175 / var(--tw-border-opacity, 1)); } .hover\:border-rose-400:hover { --tw-border-opacity: 1; border-color: rgb(251 113 133 / var(--tw-border-opacity, 1)); } .hover\:border-rose-500\/30:hover { border-color: rgb(244 63 94 / 0.3); } .hover\:border-rose-500\/40:hover { border-color: rgb(244 63 94 / 0.4); } .hover\:border-rose-500\/50:hover { border-color: rgb(244 63 94 / 0.5); } .hover\:border-rose-500\/60:hover { border-color: rgb(244 63 94 / 0.6); } .hover\:border-sky-300:hover { --tw-border-opacity: 1; border-color: rgb(125 211 252 / var(--tw-border-opacity, 1)); } .hover\:border-sky-500\/30:hover { border-color: rgb(14 165 233 / 0.3); } .hover\:border-sky-500\/40:hover { border-color: rgb(14 165 233 / 0.4); } .hover\:border-sky-500\/50:hover { border-color: rgb(14 165 233 / 0.5); } .hover\:border-slate-300:hover { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .hover\:border-slate-400:hover { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .hover\:border-slate-500\/30:hover { border-color: rgb(100 116 139 / 0.3); } .hover\:border-slate-500\/50:hover { border-color: rgb(100 116 139 / 0.5); } .hover\:border-teal-500\/30:hover { border-color: rgb(20 184 166 / 0.3); } .hover\:border-teal-500\/50:hover { border-color: rgb(20 184 166 / 0.5); } .hover\:border-violet-200:hover { --tw-border-opacity: 1; border-color: rgb(221 214 254 / var(--tw-border-opacity, 1)); } .hover\:border-violet-300:hover { --tw-border-opacity: 1; border-color: rgb(196 181 253 / var(--tw-border-opacity, 1)); } .hover\:border-violet-500\/30:hover { border-color: rgb(139 92 246 / 0.3); } .hover\:border-violet-500\/50:hover { border-color: rgb(139 92 246 / 0.5); } .hover\:border-opacity-50:hover { --tw-border-opacity: 0.5; } .hover\:bg-\[\#128C7E\]:hover { --tw-bg-opacity: 1; background-color: rgb(18 140 126 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#2F5FD7\]\/15:hover { background-color: rgb(47 95 215 / 0.15); } .hover\:bg-\[\#2F5FD7\]\/90:hover { background-color: rgb(47 95 215 / 0.9); } .hover\:bg-\[\#7C3AED\]\/5:hover { background-color: rgb(124 58 237 / 0.05); } .hover\:bg-\[\#E8EDF4\]:hover { --tw-bg-opacity: 1; background-color: rgb(232 237 244 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#F1F5F9\]:hover { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#F8FAFC\]:hover { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#F8FAFD\]:hover { --tw-bg-opacity: 1; background-color: rgb(248 250 253 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#e5e5e5\]:hover { --tw-bg-opacity: 1; background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[hsl\(var\(--accent-current\)\/0\.08\)\]:hover { background-color: hsl(var(--accent-current)/0.08); } .hover\:bg-\[hsl\(var\(--accent-current\)\/0\.10\)\]:hover { background-color: hsl(var(--accent-current)/0.10); } .hover\:bg-\[hsl\(var\(--accent-current\)\/0\.16\)\]:hover { background-color: hsl(var(--accent-current)/0.16); } .hover\:bg-\[hsl\(var\(--sidebar-accent\)\)\]:hover { background-color: hsl(var(--sidebar-accent)); } .hover\:bg-\[hsl\(var\(--sidebar-accent\)\)\]\/30:hover { background-color: hsl(var(--sidebar-accent) / 0.3); } .hover\:bg-\[hsl\(var\(--sidebar-accent\)\)\]\/50:hover { background-color: hsl(var(--sidebar-accent) / 0.5); } .hover\:bg-accent:hover { background-color: hsl(var(--accent)); } .hover\:bg-accent\/30:hover { background-color: hsl(var(--accent) / 0.3); } .hover\:bg-accent\/5:hover { background-color: hsl(var(--accent) / 0.05); } .hover\:bg-accent\/50:hover { background-color: hsl(var(--accent) / 0.5); } .hover\:bg-accent\/90:hover { background-color: hsl(var(--accent) / 0.9); } .hover\:bg-amber-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-100\/50:hover { background-color: rgb(254 243 199 / 0.5); } .hover\:bg-amber-200:hover { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-500\/10:hover { background-color: rgb(245 158 11 / 0.1); } .hover\:bg-amber-500\/15:hover { background-color: rgb(245 158 11 / 0.15); } .hover\:bg-amber-500\/20:hover { background-color: rgb(245 158 11 / 0.2); } .hover\:bg-amber-500\/25:hover { background-color: rgb(245 158 11 / 0.25); } .hover\:bg-amber-600:hover { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-700:hover { --tw-bg-opacity: 1; background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1)); } .hover\:bg-background:hover { background-color: hsl(var(--background)); } .hover\:bg-background\/50:hover { background-color: hsl(var(--background) / 0.5); } .hover\:bg-black\/5:hover { background-color: rgb(0 0 0 / 0.05); } .hover\:bg-blue-100:hover { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-400:hover { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50\/60:hover { background-color: rgb(239 246 255 / 0.6); } .hover\:bg-blue-500\/10:hover { background-color: rgb(59 130 246 / 0.1); } .hover\:bg-blue-500\/15:hover { background-color: rgb(59 130 246 / 0.15); } .hover\:bg-blue-500\/20:hover { background-color: rgb(59 130 246 / 0.2); } .hover\:bg-blue-600:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-card:hover { background-color: hsl(var(--card)); } .hover\:bg-card\/80:hover { background-color: hsl(var(--card) / 0.8); } .hover\:bg-cyan-500\/20:hover { background-color: rgb(6 182 212 / 0.2); } .hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); } .hover\:bg-destructive\/10:hover { background-color: hsl(var(--destructive) / 0.1); } .hover\:bg-destructive\/15:hover { background-color: hsl(var(--destructive) / 0.15); } .hover\:bg-destructive\/20:hover { background-color: hsl(var(--destructive) / 0.2); } .hover\:bg-destructive\/30:hover { background-color: hsl(var(--destructive) / 0.3); } .hover\:bg-destructive\/80:hover { background-color: hsl(var(--destructive) / 0.8); } .hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / 0.9); } .hover\:bg-emerald-100:hover { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-50:hover { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-50\/60:hover { background-color: rgb(236 253 245 / 0.6); } .hover\:bg-emerald-500\/10:hover { background-color: rgb(16 185 129 / 0.1); } .hover\:bg-emerald-500\/15:hover { background-color: rgb(16 185 129 / 0.15); } .hover\:bg-emerald-500\/20:hover { background-color: rgb(16 185 129 / 0.2); } .hover\:bg-emerald-500\/25:hover { background-color: rgb(16 185 129 / 0.25); } .hover\:bg-emerald-500\/30:hover { background-color: rgb(16 185 129 / 0.3); } .hover\:bg-emerald-500\/5:hover { background-color: rgb(16 185 129 / 0.05); } .hover\:bg-emerald-600:hover { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-700:hover { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); } .hover\:bg-foreground\/40:hover { background-color: hsl(var(--foreground) / 0.4); } .hover\:bg-foreground\/50:hover { background-color: hsl(var(--foreground) / 0.5); } .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-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-500:hover { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-600:hover { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-700:hover { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-50:hover { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-700:hover { --tw-bg-opacity: 1; background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1)); } .hover\:bg-info\/10:hover { background-color: hsl(var(--info) / 0.1); } .hover\:bg-muted:hover { background-color: hsl(var(--muted)); } .hover\:bg-muted-foreground\/10:hover { background-color: hsl(var(--muted-foreground) / 0.1); } .hover\:bg-muted-foreground\/20:hover { background-color: hsl(var(--muted-foreground) / 0.2); } .hover\:bg-muted-foreground\/50:hover { background-color: hsl(var(--muted-foreground) / 0.5); } .hover\:bg-muted\/10:hover { background-color: hsl(var(--muted) / 0.1); } .hover\:bg-muted\/20:hover { background-color: hsl(var(--muted) / 0.2); } .hover\:bg-muted\/30:hover { background-color: hsl(var(--muted) / 0.3); } .hover\:bg-muted\/40:hover { background-color: hsl(var(--muted) / 0.4); } .hover\:bg-muted\/5:hover { background-color: hsl(var(--muted) / 0.05); } .hover\:bg-muted\/50:hover { background-color: hsl(var(--muted) / 0.5); } .hover\:bg-muted\/60:hover { background-color: hsl(var(--muted) / 0.6); } .hover\:bg-muted\/70:hover { background-color: hsl(var(--muted) / 0.7); } .hover\:bg-muted\/80:hover { background-color: hsl(var(--muted) / 0.8); } .hover\:bg-orange-600:hover { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary:hover { background-color: hsl(var(--primary)); } .hover\:bg-primary-foreground\/90:hover { background-color: hsl(var(--primary-foreground) / 0.9); } .hover\:bg-primary\/10:hover { background-color: hsl(var(--primary) / 0.1); } .hover\:bg-primary\/15:hover { background-color: hsl(var(--primary) / 0.15); } .hover\:bg-primary\/20:hover { background-color: hsl(var(--primary) / 0.2); } .hover\:bg-primary\/5:hover { background-color: hsl(var(--primary) / 0.05); } .hover\:bg-primary\/50:hover { background-color: hsl(var(--primary) / 0.5); } .hover\:bg-primary\/80:hover { background-color: hsl(var(--primary) / 0.8); } .hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / 0.9); } .hover\:bg-primary\/\[0\.06\]:hover { background-color: hsl(var(--primary) / 0.06); } .hover\:bg-purple-500\/10:hover { background-color: rgb(168 85 247 / 0.1); } .hover\:bg-purple-500\/15:hover { background-color: rgb(168 85 247 / 0.15); } .hover\:bg-purple-500\/20:hover { background-color: rgb(168 85 247 / 0.2); } .hover\:bg-purple-500\/5:hover { background-color: rgb(168 85 247 / 0.05); } .hover\:bg-purple-600:hover { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-700:hover { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-500\/10:hover { background-color: rgb(244 63 94 / 0.1); } .hover\:bg-rose-500\/15:hover { background-color: rgb(244 63 94 / 0.15); } .hover\:bg-rose-500\/25:hover { background-color: rgb(244 63 94 / 0.25); } .hover\:bg-rose-600:hover { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); } .hover\:bg-secondary:hover { background-color: hsl(var(--secondary)); } .hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary) / 0.8); } .hover\:bg-sidebar-accent:hover { background-color: hsl(var(--sidebar-accent)); } .hover\:bg-simulation-accent\/90:hover { background-color: hsl(var(--simulation-accent) / 0.9); } .hover\:bg-sky-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-sky-500\/20:hover { background-color: rgb(14 165 233 / 0.2); } .hover\:bg-sky-600:hover { --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-100:hover { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-200:hover { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-400:hover { --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-50:hover { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-50\/50:hover { background-color: rgb(248 250 252 / 0.5); } .hover\:bg-slate-500\/20:hover { background-color: rgb(100 116 139 / 0.2); } .hover\:bg-slate-700\/60:hover { background-color: rgb(51 65 85 / 0.6); } .hover\:bg-slate-800:hover { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .hover\:bg-success:hover { background-color: hsl(var(--success)); } .hover\:bg-success\/20:hover { background-color: hsl(var(--success) / 0.2); } .hover\:bg-success\/30:hover { background-color: hsl(var(--success) / 0.3); } .hover\:bg-success\/5:hover { background-color: hsl(var(--success) / 0.05); } .hover\:bg-success\/90:hover { background-color: hsl(var(--success) / 0.9); } .hover\:bg-teal-600:hover { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1)); } .hover\:bg-transparent:hover { background-color: transparent; } .hover\:bg-violet-500\/25:hover { background-color: rgb(139 92 246 / 0.25); } .hover\:bg-warning\/20:hover { background-color: hsl(var(--warning) / 0.2); } .hover\:bg-warning\/90:hover { background-color: hsl(var(--warning) / 0.9); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-white\/10:hover { background-color: rgb(255 255 255 / 0.1); } .hover\:bg-white\/15:hover { background-color: rgb(255 255 255 / 0.15); } .hover\:bg-white\/20:hover { background-color: rgb(255 255 255 / 0.2); } .hover\:bg-white\/25:hover { background-color: rgb(255 255 255 / 0.25); } .hover\:bg-white\/30:hover { background-color: rgb(255 255 255 / 0.3); } .hover\:bg-white\/50:hover { background-color: rgb(255 255 255 / 0.5); } .hover\:bg-white\/60:hover { background-color: rgb(255 255 255 / 0.6); } .hover\:bg-white\/90:hover { background-color: rgb(255 255 255 / 0.9); } .hover\:bg-white\/95:hover { background-color: rgb(255 255 255 / 0.95); } .hover\:bg-white\/\[0\.10\]:hover { background-color: rgb(255 255 255 / 0.10); } .hover\:bg-yellow-600:hover { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1)); } .hover\:from-amber-600:hover { --tw-gradient-from: #d97706 var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-green-600:hover { --tw-gradient-from: #16a34a var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-primary\/90:hover { --tw-gradient-from: hsl(var(--primary) / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-success\/90:hover { --tw-gradient-from: hsl(var(--success) / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:via-primary:hover { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .hover\:to-emerald-500\/90:hover { --tw-gradient-to: rgb(16 185 129 / 0.9) var(--tw-gradient-to-position); } .hover\:to-emerald-700:hover { --tw-gradient-to: #047857 var(--tw-gradient-to-position); } .hover\:to-orange-600:hover { --tw-gradient-to: #ea580c var(--tw-gradient-to-position); } .hover\:to-orange-700:hover { --tw-gradient-to: #c2410c var(--tw-gradient-to-position); } .hover\:to-primary:hover { --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position); } .hover\:to-primary\/70:hover { --tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position); } .hover\:to-primary\/90:hover { --tw-gradient-to: hsl(var(--primary) / 0.9) var(--tw-gradient-to-position); } .hover\:text-\[\#1E293B\]:hover { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#2F5FD7\]:hover { --tw-text-opacity: 1; color: rgb(47 95 215 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#475569\]:hover { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .hover\:text-\[hsl\(var\(--accent-current\)\)\]:hover { color: hsl(var(--accent-current)); } .hover\:text-\[hsl\(var\(--sidebar-foreground\)\)\]:hover { color: hsl(var(--sidebar-foreground)); } .hover\:text-accent:hover { color: hsl(var(--accent)); } .hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); } .hover\:text-accent\/80:hover { color: hsl(var(--accent) / 0.8); } .hover\:text-amber-700:hover { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .hover\:text-background:hover { color: hsl(var(--background)); } .hover\:text-blue-700:hover { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .hover\:text-blue-800:hover { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .hover\:text-destructive:hover { color: hsl(var(--destructive)); } .hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); } .hover\:text-destructive\/70:hover { color: hsl(var(--destructive) / 0.7); } .hover\:text-emerald-700:hover { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .hover\:text-foreground:hover { color: hsl(var(--foreground)); } .hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .hover\:text-muted-foreground:hover { color: hsl(var(--muted-foreground)); } .hover\:text-primary:hover { color: hsl(var(--primary)); } .hover\:text-primary-foreground:hover { color: hsl(var(--primary-foreground)); } .hover\:text-primary\/90:hover { color: hsl(var(--primary) / 0.9); } .hover\:text-red-400:hover { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-700:hover { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .hover\:text-rose-600:hover { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .hover\:text-sidebar-accent-foreground:hover { color: hsl(var(--sidebar-accent-foreground)); } .hover\:text-simulation-text:hover { color: hsl(var(--simulation-text)); } .hover\:text-slate-200:hover { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); } .hover\:text-success:hover { color: hsl(var(--success)); } .hover\:text-warning:hover { color: hsl(var(--warning)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:shadow:hover { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-2xl:hover { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_12px_rgba\(139\2c 92\2c 246\2c 0\.25\)\]:hover { --tw-shadow: 0 0 12px rgba(139,92,246,0.25); --tw-shadow-colored: 0 0 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_12px_rgba\(16\2c 185\2c 129\2c 0\.25\)\]:hover { --tw-shadow: 0 0 12px rgba(16,185,129,0.25); --tw-shadow-colored: 0 0 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_12px_rgba\(168\2c 85\2c 247\2c 0\.25\)\]:hover { --tw-shadow: 0 0 12px rgba(168,85,247,0.25); --tw-shadow-colored: 0 0 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_12px_rgba\(245\2c 158\2c 11\2c 0\.25\)\]:hover { --tw-shadow: 0 0 12px rgba(245,158,11,0.25); --tw-shadow-colored: 0 0 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_12px_rgba\(249\2c 115\2c 22\2c 0\.25\)\]:hover { --tw-shadow: 0 0 12px rgba(249,115,22,0.25); --tw-shadow-colored: 0 0 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_12px_rgba\(59\2c 130\2c 246\2c 0\.25\)\]:hover { --tw-shadow: 0 0 12px rgba(59,130,246,0.25); --tw-shadow-colored: 0 0 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_15px_rgba\(113\2c 75\2c 103\2c 0\.35\)\]:hover { --tw-shadow: 0 0 15px rgba(113,75,103,0.35); --tw-shadow-colored: 0 0 15px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_20px_hsl\(var\(--primary\)\/0\.15\)\]:hover { --tw-shadow: 0 0 20px hsl(var(--primary)/0.15); --tw-shadow-colored: 0 0 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_20px_hsl\(var\(--primary\)\/0\.3\)\]:hover { --tw-shadow: 0 0 20px hsl(var(--primary)/0.3); --tw-shadow-colored: 0 0 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_20px_hsl\(var\(--primary\)\/0\.35\)\]:hover { --tw-shadow: 0 0 20px hsl(var(--primary)/0.35); --tw-shadow-colored: 0 0 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_20px_rgba\(59\2c 130\2c 246\2c 0\.35\)\]:hover { --tw-shadow: 0 0 20px rgba(59,130,246,0.35); --tw-shadow-colored: 0 0 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_24px_hsl\(var\(--primary\)\/0\.35\)\]:hover { --tw-shadow: 0 0 24px hsl(var(--primary)/0.35); --tw-shadow-colored: 0 0 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_12px_28px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]:hover { --tw-shadow: 0 12px 28px rgba(15,23,42,0.08); --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_12px_28px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]:hover { --tw-shadow: 0 12px 28px rgba(15,23,42,0.10); --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_12px_30px_-12px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]:hover { --tw-shadow: 0 12px 30px -12px rgba(15,23,42,0.18); --tw-shadow-colored: 0 12px 30px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_12px_32px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]:hover { --tw-shadow: 0 12px 32px rgba(15,23,42,0.10); --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_12px_36px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]:hover { --tw-shadow: 0 12px 36px rgba(15,23,42,0.12); --tw-shadow-colored: 0 12px 36px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_12px_40px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover { --tw-shadow: 0 12px 40px rgba(0,0,0,0.1); --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_16px_40px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]:hover { --tw-shadow: 0 16px 40px rgba(15,23,42,0.10); --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_25px_70px_-15px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:hover { --tw-shadow: 0 25px 70px -15px rgba(0,0,0,0.15); --tw-shadow-colored: 0 25px 70px -15px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover { --tw-shadow: 0 2px 6px rgba(0,0,0,0.08); --tw-shadow-colored: 0 2px 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); } .hover\:shadow-\[0_3px_8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]:hover { --tw-shadow: 0 3px 8px rgba(0,0,0,0.06); --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover { --tw-shadow: 0 4px 12px rgba(0,0,0,0.08); --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_4px_12px_rgba\(37\2c 99\2c 235\2c 0\.1\)\2c 0_2px_4px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]:hover { --tw-shadow: 0 4px 12px rgba(37,99,235,0.1),0 2px 4px rgba(15,23,42,0.08); --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color), 0 2px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_4px_14px_hsl\(var\(--foreground\)\/0\.07\)\]:hover { --tw-shadow: 0 4px 14px hsl(var(--foreground)/0.07); --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_4px_14px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]:hover { --tw-shadow: 0 4px 14px rgba(0,0,0,0.06); --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_4px_16px_hsl\(var\(--foreground\)\/0\.07\)\]:hover { --tw-shadow: 0 4px 16px hsl(var(--foreground)/0.07); --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover { --tw-shadow: 0 4px 16px rgba(0,0,0,0.1); --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_4px_16px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]:hover { --tw-shadow: 0 4px 16px rgba(15,23,42,0.08); --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_6px_16px_rgba\(37\2c 99\2c 235\2c 0\.08\)\]:hover { --tw-shadow: 0 6px 16px rgba(37,99,235,0.08); --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_6px_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover { --tw-shadow: 0 6px 20px rgba(0,0,0,0.08); --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_6px_20px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover { --tw-shadow: 0 6px 20px rgba(0,0,0,0.1); --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_6px_24px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover { --tw-shadow: 0 6px 24px rgba(0,0,0,0.1); --tw-shadow-colored: 0 6px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover { --tw-shadow: 0 8px 24px rgba(0,0,0,0.1); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]:hover { --tw-shadow: 0 8px 24px rgba(0,0,0,0.12); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]:hover { --tw-shadow: 0 8px 24px rgba(15,23,42,0.08); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.1\)\]:hover { --tw-shadow: 0 8px 24px rgba(15,23,42,0.1); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]:hover { --tw-shadow: 0 8px 24px rgba(15,23,42,0.10); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover { --tw-shadow: 0 8px 30px rgba(0,0,0,0.1); --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_30px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]:hover { --tw-shadow: 0 8px 30px rgba(15,23,42,0.10); --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_30px_rgba\(59\2c 130\2c 246\2c 0\.08\)\]:hover { --tw-shadow: 0 8px 30px rgba(59,130,246,0.08); --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_32px_rgba\(168\2c 85\2c 247\2c 0\.15\)\]:hover { --tw-shadow: 0 8px 32px rgba(168,85,247,0.15); --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_32px_rgba\(59\2c 130\2c 246\2c 0\.15\)\]:hover { --tw-shadow: 0 8px 32px rgba(59,130,246,0.15); --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_40px_rgba\(212\2c 168\2c 83\2c 0\.12\)\2c 0_0_0_1px_rgba\(212\2c 168\2c 83\2c 0\.15\)\]:hover { --tw-shadow: 0 8px 40px rgba(212,168,83,0.12),0 0 0 1px rgba(212,168,83,0.15); --tw-shadow-colored: 0 8px 40px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[2px_2px_0_0_hsl\(var\(--foreground\)\)\]:hover { --tw-shadow: 2px 2px 0 0 hsl(var(--foreground)); --tw-shadow-colored: 2px 2px 0 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); } .hover\:shadow-\[4px_4px_0_0_hsl\(var\(--primary\)\)\]:hover { --tw-shadow: 4px 4px 0 0 hsl(var(--primary)); --tw-shadow-colored: 4px 4px 0 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); } .hover\:shadow-\[inset_4px_4px_8px_\#c5ccd6\2c inset_-4px_-4px_8px_\#ffffff\]:hover { --tw-shadow: inset 4px 4px 8px #c5ccd6,inset -4px -4px 8px #ffffff; --tw-shadow-colored: inset 4px 4px 8px var(--tw-shadow-color), inset -4px -4px 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-card-hover:hover { --tw-shadow: var(--card-shadow-hover); --tw-shadow-colored: var(--card-shadow-hover); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-sm:hover { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-xl:hover { --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); } .hover\:shadow-destructive\/20:hover { --tw-shadow-color: hsl(var(--destructive) / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-emerald-500\/10:hover { --tw-shadow-color: rgb(16 185 129 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-emerald-500\/15:hover { --tw-shadow-color: rgb(16 185 129 / 0.15); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-orange-500\/10:hover { --tw-shadow-color: rgb(249 115 22 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-orange-500\/15:hover { --tw-shadow-color: rgb(249 115 22 / 0.15); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/10:hover { --tw-shadow-color: hsl(var(--primary) / 0.1); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/15:hover { --tw-shadow-color: hsl(var(--primary) / 0.15); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/30:hover { --tw-shadow-color: hsl(var(--primary) / 0.3); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/5:hover { --tw-shadow-color: hsl(var(--primary) / 0.05); --tw-shadow: var(--tw-shadow-colored); } .hover\:ring-2:hover { --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); } .hover\:ring-primary\/20:hover { --tw-ring-color: hsl(var(--primary) / 0.2); } .hover\:ring-primary\/50:hover { --tw-ring-color: hsl(var(--primary) / 0.5); } .hover\:brightness-105:hover { --tw-brightness: brightness(1.05); 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); } .hover\:brightness-110:hover { --tw-brightness: brightness(1.1); 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); } .hover\:shadow-card-hover:hover { box-shadow: var(--shadow-card-hover); } .hover\:text-simulation-text:hover { color: hsl(var(--foreground)); } .hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: hsl(var(--sidebar-border)); } .focus\:border-\[\#2F5FD7\]:focus { --tw-border-opacity: 1; border-color: rgb(47 95 215 / var(--tw-border-opacity, 1)); } .focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .focus\:border-primary:focus { border-color: hsl(var(--primary)); } .focus\:border-primary\/30:focus { border-color: hsl(var(--primary) / 0.3); } .focus\:border-purple-500:focus { --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .focus\:border-rose-500:focus { --tw-border-opacity: 1; border-color: rgb(244 63 94 / var(--tw-border-opacity, 1)); } .focus\:bg-accent:focus { background-color: hsl(var(--accent)); } .focus\:bg-background:focus { background-color: hsl(var(--background)); } .focus\:bg-blue-50:focus { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .focus\:bg-primary:focus { background-color: hsl(var(--primary)); } .focus\:bg-primary\/10:focus { background-color: hsl(var(--primary) / 0.1); } .focus\:bg-white\/15:focus { background-color: rgb(255 255 255 / 0.15); } .focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); } .focus\:text-destructive:focus { color: hsl(var(--destructive)); } .focus\:text-destructive\/80:focus { color: hsl(var(--destructive) / 0.8); } .focus\:text-foreground:focus { color: hsl(var(--foreground)); } .focus\:text-primary-foreground:focus { color: hsl(var(--primary-foreground)); } .focus\:opacity-100:focus { opacity: 1; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .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-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-\[\#2F5FD7\]\/30:focus { --tw-ring-color: rgb(47 95 215 / 0.3); } .focus\:ring-\[hsl\(var\(--accent-current\2c var\(--primary\)\)\)\]\/40:focus { --tw-ring-color: hsl(var(--accent-current,var(--primary)) / 0.4); } .focus\:ring-accent\/50:focus { --tw-ring-color: hsl(var(--accent) / 0.5); } .focus\:ring-blue-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); } .focus\:ring-primary:focus { --tw-ring-color: hsl(var(--primary)); } .focus\:ring-primary\/20:focus { --tw-ring-color: hsl(var(--primary) / 0.2); } .focus\:ring-primary\/30:focus { --tw-ring-color: hsl(var(--primary) / 0.3); } .focus\:ring-primary\/50:focus { --tw-ring-color: hsl(var(--primary) / 0.5); } .focus\:ring-purple-500\/50:focus { --tw-ring-color: rgb(168 85 247 / 0.5); } .focus\:ring-ring:focus { --tw-ring-color: hsl(var(--ring)); } .focus\:ring-white\/60:focus { --tw-ring-color: rgb(255 255 255 / 0.6); } .focus\:ring-offset-1:focus { --tw-ring-offset-width: 1px; } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus-visible\:border-primary:focus-visible { border-color: hsl(var(--primary)); } .focus-visible\:shadow-md:focus-visible { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:ring-0:focus-visible { --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-visible\:ring-1:focus-visible { --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-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-amber-300:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-primary\/25:focus-visible { --tw-ring-color: hsl(var(--primary) / 0.25); } .focus-visible\:ring-primary\/30:focus-visible { --tw-ring-color: hsl(var(--primary) / 0.3); } .focus-visible\:ring-primary\/50:focus-visible { --tw-ring-color: hsl(var(--primary) / 0.5); } .focus-visible\:ring-red-300:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } .focus-visible\:ring-sidebar-ring:focus-visible { --tw-ring-color: hsl(var(--sidebar-ring)); } .focus-visible\:ring-offset-0:focus-visible { --tw-ring-offset-width: 0px; } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(var(--background)); } .active\:scale-90:active { --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-95:active { --tw-scale-x: .95; --tw-scale-y: .95; 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)); } .active\:scale-\[0\.95\]:active { --tw-scale-x: 0.95; --tw-scale-y: 0.95; 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)); } .active\:scale-\[0\.97\]:active { --tw-scale-x: 0.97; --tw-scale-y: 0.97; 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)); } .active\:scale-\[0\.98\]:active { --tw-scale-x: 0.98; --tw-scale-y: 0.98; 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)); } .active\:scale-\[0\.99\]:active { --tw-scale-x: 0.99; --tw-scale-y: 0.99; 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)); } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:bg-accent:active { background-color: hsl(var(--accent)); } .active\:bg-accent\/30:active { background-color: hsl(var(--accent) / 0.3); } .active\:bg-accent\/50:active { background-color: hsl(var(--accent) / 0.5); } .active\:bg-destructive\/10:active { background-color: hsl(var(--destructive) / 0.1); } .active\:bg-muted:active { background-color: hsl(var(--muted)); } .active\:bg-muted-foreground\/20:active { background-color: hsl(var(--muted-foreground) / 0.2); } .active\:bg-muted\/10:active { background-color: hsl(var(--muted) / 0.1); } .active\:bg-muted\/20:active { background-color: hsl(var(--muted) / 0.2); } .active\:bg-muted\/30:active { background-color: hsl(var(--muted) / 0.3); } .active\:bg-muted\/50:active { background-color: hsl(var(--muted) / 0.5); } .active\:bg-muted\/60:active { background-color: hsl(var(--muted) / 0.6); } .active\:bg-primary\/5:active { background-color: hsl(var(--primary) / 0.05); } .active\:bg-sidebar-accent:active { background-color: hsl(var(--sidebar-accent)); } .active\:bg-violet-100\/40:active { background-color: rgb(237 233 254 / 0.4); } .active\:text-foreground:active { color: hsl(var(--foreground)); } .active\:text-sidebar-accent-foreground:active { color: hsl(var(--sidebar-accent-foreground)); } .active\:opacity-70:active { opacity: 0.7; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-muted\/50:disabled { background-color: hsl(var(--muted) / 0.5); } .disabled\:opacity-30:disabled { opacity: 0.3; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:w-2 { width: 0.5rem; } .group:hover .group-hover\:w-full { width: 100%; } .group\/btn:hover .group-hover\/btn\:-translate-x-0\.5 { --tw-translate-x: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/btn:hover .group-hover\/btn\:-translate-x-1 { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:-translate-x-0\.5 { --tw-translate-x: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:-translate-x-1 { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:-translate-x-1\.5 { --tw-translate-x: -0.375rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:-translate-x-2 { --tw-translate-x: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:translate-x-\[-2px\] { --tw-translate-x: -2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:translate-x-\[2px\] { --tw-translate-x: 2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-\[1\.02\] { --tw-scale-x: 1.02; --tw-scale-y: 1.02; 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 shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .group:hover .group-hover\:animate-shimmer { animation: shimmer 1.5s linear infinite; } .group:hover .group-hover\:gap-2 { gap: 0.5rem; } .group:hover .group-hover\:border-\[\#2F5FD7\]\/30 { border-color: rgb(47 95 215 / 0.3); } .group:hover .group-hover\:border-primary\/30 { border-color: hsl(var(--primary) / 0.3); } .group:hover .group-hover\:border-l-primary\/60 { border-left-color: hsl(var(--primary) / 0.6); } .group:hover .group-hover\:bg-\[\#CBD5E1\] { --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-muted-foreground\/50 { background-color: hsl(var(--muted-foreground) / 0.5); } .group:hover .group-hover\:bg-primary { background-color: hsl(var(--primary)); } .group:hover .group-hover\:bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); } .group:hover .group-hover\:bg-primary\/15 { background-color: hsl(var(--primary) / 0.15); } .group:hover .group-hover\:bg-secondary { background-color: hsl(var(--secondary)); } .group:hover .group-hover\:text-\[\#2F5FD7\] { --tw-text-opacity: 1; color: rgb(47 95 215 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-\[\#2F5FD7\]\/70 { color: rgb(47 95 215 / 0.7); } .group:hover .group-hover\:text-accent { color: hsl(var(--accent)); } .group:hover .group-hover\:text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-foreground { color: hsl(var(--foreground)); } .group:hover .group-hover\:text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-primary { color: hsl(var(--primary)); } .group:hover .group-hover\:text-primary-foreground { color: hsl(var(--primary-foreground)); } .group:hover .group-hover\:text-primary\/60 { color: hsl(var(--primary) / 0.6); } .group:hover .group-hover\:text-primary\/70 { color: hsl(var(--primary) / 0.7); } .group:hover .group-hover\:text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-secondary-foreground { color: hsl(var(--secondary-foreground)); } .group:hover .group-hover\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:underline { text-decoration-line: underline; } .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-0 { opacity: 0; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-20 { opacity: 0.2; } .group:hover .group-hover\:opacity-40 { opacity: 0.4; } .group:hover .group-hover\:opacity-50 { opacity: 0.5; } .group:hover .group-hover\:opacity-60 { opacity: 0.6; } .group:hover .group-hover\: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); } .group:hover .group-hover\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:hover .group-hover\: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); } .group:hover .group-hover\:shadow-amber-500\/20 { --tw-shadow-color: rgb(245 158 11 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-amber-500\/30 { --tw-shadow-color: rgb(245 158 11 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-blue-500\/20 { --tw-shadow-color: rgb(59 130 246 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-blue-500\/30 { --tw-shadow-color: rgb(59 130 246 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-emerald-500\/20 { --tw-shadow-color: rgb(16 185 129 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-emerald-500\/30 { --tw-shadow-color: rgb(16 185 129 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-muted-foreground\/10 { --tw-shadow-color: hsl(var(--muted-foreground) / 0.1); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-orange-500\/20 { --tw-shadow-color: rgb(249 115 22 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-orange-500\/30 { --tw-shadow-color: rgb(249 115 22 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/60 { --tw-shadow-color: hsl(var(--primary) / 0.6); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-purple-500\/20 { --tw-shadow-color: rgb(168 85 247 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-purple-500\/30 { --tw-shadow-color: rgb(168 85 247 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-rose-500\/20 { --tw-shadow-color: rgb(244 63 94 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-rose-500\/30 { --tw-shadow-color: rgb(244 63 94 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-slate-500\/30 { --tw-shadow-color: rgb(100 116 139 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:ring-primary\/20 { --tw-ring-color: hsl(var(--primary) / 0.2); } .group:hover .group-hover\:ring-primary\/30 { --tw-ring-color: hsl(var(--primary) / 0.3); } .group:hover .group-hover\:brightness-110 { --tw-brightness: brightness(1.1); 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); } .group:active .group-active\:opacity-100 { opacity: 1; } .group.destructive .group-\[\.destructive\]\:border-muted\/40 { border-color: hsl(var(--muted) / 0.4); } .group.toaster .group-\[\.toaster\]\:border-border { border-color: hsl(var(--border)); } .group.toast .group-\[\.toast\]\:bg-muted { background-color: hsl(var(--muted)); } .group.toast .group-\[\.toast\]\:bg-primary { background-color: hsl(var(--primary)); } .group.toaster .group-\[\.toaster\]\:bg-background { background-color: hsl(var(--background)); } .group.toast .group-\[\.toast\]\:font-medium { font-weight: 500; } .group.destructive .group-\[\.destructive\]\:text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .group.toast .group-\[\.toast\]\:text-\[\#4B5563\] { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .group.toast .group-\[\.toast\]\:text-muted-foreground { color: hsl(var(--muted-foreground)); } .group.toast .group-\[\.toast\]\:text-primary-foreground { color: hsl(var(--primary-foreground)); } .group.toaster .group-\[\.toaster\]\:text-foreground { color: hsl(var(--foreground)); } .group.toaster .group-\[\.toaster\]\: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); } .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover { border-color: hsl(var(--destructive) / 0.3); } .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); } .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus { --tw-ring-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; } .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accent-foreground)); } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; } .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) { background-color: hsl(var(--sidebar-background)); } .has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; } .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 { padding-right: 2rem; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; } .aria-selected\:bg-accent[aria-selected="true"] { background-color: hsl(var(--accent)); } .aria-selected\:bg-accent\/50[aria-selected="true"] { background-color: hsl(var(--accent) / 0.5); } .aria-selected\:text-accent-foreground[aria-selected="true"] { color: hsl(var(--accent-foreground)); } .aria-selected\:text-muted-foreground[aria-selected="true"] { color: hsl(var(--muted-foreground)); } .aria-selected\:opacity-100[aria-selected="true"] { opacity: 1; } .aria-selected\:opacity-30[aria-selected="true"] { opacity: 0.3; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[state\=inactive\]\:hidden[data-state="inactive"] { display: none; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=checked\]\:translate-x-5[data-state="checked"] { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] { --tw-translate-x: var(--radix-toast-swipe-end-x); 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)); } .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] { --tw-translate-x: var(--radix-toast-swipe-move-x); 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)); } .data-\[state\=open\]\:rotate-180[data-state="open"] { --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)); } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } } .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: accordion-up 0.2s ease-out; } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } } .data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: accordion-down 0.2s ease-out; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; } .data-\[state\=active\]\:border[data-state="active"] { border-width: 1px; } .data-\[state\=active\]\:border-b-2[data-state="active"] { border-bottom-width: 2px; } .data-\[state\=active\]\:border-\[\#D8DEE9\][data-state="active"] { --tw-border-opacity: 1; border-color: rgb(216 222 233 / var(--tw-border-opacity, 1)); } .data-\[state\=active\]\:border-amber-300[data-state="active"] { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .data-\[state\=active\]\:border-primary[data-state="active"] { border-color: hsl(var(--primary)); } .data-\[state\=active\]\:border-primary\/30[data-state="active"] { border-color: hsl(var(--primary) / 0.3); } .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] { background-color: hsl(var(--sidebar-accent)); } .data-\[active\]\:bg-accent\/50[data-active] { background-color: hsl(var(--accent) / 0.5); } .data-\[selected\=\'true\'\]\:bg-accent[data-selected='true'] { background-color: hsl(var(--accent)); } .data-\[state\=active\]\:bg-amber-50[data-state="active"] { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .data-\[state\=active\]\:bg-amber-500\/10[data-state="active"] { background-color: rgb(245 158 11 / 0.1); } .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: hsl(var(--background)); } .data-\[state\=active\]\:bg-blue-500\/10[data-state="active"] { background-color: rgb(59 130 246 / 0.1); } .data-\[state\=active\]\:bg-card[data-state="active"] { background-color: hsl(var(--card)); } .data-\[state\=active\]\:bg-cyan-500\/10[data-state="active"] { background-color: rgb(6 182 212 / 0.1); } .data-\[state\=active\]\:bg-emerald-100[data-state="active"] { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .data-\[state\=active\]\:bg-emerald-500\/10[data-state="active"] { background-color: rgb(16 185 129 / 0.1); } .data-\[state\=active\]\:bg-orange-500\/10[data-state="active"] { background-color: rgb(249 115 22 / 0.1); } .data-\[state\=active\]\:bg-primary[data-state="active"] { background-color: hsl(var(--primary)); } .data-\[state\=active\]\:bg-primary\/10[data-state="active"] { background-color: hsl(var(--primary) / 0.1); } .data-\[state\=active\]\:bg-purple-500\/10[data-state="active"] { background-color: rgb(168 85 247 / 0.1); } .data-\[state\=active\]\:bg-red-500\/10[data-state="active"] { background-color: rgb(239 68 68 / 0.1); } .data-\[state\=active\]\:bg-rose-100[data-state="active"] { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); } .data-\[state\=active\]\:bg-slate-100[data-state="active"] { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .data-\[state\=active\]\:bg-transparent[data-state="active"] { background-color: transparent; } .data-\[state\=active\]\:bg-white[data-state="active"] { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); } .data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: hsl(var(--accent)); } .data-\[state\=on\]\:bg-primary[data-state="on"] { background-color: hsl(var(--primary)); } .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: hsl(var(--accent) / 0.5); } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: hsl(var(--secondary)); } .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: hsl(var(--muted)); } .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: hsl(var(--input)); } .data-\[active\=true\]\:font-medium[data-active="true"] { font-weight: 500; } .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] { color: hsl(var(--sidebar-accent-foreground)); } .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: hsl(var(--accent-foreground)); } .data-\[state\=active\]\:text-amber-600[data-state="active"] { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-amber-700[data-state="active"] { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-amber-900[data-state="active"] { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-blue-600[data-state="active"] { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-blue-700[data-state="active"] { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-cyan-600[data-state="active"] { --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-emerald-600[data-state="active"] { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-emerald-700[data-state="active"] { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-foreground[data-state="active"] { color: hsl(var(--foreground)); } .data-\[state\=active\]\:text-orange-600[data-state="active"] { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-primary[data-state="active"] { color: hsl(var(--primary)); } .data-\[state\=active\]\:text-primary-foreground[data-state="active"] { color: hsl(var(--primary-foreground)); } .data-\[state\=active\]\:text-purple-600[data-state="active"] { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-purple-700[data-state="active"] { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-red-600[data-state="active"] { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); } .data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"] { color: hsl(var(--muted-foreground)); } .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: hsl(var(--accent-foreground)); } .data-\[state\=on\]\:text-primary-foreground[data-state="on"] { color: hsl(var(--primary-foreground)); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: hsl(var(--accent-foreground)); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: hsl(var(--muted-foreground)); } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=active\]\:shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.08\)\][data-state="active"] { --tw-shadow: 0 1px 4px rgba(0,0,0,0.08); --tw-shadow-colored: 0 1px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=active\]\:shadow-none[data-state="active"] { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=active\]\:shadow-sm[data-state="active"] { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=on\]\:shadow-sm[data-state="on"] { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=open\]\:shadow-md[data-state="open"] { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[swipe\=move\]\:transition-none[data-swipe="move"] { transition-property: none; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"] { transition-duration: 500ms; } .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=open\]\:animate-in[data-state="open"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=visible\]\:animate-in[data-state="visible"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=hidden\]\:animate-out[data-state="hidden"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[swipe\=end\]\:animate-out[data-swipe="end"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; } .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out-80[data-state="closed"] { --tw-exit-opacity: 0.8; } .data-\[state\=hidden\]\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=visible\]\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-90[data-state="open"] { --tw-enter-scale: .9; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: 13rem; } .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: -13rem; } .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: 13rem; } .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: -13rem; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -0.5rem; } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: 0.5rem; } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -0.5rem; } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: 0.5rem; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-bottom-full[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: -50%; } .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: -50%; } .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { animation-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"] { animation-duration: 500ms; } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: 0px; } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: 0.25rem; } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --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)); } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] { background-color: hsl(var(--sidebar-accent)); } .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] { color: hsl(var(--sidebar-accent-foreground)); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { right: calc(var(--sidebar-width) * -1); } .group[data-side="left"] .group-data-\[side\=left\]\:-right-4 { right: -1rem; } .group[data-side="right"] .group-data-\[side\=right\]\:left-0 { left: 0px; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 { margin-top: -2rem; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden { display: none; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 { width: 2rem !important; height: 2rem !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] { width: var(--sidebar-width-icon); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] { width: calc(var(--sidebar-width-icon) + 1rem); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] { width: calc(var(--sidebar-width-icon) + 1rem + 2px); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 { width: 0px; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden { overflow: hidden; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: var(--radius); } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border { border-width: 1px; } .group[data-side="left"] .group-data-\[side\=left\]\:border-r { border-right-width: 1px; } .group[data-side="right"] .group-data-\[side\=right\]\:border-l { border-left-width: 1px; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border { border-color: hsl(var(--sidebar-border)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 { padding: 0px !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 { padding: 0.5rem !important; } .group[data-selected="true"] .group-data-\[selected\=true\]\:text-accent-foreground { color: hsl(var(--accent-foreground)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after { content: var(--tw-content); left: 100%; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover { background-color: hsl(var(--sidebar-background)); } .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { top: 0.375rem; } .peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { top: 0.625rem; } .peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 { top: 0.25rem; } .peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] { min-height: calc(100svh - 1rem); } .peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:border-primary { border-color: hsl(var(--primary)); } .peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:border-teal-500 { --tw-border-opacity: 1; border-color: rgb(20 184 166 / var(--tw-border-opacity, 1)); } .peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:bg-primary\/5 { background-color: hsl(var(--primary) / 0.05); } .peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:bg-teal-500\/5 { background-color: rgb(20 184 166 / 0.05); } .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accent-foreground)); } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) { .supports-\[backdrop-filter\]\:bg-background\/60 { background-color: hsl(var(--background) / 0.6); } } .dark\:-rotate-90:is(.dark *) { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .dark\:rotate-0:is(.dark *) { --tw-rotate: 0deg; 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\:scale-0:is(.dark *) { --tw-scale-x: 0; --tw-scale-y: 0; 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\:scale-100:is(.dark *) { --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)); } .dark\:border-\[hsl\(215\2c 14\%\2c 21\%\)\]:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(215 14% 21% / var(--tw-border-opacity, 1)); } .dark\:border-\[hsl\(220\2c 18\%\2c 28\%\)\]:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(220 18% 28% / var(--tw-border-opacity, 1)); } .dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]:is(.dark *) { border-color: rgba(255,255,255,0.06); } .dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]:is(.dark *) { border-color: rgba(255,255,255,0.08); } .dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]:is(.dark *) { border-color: rgba(255,255,255,0.12); } .dark\:border-amber-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)); } .dark\:border-amber-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(180 83 9 / var(--tw-border-opacity, 1)); } .dark\:border-amber-700\/30:is(.dark *) { border-color: rgb(180 83 9 / 0.3); } .dark\:border-amber-700\/40:is(.dark *) { border-color: rgb(180 83 9 / 0.4); } .dark\:border-amber-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)); } .dark\:border-amber-800\/10:is(.dark *) { border-color: rgb(146 64 14 / 0.1); } .dark\:border-amber-800\/20:is(.dark *) { border-color: rgb(146 64 14 / 0.2); } .dark\:border-amber-800\/30:is(.dark *) { border-color: rgb(146 64 14 / 0.3); } .dark\:border-amber-800\/40:is(.dark *) { border-color: rgb(146 64 14 / 0.4); } .dark\:border-amber-800\/50:is(.dark *) { border-color: rgb(146 64 14 / 0.5); } .dark\:border-amber-900\/30:is(.dark *) { border-color: rgb(120 53 15 / 0.3); } .dark\:border-blue-500\/50:is(.dark *) { border-color: rgb(59 130 246 / 0.5); } .dark\:border-blue-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .dark\:border-blue-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity, 1)); } .dark\:border-blue-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); } .dark\:border-blue-800\/20:is(.dark *) { border-color: rgb(30 64 175 / 0.2); } .dark\:border-blue-800\/30:is(.dark *) { border-color: rgb(30 64 175 / 0.3); } .dark\:border-blue-800\/40:is(.dark *) { border-color: rgb(30 64 175 / 0.4); } .dark\:border-blue-900\/30:is(.dark *) { border-color: rgb(30 58 138 / 0.3); } .dark\:border-border:is(.dark *) { border-color: hsl(var(--border)); } .dark\:border-border\/30:is(.dark *) { border-color: hsl(var(--border) / 0.3); } .dark\:border-border\/50:is(.dark *) { border-color: hsl(var(--border) / 0.5); } .dark\:border-card:is(.dark *) { border-color: hsl(var(--card)); } .dark\:border-destructive:is(.dark *) { border-color: hsl(var(--destructive)); } .dark\:border-emerald-500\/50:is(.dark *) { border-color: rgb(16 185 129 / 0.5); } .dark\:border-emerald-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); } .dark\:border-emerald-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(4 120 87 / var(--tw-border-opacity, 1)); } .dark\:border-emerald-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(6 95 70 / var(--tw-border-opacity, 1)); } .dark\:border-emerald-800\/20:is(.dark *) { border-color: rgb(6 95 70 / 0.2); } .dark\:border-emerald-800\/30:is(.dark *) { border-color: rgb(6 95 70 / 0.3); } .dark\:border-emerald-800\/40:is(.dark *) { border-color: rgb(6 95 70 / 0.4); } .dark\:border-emerald-800\/50:is(.dark *) { border-color: rgb(6 95 70 / 0.5); } .dark\:border-gold\/20:is(.dark *) { border-color: hsl(var(--gold) / 0.2); } .dark\:border-gray-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:border-gray-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .dark\:border-green-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(21 128 61 / var(--tw-border-opacity, 1)); } .dark\:border-green-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(22 101 52 / var(--tw-border-opacity, 1)); } .dark\:border-green-800\/30:is(.dark *) { border-color: rgb(22 101 52 / 0.3); } .dark\:border-green-900\/30:is(.dark *) { border-color: rgb(20 83 45 / 0.3); } .dark\:border-indigo-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(55 48 163 / var(--tw-border-opacity, 1)); } .dark\:border-orange-500\/50:is(.dark *) { border-color: rgb(249 115 22 / 0.5); } .dark\:border-orange-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(194 65 12 / var(--tw-border-opacity, 1)); } .dark\:border-orange-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(154 52 18 / var(--tw-border-opacity, 1)); } .dark\:border-orange-800\/40:is(.dark *) { border-color: rgb(154 52 18 / 0.4); } .dark\:border-pink-800\/40:is(.dark *) { border-color: rgb(157 23 77 / 0.4); } .dark\:border-purple-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(147 51 234 / var(--tw-border-opacity, 1)); } .dark\:border-purple-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(126 34 206 / var(--tw-border-opacity, 1)); } .dark\:border-purple-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(107 33 168 / var(--tw-border-opacity, 1)); } .dark\:border-purple-800\/30:is(.dark *) { border-color: rgb(107 33 168 / 0.3); } .dark\:border-purple-800\/40:is(.dark *) { border-color: rgb(107 33 168 / 0.4); } .dark\:border-purple-900\/30:is(.dark *) { border-color: rgb(88 28 135 / 0.3); } .dark\:border-red-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)); } .dark\:border-red-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(153 27 27 / var(--tw-border-opacity, 1)); } .dark\:border-red-800\/30:is(.dark *) { border-color: rgb(153 27 27 / 0.3); } .dark\:border-red-800\/50:is(.dark *) { border-color: rgb(153 27 27 / 0.5); } .dark\:border-rose-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(190 18 60 / var(--tw-border-opacity, 1)); } .dark\:border-rose-800\/40:is(.dark *) { border-color: rgb(159 18 57 / 0.4); } .dark\:border-rose-800\/50:is(.dark *) { border-color: rgb(159 18 57 / 0.5); } .dark\:border-sky-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(3 105 161 / var(--tw-border-opacity, 1)); } .dark\:border-sky-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(7 89 133 / var(--tw-border-opacity, 1)); } .dark\:border-sky-800\/30:is(.dark *) { border-color: rgb(7 89 133 / 0.3); } .dark\:border-sky-800\/50:is(.dark *) { border-color: rgb(7 89 133 / 0.5); } .dark\:border-slate-500\/50:is(.dark *) { border-color: rgb(100 116 139 / 0.5); } .dark\:border-slate-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .dark\:border-slate-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .dark\:border-slate-700\/30:is(.dark *) { border-color: rgb(51 65 85 / 0.3); } .dark\:border-slate-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(30 41 59 / var(--tw-border-opacity, 1)); } .dark\:border-slate-800\/40:is(.dark *) { border-color: rgb(30 41 59 / 0.4); } .dark\:border-slate-800\/50:is(.dark *) { border-color: rgb(30 41 59 / 0.5); } .dark\:border-slate-900:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)); } .dark\:border-teal-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(17 94 89 / var(--tw-border-opacity, 1)); } .dark\:border-teal-800\/40:is(.dark *) { border-color: rgb(17 94 89 / 0.4); } .dark\:border-violet-800\/30:is(.dark *) { border-color: rgb(91 33 182 / 0.3); } .dark\:border-violet-800\/40:is(.dark *) { border-color: rgb(91 33 182 / 0.4); } .dark\:border-yellow-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(202 138 4 / var(--tw-border-opacity, 1)); } .dark\:border-yellow-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(133 77 14 / var(--tw-border-opacity, 1)); } .dark\:border-yellow-800\/40:is(.dark *) { border-color: rgb(133 77 14 / 0.4); } .dark\:bg-\[hsl\(220\2c 22\%\2c 12\%\)\]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 22% 12% / var(--tw-bg-opacity, 1)); } .dark\:bg-\[hsl\(220\2c 22\%\2c 14\%\)\]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 22% 14% / var(--tw-bg-opacity, 1)); } .dark\:bg-\[hsl\(220\2c 22\%\2c 16\%\)\]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 22% 16% / var(--tw-bg-opacity, 1)); } .dark\:bg-\[hsl\(220\2c 22\%\2c 18\%\)\]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 22% 18% / var(--tw-bg-opacity, 1)); } .dark\:bg-\[hsl\(220\2c 24\%\2c 14\%\)\]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 24% 14% / var(--tw-bg-opacity, 1)); } .dark\:bg-\[hsl\(222\2c 20\%\2c 10\%\)\]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(222 20% 10% / var(--tw-bg-opacity, 1)); } .dark\:bg-\[hsl\(222\2c 30\%\2c 15\%\)\]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(222 30% 15% / var(--tw-bg-opacity, 1)); } .dark\:bg-\[hsl\(var\(--primary-dark\)\)\]\/80:is(.dark *) { background-color: hsl(var(--primary-dark) / 0.8); } .dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]:is(.dark *) { background-color: rgba(255,255,255,0.06); } .dark\:bg-accent\/15:is(.dark *) { background-color: hsl(var(--accent) / 0.15); } .dark\:bg-amber-500\/20:is(.dark *) { background-color: rgb(245 158 11 / 0.2); } .dark\:bg-amber-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .dark\:bg-amber-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1)); } .dark\:bg-amber-800\/40:is(.dark *) { background-color: rgb(146 64 14 / 0.4); } .dark\:bg-amber-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1)); } .dark\:bg-amber-900\/10:is(.dark *) { background-color: rgb(120 53 15 / 0.1); } .dark\:bg-amber-900\/15:is(.dark *) { background-color: rgb(120 53 15 / 0.15); } .dark\:bg-amber-900\/20:is(.dark *) { background-color: rgb(120 53 15 / 0.2); } .dark\:bg-amber-900\/30:is(.dark *) { background-color: rgb(120 53 15 / 0.3); } .dark\:bg-amber-900\/40:is(.dark *) { background-color: rgb(120 53 15 / 0.4); } .dark\:bg-amber-900\/5:is(.dark *) { background-color: rgb(120 53 15 / 0.05); } .dark\:bg-amber-900\/50:is(.dark *) { background-color: rgb(120 53 15 / 0.5); } .dark\:bg-amber-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1)); } .dark\:bg-amber-950\/10:is(.dark *) { background-color: rgb(69 26 3 / 0.1); } .dark\:bg-amber-950\/20:is(.dark *) { background-color: rgb(69 26 3 / 0.2); } .dark\:bg-amber-950\/30:is(.dark *) { background-color: rgb(69 26 3 / 0.3); } .dark\:bg-amber-950\/40:is(.dark *) { background-color: rgb(69 26 3 / 0.4); } .dark\:bg-amber-950\/50:is(.dark *) { background-color: rgb(69 26 3 / 0.5); } .dark\:bg-background:is(.dark *) { background-color: hsl(var(--background)); } .dark\:bg-background\/95:is(.dark *) { background-color: hsl(var(--background) / 0.95); } .dark\:bg-black\/20:is(.dark *) { background-color: rgb(0 0 0 / 0.2); } .dark\:bg-blue-500\/15:is(.dark *) { background-color: rgb(59 130 246 / 0.15); } .dark\:bg-blue-500\/20:is(.dark *) { background-color: rgb(59 130 246 / 0.2); } .dark\:bg-blue-500\/25:is(.dark *) { background-color: rgb(59 130 246 / 0.25); } .dark\:bg-blue-500\/30:is(.dark *) { background-color: rgb(59 130 246 / 0.3); } .dark\:bg-blue-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-800\/30:is(.dark *) { background-color: rgb(30 64 175 / 0.3); } .dark\:bg-blue-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-900\/10:is(.dark *) { background-color: rgb(30 58 138 / 0.1); } .dark\:bg-blue-900\/15:is(.dark *) { background-color: rgb(30 58 138 / 0.15); } .dark\:bg-blue-900\/20:is(.dark *) { background-color: rgb(30 58 138 / 0.2); } .dark\:bg-blue-900\/30:is(.dark *) { background-color: rgb(30 58 138 / 0.3); } .dark\:bg-blue-900\/40:is(.dark *) { background-color: rgb(30 58 138 / 0.4); } .dark\:bg-blue-900\/5:is(.dark *) { background-color: rgb(30 58 138 / 0.05); } .dark\:bg-blue-900\/50:is(.dark *) { background-color: rgb(30 58 138 / 0.5); } .dark\:bg-blue-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-950\/10:is(.dark *) { background-color: rgb(23 37 84 / 0.1); } .dark\:bg-blue-950\/20:is(.dark *) { background-color: rgb(23 37 84 / 0.2); } .dark\:bg-blue-950\/30:is(.dark *) { background-color: rgb(23 37 84 / 0.3); } .dark\:bg-blue-950\/40:is(.dark *) { background-color: rgb(23 37 84 / 0.4); } .dark\:bg-blue-950\/50:is(.dark *) { background-color: rgb(23 37 84 / 0.5); } .dark\:bg-card:is(.dark *) { background-color: hsl(var(--card)); } .dark\:bg-card\/90:is(.dark *) { background-color: hsl(var(--card) / 0.9); } .dark\:bg-card\/95:is(.dark *) { background-color: hsl(var(--card) / 0.95); } .dark\:bg-cyan-500\/20:is(.dark *) { background-color: rgb(6 182 212 / 0.2); } .dark\:bg-cyan-900\/20:is(.dark *) { background-color: rgb(22 78 99 / 0.2); } .dark\:bg-cyan-900\/30:is(.dark *) { background-color: rgb(22 78 99 / 0.3); } .dark\:bg-cyan-900\/40:is(.dark *) { background-color: rgb(22 78 99 / 0.4); } .dark\:bg-cyan-950\/20:is(.dark *) { background-color: rgb(8 51 68 / 0.2); } .dark\:bg-cyan-950\/30:is(.dark *) { background-color: rgb(8 51 68 / 0.3); } .dark\:bg-emerald-500\/15:is(.dark *) { background-color: rgb(16 185 129 / 0.15); } .dark\:bg-emerald-500\/20:is(.dark *) { background-color: rgb(16 185 129 / 0.2); } .dark\:bg-emerald-500\/25:is(.dark *) { background-color: rgb(16 185 129 / 0.25); } .dark\:bg-emerald-500\/30:is(.dark *) { background-color: rgb(16 185 129 / 0.3); } .dark\:bg-emerald-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .dark\:bg-emerald-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); } .dark\:bg-emerald-800\/30:is(.dark *) { background-color: rgb(6 95 70 / 0.3); } .dark\:bg-emerald-800\/40:is(.dark *) { background-color: rgb(6 95 70 / 0.4); } .dark\:bg-emerald-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1)); } .dark\:bg-emerald-900\/10:is(.dark *) { background-color: rgb(6 78 59 / 0.1); } .dark\:bg-emerald-900\/15:is(.dark *) { background-color: rgb(6 78 59 / 0.15); } .dark\:bg-emerald-900\/20:is(.dark *) { background-color: rgb(6 78 59 / 0.2); } .dark\:bg-emerald-900\/30:is(.dark *) { background-color: rgb(6 78 59 / 0.3); } .dark\:bg-emerald-900\/40:is(.dark *) { background-color: rgb(6 78 59 / 0.4); } .dark\:bg-emerald-900\/50:is(.dark *) { background-color: rgb(6 78 59 / 0.5); } .dark\:bg-emerald-900\/60:is(.dark *) { background-color: rgb(6 78 59 / 0.6); } .dark\:bg-emerald-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1)); } .dark\:bg-emerald-950\/10:is(.dark *) { background-color: rgb(2 44 34 / 0.1); } .dark\:bg-emerald-950\/15:is(.dark *) { background-color: rgb(2 44 34 / 0.15); } .dark\:bg-emerald-950\/20:is(.dark *) { background-color: rgb(2 44 34 / 0.2); } .dark\:bg-emerald-950\/30:is(.dark *) { background-color: rgb(2 44 34 / 0.3); } .dark\:bg-emerald-950\/40:is(.dark *) { background-color: rgb(2 44 34 / 0.4); } .dark\:bg-emerald-950\/50:is(.dark *) { background-color: rgb(2 44 34 / 0.5); } .dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800\/30:is(.dark *) { background-color: rgb(31 41 55 / 0.3); } .dark\:bg-gray-800\/50:is(.dark *) { background-color: rgb(31 41 55 / 0.5); } .dark\:bg-gray-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-900\/20:is(.dark *) { background-color: rgb(17 24 39 / 0.2); } .dark\:bg-gray-900\/30:is(.dark *) { background-color: rgb(17 24 39 / 0.3); } .dark\:bg-gray-900\/40:is(.dark *) { background-color: rgb(17 24 39 / 0.4); } .dark\:bg-gray-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-950\/30:is(.dark *) { background-color: rgb(3 7 18 / 0.3); } .dark\:bg-green-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-900\/10:is(.dark *) { background-color: rgb(20 83 45 / 0.1); } .dark\:bg-green-900\/20:is(.dark *) { background-color: rgb(20 83 45 / 0.2); } .dark\:bg-green-900\/30:is(.dark *) { background-color: rgb(20 83 45 / 0.3); } .dark\:bg-green-900\/40:is(.dark *) { background-color: rgb(20 83 45 / 0.4); } .dark\:bg-green-900\/50:is(.dark *) { background-color: rgb(20 83 45 / 0.5); } .dark\:bg-green-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-950\/10:is(.dark *) { background-color: rgb(5 46 22 / 0.1); } .dark\:bg-green-950\/20:is(.dark *) { background-color: rgb(5 46 22 / 0.2); } .dark\:bg-green-950\/30:is(.dark *) { background-color: rgb(5 46 22 / 0.3); } .dark\:bg-green-950\/50:is(.dark *) { background-color: rgb(5 46 22 / 0.5); } .dark\:bg-indigo-900\/20:is(.dark *) { background-color: rgb(49 46 129 / 0.2); } .dark\:bg-indigo-900\/30:is(.dark *) { background-color: rgb(49 46 129 / 0.3); } .dark\:bg-indigo-900\/40:is(.dark *) { background-color: rgb(49 46 129 / 0.4); } .dark\:bg-indigo-950\/30:is(.dark *) { background-color: rgb(30 27 75 / 0.3); } .dark\:bg-indigo-950\/50:is(.dark *) { background-color: rgb(30 27 75 / 0.5); } .dark\:bg-lime-950\/30:is(.dark *) { background-color: rgb(26 46 5 / 0.3); } .dark\:bg-muted:is(.dark *) { background-color: hsl(var(--muted)); } .dark\:bg-muted\/10:is(.dark *) { background-color: hsl(var(--muted) / 0.1); } .dark\:bg-muted\/20:is(.dark *) { background-color: hsl(var(--muted) / 0.2); } .dark\:bg-muted\/30:is(.dark *) { background-color: hsl(var(--muted) / 0.3); } .dark\:bg-muted\/40:is(.dark *) { background-color: hsl(var(--muted) / 0.4); } .dark\:bg-orange-500\/20:is(.dark *) { background-color: rgb(249 115 22 / 0.2); } .dark\:bg-orange-500\/25:is(.dark *) { background-color: rgb(249 115 22 / 0.25); } .dark\:bg-orange-500\/30:is(.dark *) { background-color: rgb(249 115 22 / 0.3); } .dark\:bg-orange-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); } .dark\:bg-orange-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1)); } .dark\:bg-orange-900\/10:is(.dark *) { background-color: rgb(124 45 18 / 0.1); } .dark\:bg-orange-900\/20:is(.dark *) { background-color: rgb(124 45 18 / 0.2); } .dark\:bg-orange-900\/30:is(.dark *) { background-color: rgb(124 45 18 / 0.3); } .dark\:bg-orange-900\/40:is(.dark *) { background-color: rgb(124 45 18 / 0.4); } .dark\:bg-orange-900\/50:is(.dark *) { background-color: rgb(124 45 18 / 0.5); } .dark\:bg-orange-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1)); } .dark\:bg-orange-950\/20:is(.dark *) { background-color: rgb(67 20 7 / 0.2); } .dark\:bg-orange-950\/30:is(.dark *) { background-color: rgb(67 20 7 / 0.3); } .dark\:bg-pink-900\/20:is(.dark *) { background-color: rgb(131 24 67 / 0.2); } .dark\:bg-pink-900\/30:is(.dark *) { background-color: rgb(131 24 67 / 0.3); } .dark\:bg-pink-950\/30:is(.dark *) { background-color: rgb(80 7 36 / 0.3); } .dark\:bg-primary\/10:is(.dark *) { background-color: hsl(var(--primary) / 0.1); } .dark\:bg-primary\/15:is(.dark *) { background-color: hsl(var(--primary) / 0.15); } .dark\:bg-primary\/20:is(.dark *) { background-color: hsl(var(--primary) / 0.2); } .dark\:bg-primary\/25:is(.dark *) { background-color: hsl(var(--primary) / 0.25); } .dark\:bg-primary\/30:is(.dark *) { background-color: hsl(var(--primary) / 0.3); } .dark\:bg-primary\/50:is(.dark *) { background-color: hsl(var(--primary) / 0.5); } .dark\:bg-purple-500\/15:is(.dark *) { background-color: rgb(168 85 247 / 0.15); } .dark\:bg-purple-500\/20:is(.dark *) { background-color: rgb(168 85 247 / 0.2); } .dark\:bg-purple-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-900\/10:is(.dark *) { background-color: rgb(88 28 135 / 0.1); } .dark\:bg-purple-900\/20:is(.dark *) { background-color: rgb(88 28 135 / 0.2); } .dark\:bg-purple-900\/30:is(.dark *) { background-color: rgb(88 28 135 / 0.3); } .dark\:bg-purple-900\/40:is(.dark *) { background-color: rgb(88 28 135 / 0.4); } .dark\:bg-purple-900\/5:is(.dark *) { background-color: rgb(88 28 135 / 0.05); } .dark\:bg-purple-900\/50:is(.dark *) { background-color: rgb(88 28 135 / 0.5); } .dark\:bg-purple-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(59 7 100 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-950\/20:is(.dark *) { background-color: rgb(59 7 100 / 0.2); } .dark\:bg-purple-950\/30:is(.dark *) { background-color: rgb(59 7 100 / 0.3); } .dark\:bg-purple-950\/40:is(.dark *) { background-color: rgb(59 7 100 / 0.4); } .dark\:bg-purple-950\/50:is(.dark *) { background-color: rgb(59 7 100 / 0.5); } .dark\:bg-red-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-900\/10:is(.dark *) { background-color: rgb(127 29 29 / 0.1); } .dark\:bg-red-900\/20:is(.dark *) { background-color: rgb(127 29 29 / 0.2); } .dark\:bg-red-900\/30:is(.dark *) { background-color: rgb(127 29 29 / 0.3); } .dark\:bg-red-900\/40:is(.dark *) { background-color: rgb(127 29 29 / 0.4); } .dark\:bg-red-900\/50:is(.dark *) { background-color: rgb(127 29 29 / 0.5); } .dark\:bg-red-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-950\/10:is(.dark *) { background-color: rgb(69 10 10 / 0.1); } .dark\:bg-red-950\/15:is(.dark *) { background-color: rgb(69 10 10 / 0.15); } .dark\:bg-red-950\/20:is(.dark *) { background-color: rgb(69 10 10 / 0.2); } .dark\:bg-red-950\/30:is(.dark *) { background-color: rgb(69 10 10 / 0.3); } .dark\:bg-red-950\/40:is(.dark *) { background-color: rgb(69 10 10 / 0.4); } .dark\:bg-red-950\/50:is(.dark *) { background-color: rgb(69 10 10 / 0.5); } .dark\:bg-rose-500\/20:is(.dark *) { background-color: rgb(244 63 94 / 0.2); } .dark\:bg-rose-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(136 19 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-rose-900\/20:is(.dark *) { background-color: rgb(136 19 55 / 0.2); } .dark\:bg-rose-900\/30:is(.dark *) { background-color: rgb(136 19 55 / 0.3); } .dark\:bg-rose-900\/40:is(.dark *) { background-color: rgb(136 19 55 / 0.4); } .dark\:bg-rose-900\/50:is(.dark *) { background-color: rgb(136 19 55 / 0.5); } .dark\:bg-rose-950\/10:is(.dark *) { background-color: rgb(76 5 25 / 0.1); } .dark\:bg-rose-950\/20:is(.dark *) { background-color: rgb(76 5 25 / 0.2); } .dark\:bg-rose-950\/30:is(.dark *) { background-color: rgb(76 5 25 / 0.3); } .dark\:bg-rose-950\/40:is(.dark *) { background-color: rgb(76 5 25 / 0.4); } .dark\:bg-sky-800\/40:is(.dark *) { background-color: rgb(7 89 133 / 0.4); } .dark\:bg-sky-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(12 74 110 / var(--tw-bg-opacity, 1)); } .dark\:bg-sky-900\/20:is(.dark *) { background-color: rgb(12 74 110 / 0.2); } .dark\:bg-sky-900\/30:is(.dark *) { background-color: rgb(12 74 110 / 0.3); } .dark\:bg-sky-900\/40:is(.dark *) { background-color: rgb(12 74 110 / 0.4); } .dark\:bg-sky-900\/50:is(.dark *) { background-color: rgb(12 74 110 / 0.5); } .dark\:bg-sky-950\/20:is(.dark *) { background-color: rgb(8 47 73 / 0.2); } .dark\:bg-sky-950\/30:is(.dark *) { background-color: rgb(8 47 73 / 0.3); } .dark\:bg-slate-500\/20:is(.dark *) { background-color: rgb(100 116 139 / 0.2); } .dark\:bg-slate-500\/25:is(.dark *) { background-color: rgb(100 116 139 / 0.25); } .dark\:bg-slate-500\/30:is(.dark *) { background-color: rgb(100 116 139 / 0.3); } .dark\:bg-slate-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-700\/50:is(.dark *) { background-color: rgb(51 65 85 / 0.5); } .dark\:bg-slate-700\/70:is(.dark *) { background-color: rgb(51 65 85 / 0.7); } .dark\:bg-slate-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-800\/20:is(.dark *) { background-color: rgb(30 41 59 / 0.2); } .dark\:bg-slate-800\/30:is(.dark *) { background-color: rgb(30 41 59 / 0.3); } .dark\:bg-slate-800\/50:is(.dark *) { background-color: rgb(30 41 59 / 0.5); } .dark\:bg-slate-800\/80:is(.dark *) { background-color: rgb(30 41 59 / 0.8); } .dark\:bg-slate-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-900\/30:is(.dark *) { background-color: rgb(15 23 42 / 0.3); } .dark\:bg-slate-900\/50:is(.dark *) { background-color: rgb(15 23 42 / 0.5); } .dark\:bg-slate-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-950\/20:is(.dark *) { background-color: rgb(2 6 23 / 0.2); } .dark\:bg-slate-950\/30:is(.dark *) { background-color: rgb(2 6 23 / 0.3); } .dark\:bg-slate-950\/50:is(.dark *) { background-color: rgb(2 6 23 / 0.5); } .dark\:bg-teal-500\/20:is(.dark *) { background-color: rgb(20 184 166 / 0.2); } .dark\:bg-teal-900\/30:is(.dark *) { background-color: rgb(19 78 74 / 0.3); } .dark\:bg-teal-900\/40:is(.dark *) { background-color: rgb(19 78 74 / 0.4); } .dark\:bg-teal-950\/30:is(.dark *) { background-color: rgb(4 47 46 / 0.3); } .dark\:bg-violet-800\/40:is(.dark *) { background-color: rgb(91 33 182 / 0.4); } .dark\:bg-violet-900\/20:is(.dark *) { background-color: rgb(76 29 149 / 0.2); } .dark\:bg-violet-900\/30:is(.dark *) { background-color: rgb(76 29 149 / 0.3); } .dark\:bg-violet-900\/40:is(.dark *) { background-color: rgb(76 29 149 / 0.4); } .dark\:bg-violet-950\/10:is(.dark *) { background-color: rgb(46 16 101 / 0.1); } .dark\:bg-violet-950\/20:is(.dark *) { background-color: rgb(46 16 101 / 0.2); } .dark\:bg-violet-950\/30:is(.dark *) { background-color: rgb(46 16 101 / 0.3); } .dark\:bg-white\/10:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .dark\:bg-white\/5:is(.dark *) { background-color: rgb(255 255 255 / 0.05); } .dark\:bg-yellow-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1)); } .dark\:bg-yellow-900\/10:is(.dark *) { background-color: rgb(113 63 18 / 0.1); } .dark\:bg-yellow-900\/20:is(.dark *) { background-color: rgb(113 63 18 / 0.2); } .dark\:bg-yellow-900\/30:is(.dark *) { background-color: rgb(113 63 18 / 0.3); } .dark\:bg-yellow-900\/5:is(.dark *) { background-color: rgb(113 63 18 / 0.05); } .dark\:bg-yellow-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(66 32 6 / var(--tw-bg-opacity, 1)); } .dark\:bg-yellow-950\/20:is(.dark *) { background-color: rgb(66 32 6 / 0.2); } .dark\:bg-yellow-950\/30:is(.dark *) { background-color: rgb(66 32 6 / 0.3); } .dark\:bg-yellow-950\/50:is(.dark *) { background-color: rgb(66 32 6 / 0.5); } .dark\:from-\[hsl\(216\2c 45\%\2c 15\%\)\]:is(.dark *) { --tw-gradient-from: hsl(216,45%,15%) var(--tw-gradient-from-position); --tw-gradient-to: hsl(216 45% 15% / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-400\/20:is(.dark *) { --tw-gradient-from: rgb(251 191 36 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-600:is(.dark *) { --tw-gradient-from: #d97706 var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-900\/10:is(.dark *) { --tw-gradient-from: rgb(120 53 15 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-900\/20:is(.dark *) { --tw-gradient-from: rgb(120 53 15 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-900\/50:is(.dark *) { --tw-gradient-from: rgb(120 53 15 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-950\/10:is(.dark *) { --tw-gradient-from: rgb(69 26 3 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-950\/20:is(.dark *) { --tw-gradient-from: rgb(69 26 3 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-950\/30:is(.dark *) { --tw-gradient-from: rgb(69 26 3 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-amber-950\/40:is(.dark *) { --tw-gradient-from: rgb(69 26 3 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-blue-400\/20:is(.dark *) { --tw-gradient-from: rgb(96 165 250 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-blue-600:is(.dark *) { --tw-gradient-from: #2563eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-blue-900\/20:is(.dark *) { --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-blue-900\/50:is(.dark *) { --tw-gradient-from: rgb(30 58 138 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-blue-950\/20:is(.dark *) { --tw-gradient-from: rgb(23 37 84 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-blue-950\/40:is(.dark *) { --tw-gradient-from: rgb(23 37 84 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-card:is(.dark *) { --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-cyan-900\/20:is(.dark *) { --tw-gradient-from: rgb(22 78 99 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 78 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-emerald-400\/20:is(.dark *) { --tw-gradient-from: rgb(52 211 153 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-emerald-900\/10:is(.dark *) { --tw-gradient-from: rgb(6 78 59 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-emerald-900\/20:is(.dark *) { --tw-gradient-from: rgb(6 78 59 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-emerald-900\/50:is(.dark *) { --tw-gradient-from: rgb(6 78 59 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-emerald-950\/20:is(.dark *) { --tw-gradient-from: rgb(2 44 34 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-emerald-950\/40:is(.dark *) { --tw-gradient-from: rgb(2 44 34 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-green-900\/10:is(.dark *) { --tw-gradient-from: rgb(20 83 45 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-green-950\/20:is(.dark *) { --tw-gradient-from: rgb(5 46 22 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-green-950\/30:is(.dark *) { --tw-gradient-from: rgb(5 46 22 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-green-950\/40:is(.dark *) { --tw-gradient-from: rgb(5 46 22 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-orange-400\/20:is(.dark *) { --tw-gradient-from: rgb(251 146 60 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-orange-900\/20:is(.dark *) { --tw-gradient-from: rgb(124 45 18 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-orange-900\/50:is(.dark *) { --tw-gradient-from: rgb(124 45 18 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-primary\/10:is(.dark *) { --tw-gradient-from: hsl(var(--primary) / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-primary\/20:is(.dark *) { --tw-gradient-from: hsl(var(--primary) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-primary\/5:is(.dark *) { --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-purple-400\/20:is(.dark *) { --tw-gradient-from: rgb(192 132 252 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-purple-900\/20:is(.dark *) { --tw-gradient-from: rgb(88 28 135 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-purple-950\/20:is(.dark *) { --tw-gradient-from: rgb(59 7 100 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-purple-950\/30:is(.dark *) { --tw-gradient-from: rgb(59 7 100 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-purple-950\/40:is(.dark *) { --tw-gradient-from: rgb(59 7 100 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-red-700:is(.dark *) { --tw-gradient-from: #b91c1c var(--tw-gradient-from-position); --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-red-900\/10:is(.dark *) { --tw-gradient-from: rgb(127 29 29 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-rose-400\/20:is(.dark *) { --tw-gradient-from: rgb(251 113 133 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-rose-900\/20:is(.dark *) { --tw-gradient-from: rgb(136 19 55 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(136 19 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-rose-900\/50:is(.dark *) { --tw-gradient-from: rgb(136 19 55 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(136 19 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-sky-900\/20:is(.dark *) { --tw-gradient-from: rgb(12 74 110 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(12 74 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-slate-400\/20:is(.dark *) { --tw-gradient-from: rgb(148 163 184 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-slate-800\/50:is(.dark *) { --tw-gradient-from: rgb(30 41 59 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-slate-900\/50:is(.dark *) { --tw-gradient-from: rgb(15 23 42 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-teal-900\/20:is(.dark *) { --tw-gradient-from: rgb(19 78 74 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-violet-900\/20:is(.dark *) { --tw-gradient-from: rgb(76 29 149 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(76 29 149 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-violet-950\/40:is(.dark *) { --tw-gradient-from: rgb(46 16 101 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-yellow-900\/10:is(.dark *) { --tw-gradient-from: rgb(113 63 18 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:via-\[hsl\(216\2c 45\%\2c 14\%\)\]:is(.dark *) { --tw-gradient-to: hsl(216 45% 14% / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(216,45%,14%) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-amber-900\/10:is(.dark *) { --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(120 53 15 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-blue-900\/10:is(.dark *) { --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(30 58 138 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-card:is(.dark *) { --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-card\/95:is(.dark *) { --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-emerald-900\/10:is(.dark *) { --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(6 78 59 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-emerald-950\/20:is(.dark *) { --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(2 44 34 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-indigo-900\/10:is(.dark *) { --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(49 46 129 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-orange-900\/10:is(.dark *) { --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(124 45 18 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-pink-900\/10:is(.dark *) { --tw-gradient-to: rgb(131 24 67 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(131 24 67 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-primary\/10:is(.dark *) { --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-slate-400\/10:is(.dark *) { --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(148 163 184 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-slate-600:is(.dark *) { --tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #475569 var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-teal-900\/10:is(.dark *) { --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(19 78 74 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:via-violet-900\/10:is(.dark *) { --tw-gradient-to: rgb(76 29 149 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(76 29 149 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:to-\[hsl\(216\2c 50\%\2c 12\%\)\]:is(.dark *) { --tw-gradient-to: hsl(216,50%,12%) var(--tw-gradient-to-position); } .dark\:to-accent\/20:is(.dark *) { --tw-gradient-to: hsl(var(--accent) / 0.2) var(--tw-gradient-to-position); } .dark\:to-amber-500\/10:is(.dark *) { --tw-gradient-to: rgb(245 158 11 / 0.1) var(--tw-gradient-to-position); } .dark\:to-amber-800\/10:is(.dark *) { --tw-gradient-to: rgb(146 64 14 / 0.1) var(--tw-gradient-to-position); } .dark\:to-amber-800\/50:is(.dark *) { --tw-gradient-to: rgb(146 64 14 / 0.5) var(--tw-gradient-to-position); } .dark\:to-amber-900\/20:is(.dark *) { --tw-gradient-to: rgb(120 53 15 / 0.2) var(--tw-gradient-to-position); } .dark\:to-amber-950\/20:is(.dark *) { --tw-gradient-to: rgb(69 26 3 / 0.2) var(--tw-gradient-to-position); } .dark\:to-background:is(.dark *) { --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position); } .dark\:to-blue-500\/10:is(.dark *) { --tw-gradient-to: rgb(59 130 246 / 0.1) var(--tw-gradient-to-position); } .dark\:to-blue-700:is(.dark *) { --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position); } .dark\:to-blue-800\/50:is(.dark *) { --tw-gradient-to: rgb(30 64 175 / 0.5) var(--tw-gradient-to-position); } .dark\:to-blue-900\/20:is(.dark *) { --tw-gradient-to: rgb(30 58 138 / 0.2) var(--tw-gradient-to-position); } .dark\:to-blue-950\/20:is(.dark *) { --tw-gradient-to: rgb(23 37 84 / 0.2) var(--tw-gradient-to-position); } .dark\:to-card:is(.dark *) { --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position); } .dark\:to-card\/90:is(.dark *) { --tw-gradient-to: hsl(var(--card) / 0.9) var(--tw-gradient-to-position); } .dark\:to-emerald-500\/10:is(.dark *) { --tw-gradient-to: rgb(16 185 129 / 0.1) var(--tw-gradient-to-position); } .dark\:to-emerald-800\/50:is(.dark *) { --tw-gradient-to: rgb(6 95 70 / 0.5) var(--tw-gradient-to-position); } .dark\:to-emerald-900\/10:is(.dark *) { --tw-gradient-to: rgb(6 78 59 / 0.1) var(--tw-gradient-to-position); } .dark\:to-emerald-950\/20:is(.dark *) { --tw-gradient-to: rgb(2 44 34 / 0.2) var(--tw-gradient-to-position); } .dark\:to-emerald-950\/30:is(.dark *) { --tw-gradient-to: rgb(2 44 34 / 0.3) var(--tw-gradient-to-position); } .dark\:to-fuchsia-950\/40:is(.dark *) { --tw-gradient-to: rgb(74 4 78 / 0.4) var(--tw-gradient-to-position); } .dark\:to-green-900\/20:is(.dark *) { --tw-gradient-to: rgb(20 83 45 / 0.2) var(--tw-gradient-to-position); } .dark\:to-indigo-900\/20:is(.dark *) { --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position); } .dark\:to-muted\/20:is(.dark *) { --tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position); } .dark\:to-orange-500\/10:is(.dark *) { --tw-gradient-to: rgb(249 115 22 / 0.1) var(--tw-gradient-to-position); } .dark\:to-orange-600:is(.dark *) { --tw-gradient-to: #ea580c var(--tw-gradient-to-position); } .dark\:to-orange-800\/50:is(.dark *) { --tw-gradient-to: rgb(154 52 18 / 0.5) var(--tw-gradient-to-position); } .dark\:to-orange-900\/10:is(.dark *) { --tw-gradient-to: rgb(124 45 18 / 0.1) var(--tw-gradient-to-position); } .dark\:to-orange-900\/20:is(.dark *) { --tw-gradient-to: rgb(124 45 18 / 0.2) var(--tw-gradient-to-position); } .dark\:to-orange-950\/20:is(.dark *) { --tw-gradient-to: rgb(67 20 7 / 0.2) var(--tw-gradient-to-position); } .dark\:to-pink-900\/20:is(.dark *) { --tw-gradient-to: rgb(131 24 67 / 0.2) var(--tw-gradient-to-position); } .dark\:to-primary\/5:is(.dark *) { --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position); } .dark\:to-purple-500\/10:is(.dark *) { --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position); } .dark\:to-purple-900\/20:is(.dark *) { --tw-gradient-to: rgb(88 28 135 / 0.2) var(--tw-gradient-to-position); } .dark\:to-purple-950\/20:is(.dark *) { --tw-gradient-to: rgb(59 7 100 / 0.2) var(--tw-gradient-to-position); } .dark\:to-red-600:is(.dark *) { --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); } .dark\:to-red-950\/20:is(.dark *) { --tw-gradient-to: rgb(69 10 10 / 0.2) var(--tw-gradient-to-position); } .dark\:to-rose-500\/10:is(.dark *) { --tw-gradient-to: rgb(244 63 94 / 0.1) var(--tw-gradient-to-position); } .dark\:to-rose-800\/50:is(.dark *) { --tw-gradient-to: rgb(159 18 57 / 0.5) var(--tw-gradient-to-position); } .dark\:to-rose-950\/20:is(.dark *) { --tw-gradient-to: rgb(76 5 25 / 0.2) var(--tw-gradient-to-position); } .dark\:to-sky-900\/20:is(.dark *) { --tw-gradient-to: rgb(12 74 110 / 0.2) var(--tw-gradient-to-position); } .dark\:to-sky-950\/20:is(.dark *) { --tw-gradient-to: rgb(8 47 73 / 0.2) var(--tw-gradient-to-position); } .dark\:to-slate-500\/10:is(.dark *) { --tw-gradient-to: rgb(100 116 139 / 0.1) var(--tw-gradient-to-position); } .dark\:to-slate-700\/50:is(.dark *) { --tw-gradient-to: rgb(51 65 85 / 0.5) var(--tw-gradient-to-position); } .dark\:to-teal-900\/20:is(.dark *) { --tw-gradient-to: rgb(19 78 74 / 0.2) var(--tw-gradient-to-position); } .dark\:to-teal-950\/20:is(.dark *) { --tw-gradient-to: rgb(4 47 46 / 0.2) var(--tw-gradient-to-position); } .dark\:to-transparent:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .dark\:stroke-slate-700:is(.dark *) { stroke: #334155; } .dark\:text-\[\#94A3B8\]:is(.dark *) { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .dark\:text-\[\#9CA3AF\]:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-\[\#CBD5E1\]:is(.dark *) { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .dark\:text-amber-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); } .dark\:text-amber-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .dark\:text-amber-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .dark\:text-amber-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .dark\:text-amber-400\/60:is(.dark *) { color: rgb(251 191 36 / 0.6); } .dark\:text-amber-400\/70:is(.dark *) { color: rgb(251 191 36 / 0.7); } .dark\:text-amber-400\/80:is(.dark *) { color: rgb(251 191 36 / 0.8); } .dark\:text-amber-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .dark\:text-amber-500\/80:is(.dark *) { color: rgb(245 158 11 / 0.8); } .dark\:text-blue-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity, 1)); } .dark\:text-blue-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .dark\:text-blue-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .dark\:text-blue-400\/70:is(.dark *) { color: rgb(96 165 250 / 0.7); } .dark\:text-cyan-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(34 211 238 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(6 182 212 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-400\/70:is(.dark *) { color: rgb(52 211 153 / 0.7); } .dark\:text-emerald-400\/80:is(.dark *) { color: rgb(52 211 153 / 0.8); } .dark\:text-emerald-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .dark\:text-foreground:is(.dark *) { color: hsl(var(--foreground)); } .dark\:text-fuchsia-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(232 121 249 / var(--tw-text-opacity, 1)); } .dark\:text-gray-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-green-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(187 247 208 / var(--tw-text-opacity, 1)); } .dark\:text-green-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .dark\:text-green-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(129 140 248 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity, 1)); } .dark\:text-lime-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(163 230 53 / var(--tw-text-opacity, 1)); } .dark\:text-muted-foreground:is(.dark *) { color: hsl(var(--muted-foreground)); } .dark\:text-orange-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 237 213 / var(--tw-text-opacity, 1)); } .dark\:text-orange-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 215 170 / var(--tw-text-opacity, 1)); } .dark\:text-orange-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 186 116 / var(--tw-text-opacity, 1)); } .dark\:text-orange-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .dark\:text-orange-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .dark\:text-pink-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(244 114 182 / var(--tw-text-opacity, 1)); } .dark\:text-purple-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(243 232 255 / var(--tw-text-opacity, 1)); } .dark\:text-purple-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(233 213 255 / var(--tw-text-opacity, 1)); } .dark\:text-purple-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); } .dark\:text-purple-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .dark\:text-purple-400\/70:is(.dark *) { color: rgb(192 132 252 / 0.7); } .dark\:text-purple-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .dark\:text-red-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 226 226 / var(--tw-text-opacity, 1)); } .dark\:text-red-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); } .dark\:text-red-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .dark\:text-red-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .dark\:text-red-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .dark\:text-rose-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 205 211 / var(--tw-text-opacity, 1)); } .dark\:text-rose-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); } .dark\:text-rose-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 113 133 / var(--tw-text-opacity, 1)); } .dark\:text-rose-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); } .dark\:text-sky-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(224 242 254 / var(--tw-text-opacity, 1)); } .dark\:text-sky-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(186 230 253 / var(--tw-text-opacity, 1)); } .dark\:text-sky-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .dark\:text-sky-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(56 189 248 / var(--tw-text-opacity, 1)); } .dark\:text-sky-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .dark\:text-slate-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); } .dark\:text-slate-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .dark\:text-slate-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .dark\:text-slate-600:is(.dark *) { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .dark\:text-teal-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); } .dark\:text-teal-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity, 1)); } .dark\:text-violet-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(237 233 254 / var(--tw-text-opacity, 1)); } .dark\:text-violet-100\/90:is(.dark *) { color: rgb(237 233 254 / 0.9); } .dark\:text-violet-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); } .dark\:text-violet-300\/80:is(.dark *) { color: rgb(196 181 253 / 0.8); } .dark\:text-violet-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity, 1)); } .dark\:text-violet-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 240 138 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .dark\:opacity-25:is(.dark *) { opacity: 0.25; } .dark\:opacity-30:is(.dark *) { opacity: 0.3; } .dark\:shadow-2xl:is(.dark *) { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[0_-8px_30px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:is(.dark *) { --tw-shadow: 0 -8px 30px rgba(0,0,0,0.4); --tw-shadow-colored: 0 -8px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]:is(.dark *) { --tw-shadow: 0 12px 32px rgba(0,0,0,0.45); --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]:is(.dark *) { --tw-shadow: 0 12px 32px rgba(0,0,0,0.55); --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[0_12px_40px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:is(.dark *) { --tw-shadow: 0 12px 40px rgba(0,0,0,0.5); --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]:is(.dark *) { --tw-shadow: 0 2px 6px rgba(0,0,0,0.25); --tw-shadow-colored: 0 2px 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); } .dark\:shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.06\)\]:is(.dark *) { --tw-shadow: 0 4px 12px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.06); --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.03\)\]:is(.dark *) { --tw-shadow: 0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.03); --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color), inset 0 1px 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); } .dark\:shadow-amber-800\/30:is(.dark *) { --tw-shadow-color: rgb(146 64 14 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-black\/20:is(.dark *) { --tw-shadow-color: rgb(0 0 0 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-blue-800\/30:is(.dark *) { --tw-shadow-color: rgb(30 64 175 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-emerald-800\/30:is(.dark *) { --tw-shadow-color: rgb(6 95 70 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-orange-800\/30:is(.dark *) { --tw-shadow-color: rgb(154 52 18 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-purple-800\/30:is(.dark *) { --tw-shadow-color: rgb(107 33 168 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-red-800\/30:is(.dark *) { --tw-shadow-color: rgb(153 27 27 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-slate-900\/50:is(.dark *) { --tw-shadow-color: rgb(15 23 42 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-teal-800\/30:is(.dark *) { --tw-shadow-color: rgb(17 94 89 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .dark\:ring-\[\#3B82F6\]\/40:is(.dark *) { --tw-ring-color: rgb(59 130 246 / 0.4); } .dark\:ring-emerald-700:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity, 1)); } .dark\:ring-emerald-900:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity, 1)); } .dark\:ring-red-700:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity, 1)); } .dark\:ring-sky-800:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(7 89 133 / var(--tw-ring-opacity, 1)); } .dark\:ring-slate-600:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1)); } .dark\:placeholder\:text-\[\#9CA3AF\]:is(.dark *)::-moz-placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:placeholder\:text-\[\#9CA3AF\]:is(.dark *)::placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:placeholder\:text-muted-foreground\/60:is(.dark *)::-moz-placeholder { color: hsl(var(--muted-foreground) / 0.6); } .dark\:placeholder\:text-muted-foreground\/60:is(.dark *)::placeholder { color: hsl(var(--muted-foreground) / 0.6); } .dark\:after\:ring-sky-800\/50:is(.dark *)::after { content: var(--tw-content); --tw-ring-color: rgb(7 89 133 / 0.5); } .dark\:hover\:border-\[hsl\(220\2c 18\%\2c 35\%\)\]:hover:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(220 18% 35% / var(--tw-border-opacity, 1)); } .dark\:hover\:border-amber-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-amber-700:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(180 83 9 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-blue-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-blue-700:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-blue-800\/20:hover:is(.dark *) { border-color: rgb(30 64 175 / 0.2); } .dark\:hover\:border-emerald-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-emerald-700:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(4 120 87 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-emerald-800\/20:hover:is(.dark *) { border-color: rgb(6 95 70 / 0.2); } .dark\:hover\:border-gold\/40:hover:is(.dark *) { border-color: hsl(var(--gold) / 0.4); } .dark\:hover\:border-orange-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(234 88 12 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-orange-700:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(194 65 12 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-primary\/30:hover:is(.dark *) { border-color: hsl(var(--primary) / 0.3); } .dark\:hover\:border-purple-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(147 51 234 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-rose-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(225 29 72 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-rose-700:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(190 18 60 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-sky-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(2 132 199 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-slate-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-violet-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(124 58 237 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-violet-700:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(109 40 217 / var(--tw-border-opacity, 1)); } .dark\:hover\:bg-\[hsl\(220\2c 22\%\2c 16\%\)\]:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 22% 16% / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-\[hsl\(220\2c 24\%\2c 16\%\)\]:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 24% 16% / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.03\)\]:hover:is(.dark *) { background-color: rgba(255,255,255,0.03); } .dark\:hover\:bg-amber-800\/30:hover:is(.dark *) { background-color: rgb(146 64 14 / 0.3); } .dark\:hover\:bg-amber-900\/10:hover:is(.dark *) { background-color: rgb(120 53 15 / 0.1); } .dark\:hover\:bg-amber-900\/20:hover:is(.dark *) { background-color: rgb(120 53 15 / 0.2); } .dark\:hover\:bg-amber-900\/70:hover:is(.dark *) { background-color: rgb(120 53 15 / 0.7); } .dark\:hover\:bg-amber-950\/30:hover:is(.dark *) { background-color: rgb(69 26 3 / 0.3); } .dark\:hover\:bg-blue-900\/20:hover:is(.dark *) { background-color: rgb(30 58 138 / 0.2); } .dark\:hover\:bg-emerald-900\/20:hover:is(.dark *) { background-color: rgb(6 78 59 / 0.2); } .dark\:hover\:bg-emerald-900\/30:hover:is(.dark *) { background-color: rgb(6 78 59 / 0.3); } .dark\:hover\:bg-emerald-950\/25:hover:is(.dark *) { background-color: rgb(2 44 34 / 0.25); } .dark\:hover\:bg-emerald-950\/30:hover:is(.dark *) { background-color: rgb(2 44 34 / 0.3); } .dark\:hover\:bg-green-950\/30:hover:is(.dark *) { background-color: rgb(5 46 22 / 0.3); } .dark\:hover\:bg-indigo-950\/30:hover:is(.dark *) { background-color: rgb(30 27 75 / 0.3); } .dark\:hover\:bg-muted\/30:hover:is(.dark *) { background-color: hsl(var(--muted) / 0.3); } .dark\:hover\:bg-muted\/40:hover:is(.dark *) { background-color: hsl(var(--muted) / 0.4); } .dark\:hover\:bg-muted\/60:hover:is(.dark *) { background-color: hsl(var(--muted) / 0.6); } .dark\:hover\:bg-muted\/80:hover:is(.dark *) { background-color: hsl(var(--muted) / 0.8); } .dark\:hover\:bg-orange-500:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-primary\/10:hover:is(.dark *) { background-color: hsl(var(--primary) / 0.1); } .dark\:hover\:bg-red-900\/20:hover:is(.dark *) { background-color: rgb(127 29 29 / 0.2); } .dark\:hover\:bg-red-900\/30:hover:is(.dark *) { background-color: rgb(127 29 29 / 0.3); } .dark\:hover\:bg-red-950\/25:hover:is(.dark *) { background-color: rgb(69 10 10 / 0.25); } .dark\:hover\:bg-red-950\/30:hover:is(.dark *) { background-color: rgb(69 10 10 / 0.3); } .dark\:hover\:bg-rose-900\/20:hover:is(.dark *) { background-color: rgb(136 19 55 / 0.2); } .dark\:hover\:bg-sky-950\/30:hover:is(.dark *) { background-color: rgb(8 47 73 / 0.3); } .dark\:hover\:bg-slate-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-slate-700\/50:hover:is(.dark *) { background-color: rgb(51 65 85 / 0.5); } .dark\:hover\:bg-slate-800:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-slate-800\/20:hover:is(.dark *) { background-color: rgb(30 41 59 / 0.2); } .dark\:hover\:bg-slate-800\/30:hover:is(.dark *) { background-color: rgb(30 41 59 / 0.3); } .dark\:hover\:bg-slate-800\/40:hover:is(.dark *) { background-color: rgb(30 41 59 / 0.4); } .dark\:hover\:bg-slate-800\/50:hover:is(.dark *) { background-color: rgb(30 41 59 / 0.5); } .dark\:hover\:bg-slate-800\/60:hover:is(.dark *) { background-color: rgb(30 41 59 / 0.6); } .dark\:hover\:bg-white\/10:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .dark\:hover\:shadow-\[0_12px_48px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_20px_rgba\(232\2c 185\2c 77\2c 0\.1\)\]:hover:is(.dark *) { --tw-shadow: 0 12px 48px rgba(0,0,0,0.5),0 0 20px rgba(232,185,77,0.1); --tw-shadow-colored: 0 12px 48px var(--tw-shadow-color), 0 0 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:hover\:shadow-\[0_6px_20px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)\]:hover:is(.dark *) { --tw-shadow: 0 6px 20px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1); --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:hover\:shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:hover:is(.dark *) { --tw-shadow: 0 8px 24px rgba(0,0,0,0.35); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:hover\:shadow-\[0_8px_30px_rgba\(59\2c 130\2c 246\2c 0\.15\)\]:hover:is(.dark *) { --tw-shadow: 0 8px 30px rgba(59,130,246,0.15); --tw-shadow-colored: 0 8px 30px 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\:focus\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]:focus:is(.dark *) { background-color: rgba(255,255,255,0.06); } .dark\:focus-visible\:border-primary:focus-visible:is(.dark *) { border-color: hsl(var(--primary)); } .dark\:focus-visible\:bg-\[hsl\(220\2c 22\%\2c 18\%\)\]:focus-visible:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 22% 18% / var(--tw-bg-opacity, 1)); } .dark\:focus-visible\:bg-\[hsl\(220\2c 24\%\2c 18\%\)\]:focus-visible:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(220 24% 18% / var(--tw-bg-opacity, 1)); } .dark\:focus-visible\:ring-primary\/20:focus-visible:is(.dark *) { --tw-ring-color: hsl(var(--primary) / 0.2); } .group:hover .dark\:group-hover\:bg-slate-600\/80:is(.dark *) { background-color: rgb(71 85 105 / 0.8); } .group:hover .dark\:group-hover\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .group.toast .dark\:group-\[\.toast\]\:text-\[\#9CA3AF\]:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:data-\[state\=active\]\:border-border[data-state="active"]:is(.dark *) { border-color: hsl(var(--border)); } .dark\:data-\[state\=active\]\:bg-card[data-state="active"]:is(.dark *) { background-color: hsl(var(--card)); } .dark\:data-\[state\=active\]\:text-amber-400[data-state="active"]:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .dark\:data-\[state\=active\]\:text-blue-400[data-state="active"]:is(.dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .dark\:data-\[state\=active\]\:text-emerald-400[data-state="active"]:is(.dark *) { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .dark\:data-\[state\=active\]\:text-purple-400[data-state="active"]:is(.dark *) { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } @media (min-width: 400px) { .xs\:block { display: block; } .xs\:inline { display: inline; } .xs\:hidden { display: none; } .xs\:max-w-\[120px\] { max-width: 120px; } } @media (min-width: 640px) { .sm\:-bottom-2 { bottom: -0.5rem; } .sm\:-bottom-6 { bottom: -1.5rem; } .sm\:-left-6 { left: -1.5rem; } .sm\:-right-4 { right: -1rem; } .sm\:-top-4 { top: -1rem; } .sm\:bottom-0 { bottom: 0px; } .sm\:bottom-auto { bottom: auto; } .sm\:left-2 { left: 0.5rem; } .sm\:left-3 { left: 0.75rem; } .sm\:right-0 { right: 0px; } .sm\:right-8 { right: 2rem; } .sm\:top-2 { top: 0.5rem; } .sm\:top-\[50\%\] { top: 50%; } .sm\:top-auto { top: auto; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .sm\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .sm\:mb-1 { margin-bottom: 0.25rem; } .sm\:mb-2 { margin-bottom: 0.5rem; } .sm\:mb-3 { margin-bottom: 0.75rem; } .sm\:mb-4 { margin-bottom: 1rem; } .sm\:mb-6 { margin-bottom: 1.5rem; } .sm\:mb-8 { margin-bottom: 2rem; } .sm\:mt-0 { margin-top: 0px; } .sm\:mt-1 { margin-top: 0.25rem; } .sm\:mt-1\.5 { margin-top: 0.375rem; } .sm\:mt-12 { margin-top: 3rem; } .sm\:mt-2\.5 { margin-top: 0.625rem; } .sm\:mt-3 { margin-top: 0.75rem; } .sm\:mt-4 { margin-top: 1rem; } .sm\:mt-6 { margin-top: 1.5rem; } .sm\:line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .sm\:line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sm\:line-clamp-none { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; } .sm\:block { display: block; } .sm\:inline { display: inline; } .sm\:flex { display: flex; } .sm\:inline-flex { display: inline-flex; } .sm\:table-cell { display: table-cell; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:h-1 { height: 0.25rem; } .sm\:h-1\.5 { height: 0.375rem; } .sm\:h-10 { height: 2.5rem; } .sm\:h-11 { height: 2.75rem; } .sm\:h-12 { height: 3rem; } .sm\:h-14 { height: 3.5rem; } .sm\:h-16 { height: 4rem; } .sm\:h-2 { height: 0.5rem; } .sm\:h-2\.5 { height: 0.625rem; } .sm\:h-3 { height: 0.75rem; } .sm\:h-3\.5 { height: 0.875rem; } .sm\:h-32 { height: 8rem; } .sm\:h-36 { height: 9rem; } .sm\:h-4 { height: 1rem; } .sm\:h-44 { height: 11rem; } .sm\:h-48 { height: 12rem; } .sm\:h-5 { height: 1.25rem; } .sm\:h-6 { height: 1.5rem; } .sm\:h-7 { height: 1.75rem; } .sm\:h-8 { height: 2rem; } .sm\:h-9 { height: 2.25rem; } .sm\:h-\[160px\] { height: 160px; } .sm\:h-\[180px\] { height: 180px; } .sm\:h-\[220px\] { height: 220px; } .sm\:h-\[36px\] { height: 36px; } .sm\:h-\[52px\] { height: 52px; } .sm\:h-\[60px\] { height: 60px; } .sm\:h-\[60vh\] { height: 60vh; } .sm\:max-h-\[380px\] { max-height: 380px; } .sm\:max-h-\[500px\] { max-height: 500px; } .sm\:min-h-\[16px\] { min-height: 16px; } .sm\:min-h-\[400px\] { min-height: 400px; } .sm\:w-1\.5 { width: 0.375rem; } .sm\:w-10 { width: 2.5rem; } .sm\:w-11 { width: 2.75rem; } .sm\:w-12 { width: 3rem; } .sm\:w-14 { width: 3.5rem; } .sm\:w-16 { width: 4rem; } .sm\:w-2 { width: 0.5rem; } .sm\:w-2\.5 { width: 0.625rem; } .sm\:w-20 { width: 5rem; } .sm\:w-3 { width: 0.75rem; } .sm\:w-3\.5 { width: 0.875rem; } .sm\:w-32 { width: 8rem; } .sm\:w-36 { width: 9rem; } .sm\:w-4 { width: 1rem; } .sm\:w-44 { width: 11rem; } .sm\:w-48 { width: 12rem; } .sm\:w-5 { width: 1.25rem; } .sm\:w-52 { width: 13rem; } .sm\:w-6 { width: 1.5rem; } .sm\:w-64 { width: 16rem; } .sm\:w-7 { width: 1.75rem; } .sm\:w-8 { width: 2rem; } .sm\:w-9 { width: 2.25rem; } .sm\:w-\[420px\] { width: 420px; } .sm\:w-\[440px\] { width: 440px; } .sm\:w-\[450px\] { width: 450px; } .sm\:w-\[480px\] { width: 480px; } .sm\:w-\[52px\] { width: 52px; } .sm\:w-\[600px\] { width: 600px; } .sm\:w-\[60px\] { width: 60px; } .sm\:w-auto { width: auto; } .sm\:min-w-64 { min-width: 16rem; } .sm\:min-w-\[140px\] { min-width: 140px; } .sm\:min-w-\[180px\] { min-width: 180px; } .sm\:min-w-\[24px\] { min-width: 24px; } .sm\:min-w-\[40px\] { min-width: 40px; } .sm\:min-w-\[80px\] { min-width: 80px; } .sm\:max-w-2xl { max-width: 42rem; } .sm\:max-w-\[500px\] { max-width: 500px; } .sm\:max-w-lg { max-width: 32rem; } .sm\:max-w-md { max-width: 28rem; } .sm\:max-w-none { max-width: none; } .sm\:max-w-sm { max-width: 24rem; } .sm\:max-w-xl { max-width: 36rem; } .sm\:flex-initial { flex: 0 1 auto; } .sm\:flex-none { flex: none; } .sm\:translate-y-\[-50\%\] { --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)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .sm\:grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .sm\:flex-row { flex-direction: row; } .sm\:flex-col { flex-direction: column; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:items-start { align-items: flex-start; } .sm\:items-end { align-items: flex-end; } .sm\:items-center { align-items: center; } .sm\:justify-start { justify-content: flex-start; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-center { justify-content: center; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-0 { gap: 0px; } .sm\:gap-1 { gap: 0.25rem; } .sm\:gap-1\.5 { gap: 0.375rem; } .sm\:gap-2 { gap: 0.5rem; } .sm\:gap-2\.5 { gap: 0.625rem; } .sm\:gap-3 { gap: 0.75rem; } .sm\:gap-4 { gap: 1rem; } .sm\:gap-5 { gap: 1.25rem; } .sm\:gap-6 { gap: 1.5rem; } .sm\: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))); } .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-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)); } .sm\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .sm\: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)); } .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .sm\:rounded-2xl { border-radius: 1rem; } .sm\:rounded-lg { border-radius: var(--radius); } .sm\:rounded-xl { border-radius: 0.75rem; } .sm\:\!p-3 { padding: 0.75rem !important; } .sm\:\!p-4 { padding: 1rem !important; } .sm\:p-1 { padding: 0.25rem; } .sm\:p-10 { padding: 2.5rem; } .sm\:p-12 { padding: 3rem; } .sm\:p-14 { padding: 3.5rem; } .sm\:p-2 { padding: 0.5rem; } .sm\:p-2\.5 { padding: 0.625rem; } .sm\:p-3 { padding: 0.75rem; } .sm\:p-4 { padding: 1rem; } .sm\:p-5 { padding: 1.25rem; } .sm\:p-6 { padding: 1.5rem; } .sm\:p-8 { padding: 2rem; } .sm\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .sm\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .sm\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .sm\:py-28 { padding-top: 7rem; padding-bottom: 7rem; } .sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .sm\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .sm\:pb-3 { padding-bottom: 0.75rem; } .sm\:pb-4 { padding-bottom: 1rem; } .sm\:pl-12 { padding-left: 3rem; } .sm\:pl-4 { padding-left: 1rem; } .sm\:pr-3 { padding-right: 0.75rem; } .sm\:pr-4 { padding-right: 1rem; } .sm\:pt-3 { padding-top: 0.75rem; } .sm\:pt-4 { padding-top: 1rem; } .sm\:text-left { text-align: left; } .sm\:text-right { text-align: right; } .sm\:text-start { text-align: start; } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .sm\:text-5xl { font-size: 3rem; line-height: 1; } .sm\:text-\[10px\] { font-size: 10px; } .sm\:text-\[11px\] { font-size: 11px; } .sm\:text-\[13px\] { font-size: 13px; } .sm\:text-\[14px\] { font-size: 14px; } .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-xl { font-size: 1.25rem; line-height: 1.75rem; } .sm\:text-xs { font-size: 0.75rem; line-height: 1rem; } .sm\:leading-\[1\.65\] { line-height: 1.65; } .sm\:opacity-0 { opacity: 0; } .dark .sm\:space-y-4 > * + * { margin-top: 1.25rem; } .dark .sm\:space-y-6 > * + * { margin-top: 1.75rem; } .group:hover .sm\:group-hover\:opacity-100 { opacity: 1; } .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] { --tw-enter-translate-y: 100%; } } @media (min-width: 768px) { .md\:static { position: static; } .md\:absolute { position: absolute; } .md\:inset-4 { inset: 1rem; } .md\:left-auto { left: auto; } .md\:right-4 { right: 1rem; } .md\:order-first { order: -9999; } .md\:order-last { order: 9999; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:col-span-8 { grid-column: span 8 / span 8; } .md\:-mx-4 { margin-left: -1rem; margin-right: -1rem; } .md\:-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .md\:-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem; } .md\:mx-0 { margin-left: 0px; margin-right: 0px; } .md\:-mt-8 { margin-top: -2rem; } .md\:mb-2 { margin-bottom: 0.5rem; } .md\:mb-4 { margin-bottom: 1rem; } .md\:mb-5 { margin-bottom: 1.25rem; } .md\:mb-6 { margin-bottom: 1.5rem; } .md\:mb-8 { margin-bottom: 2rem; } .md\:mt-2 { margin-top: 0.5rem; } .md\:mt-3 { margin-top: 0.75rem; } .md\:mt-6 { margin-top: 1.5rem; } .md\:mt-\[88px\] { margin-top: 88px; } .md\:line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .md\:block { display: block; } .md\:inline { display: inline; } .md\:flex { display: flex; } .md\:inline-flex { display: inline-flex; } .md\:table-cell { display: table-cell; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:h-10 { height: 2.5rem; } .md\:h-11 { height: 2.75rem; } .md\:h-12 { height: 3rem; } .md\:h-14 { height: 3.5rem; } .md\:h-16 { height: 4rem; } .md\:h-20 { height: 5rem; } .md\:h-24 { height: 6rem; } .md\:h-3\.5 { height: 0.875rem; } .md\:h-4 { height: 1rem; } .md\:h-44 { height: 11rem; } .md\:h-48 { height: 12rem; } .md\:h-5 { height: 1.25rem; } .md\:h-52 { height: 13rem; } .md\:h-6 { height: 1.5rem; } .md\:h-7 { height: 1.75rem; } .md\:h-8 { height: 2rem; } .md\:h-80 { height: 20rem; } .md\:h-9 { height: 2.25rem; } .md\:h-\[calc\(100vh-64px\)\] { height: calc(100vh - 64px); } .md\:h-full { height: 100%; } .md\:min-h-0 { min-height: 0px; } .md\:min-h-\[500px\] { min-height: 500px; } .md\:w-10 { width: 2.5rem; } .md\:w-12 { width: 3rem; } .md\:w-14 { width: 3.5rem; } .md\:w-16 { width: 4rem; } .md\:w-20 { width: 5rem; } .md\:w-24 { width: 6rem; } .md\:w-28 { width: 7rem; } .md\:w-3\.5 { width: 0.875rem; } .md\:w-4 { width: 1rem; } .md\:w-44 { width: 11rem; } .md\:w-48 { width: 12rem; } .md\:w-5 { width: 1.25rem; } .md\:w-52 { width: 13rem; } .md\:w-6 { width: 1.5rem; } .md\:w-7 { width: 1.75rem; } .md\:w-72 { width: 18rem; } .md\:w-8 { width: 2rem; } .md\:w-80 { width: 20rem; } .md\:w-96 { width: 24rem; } .md\:w-\[220px\] { width: 220px; } .md\:w-\[340px\] { width: 340px; } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:min-w-\[100px\] { min-width: 100px; } .md\:min-w-\[140px\] { min-width: 140px; } .md\:min-w-\[150px\] { min-width: 150px; } .md\:max-w-\[280px\] { max-width: 280px; } .md\:max-w-\[400px\] { max-width: 400px; } .md\:max-w-\[420px\] { max-width: 420px; } .md\:flex-none { flex: none; } .md\:rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .md\:grid-cols-\[1fr_1\.2fr\] { grid-template-columns: 1fr 1.2fr; } .md\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .md\:flex-row { flex-direction: row; } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:flex-wrap { flex-wrap: wrap; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:justify-start { justify-content: flex-start; } .md\:justify-center { justify-content: center; } .md\:justify-between { justify-content: space-between; } .md\:gap-1 { gap: 0.25rem; } .md\:gap-1\.5 { gap: 0.375rem; } .md\:gap-10 { gap: 2.5rem; } .md\:gap-2 { gap: 0.5rem; } .md\:gap-3 { gap: 0.75rem; } .md\:gap-4 { gap: 1rem; } .md\:gap-6 { gap: 1.5rem; } .md\:gap-8 { gap: 2rem; } .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .md\: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)); } .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .md\:self-center { align-self: center; } .md\:p-1 { padding: 0.25rem; } .md\:p-10 { padding: 2.5rem; } .md\:p-12 { padding: 3rem; } .md\:p-3 { padding: 0.75rem; } .md\:p-4 { padding: 1rem; } .md\:p-5 { padding: 1.25rem; } .md\:p-6 { padding: 1.5rem; } .md\:p-7 { padding: 1.75rem; } .md\:p-8 { padding: 2rem; } .md\:px-0 { padding-left: 0px; padding-right: 0px; } .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .md\:px-4 { padding-left: 1rem; padding-right: 1rem; } .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .md\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .md\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .md\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .md\:pb-0 { padding-bottom: 0px; } .md\:pb-2 { padding-bottom: 0.5rem; } .md\:pb-3 { padding-bottom: 0.75rem; } .md\:pb-6 { padding-bottom: 1.5rem; } .md\:pt-2 { padding-top: 0.5rem; } .md\:pt-6 { padding-top: 1.5rem; } .md\:text-right { text-align: right; } .md\:text-start { text-align: start; } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .md\:text-\[15px\] { font-size: 15px; } .md\:text-\[17px\] { font-size: 17px; } .md\:text-\[28px\] { font-size: 28px; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .md\:text-xs { font-size: 0.75rem; line-height: 1rem; } .md\:opacity-0 { opacity: 0; } .dark .md\:space-y-4 > * + * { margin-top: 1.25rem; } .dark .md\:space-y-6 > * + * { margin-top: 1.75rem; } .after\:md\:hidden::after { content: var(--tw-content); display: none; } .md\:hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 { margin: 0.5rem; } .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 { margin-left: 0.5rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 { margin-left: 0px; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 0.75rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 1024px) { .lg\:sticky { position: sticky; } .lg\:top-24 { top: 6rem; } .lg\:top-4 { top: 1rem; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } .lg\:mb-16 { margin-bottom: 4rem; } .lg\:mb-4 { margin-bottom: 1rem; } .lg\:mt-16 { margin-top: 4rem; } .lg\:block { display: block; } .lg\:inline { display: inline; } .lg\:flex { display: flex; } .lg\:inline-flex { display: inline-flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:h-14 { height: 3.5rem; } .lg\:h-52 { height: 13rem; } .lg\:h-56 { height: 14rem; } .lg\:h-\[150px\] { height: 150px; } .lg\:h-\[240px\] { height: 240px; } .lg\:h-\[72px\] { height: 72px; } .lg\:h-header-desktop { height: 64px; } .lg\:max-h-\[calc\(100vh-120px\)\] { max-height: calc(100vh - 120px); } .lg\:min-h-0 { min-height: 0px; } .lg\:min-h-\[220px\] { min-height: 220px; } .lg\:min-h-header-desktop { min-height: 64px; } .lg\:min-h-screen { min-height: 100vh; } .lg\:w-14 { width: 3.5rem; } .lg\:w-16 { width: 4rem; } .lg\:w-36 { width: 9rem; } .lg\:w-52 { width: 13rem; } .lg\:w-56 { width: 14rem; } .lg\:w-96 { width: 24rem; } .lg\:w-\[380px\] { width: 380px; } .lg\:w-auto { width: auto; } .lg\:min-w-0 { min-width: 0px; } .lg\:max-w-lg { max-width: 32rem; } .lg\:flex-\[0\.4\] { flex: 0.4; } .lg\:flex-\[0\.6\] { flex: 0.6; } .lg\:flex-none { flex: none; } .lg\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .lg\:grid-cols-\[1fr_200px\] { grid-template-columns: 1fr 200px; } .lg\:grid-cols-\[1fr_280px\] { grid-template-columns: 1fr 280px; } .lg\:grid-cols-\[1fr_320px\] { grid-template-columns: 1fr 320px; } .lg\:grid-cols-\[1fr_340px\] { grid-template-columns: 1fr 340px; } .lg\:grid-cols-\[1fr_380px\] { grid-template-columns: 1fr 380px; } .lg\:grid-cols-\[280px_180px_1fr\] { grid-template-columns: 280px 180px 1fr; } .lg\:flex-row { flex-direction: row; } .lg\:flex-col { flex-direction: column; } .lg\:items-start { align-items: flex-start; } .lg\:items-center { align-items: center; } .lg\:justify-start { justify-content: flex-start; } .lg\:justify-center { justify-content: center; } .lg\:justify-between { justify-content: space-between; } .lg\:gap-10 { gap: 2.5rem; } .lg\:gap-12 { gap: 3rem; } .lg\:gap-16 { gap: 4rem; } .lg\:gap-4 { gap: 1rem; } .lg\:gap-5 { gap: 1.25rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:gap-8 { gap: 2rem; } .lg\: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)); } .lg\: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)); } .lg\: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))); } .lg\:divide-border > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border)); } .lg\:overflow-y-auto { overflow-y: auto; } .lg\:rounded-3xl { border-radius: 1.5rem; } .lg\:border-amber-300\/70 { border-color: rgb(252 211 77 / 0.7); } .lg\:border-amber-500\/45 { border-color: rgb(245 158 11 / 0.45); } .lg\:border-blue-300\/70 { border-color: rgb(147 197 253 / 0.7); } .lg\:border-blue-500\/45 { border-color: rgb(59 130 246 / 0.45); } .lg\:border-border\/80 { border-color: hsl(var(--border) / 0.8); } .lg\:border-emerald-300\/70 { border-color: rgb(110 231 183 / 0.7); } .lg\:border-emerald-500\/45 { border-color: rgb(16 185 129 / 0.45); } .lg\:border-indigo-500\/45 { border-color: rgb(99 102 241 / 0.45); } .lg\:border-orange-500\/45 { border-color: rgb(249 115 22 / 0.45); } .lg\:border-purple-300\/70 { border-color: rgb(216 180 254 / 0.7); } .lg\:border-purple-500\/45 { border-color: rgb(168 85 247 / 0.45); } .lg\:border-rose-300\/70 { border-color: rgb(253 164 175 / 0.7); } .lg\:border-rose-500\/45 { border-color: rgb(244 63 94 / 0.45); } .lg\:border-sky-500\/45 { border-color: rgb(14 165 233 / 0.45); } .lg\:border-slate-200\/80 { border-color: rgb(226 232 240 / 0.8); } .lg\:border-slate-300\/70 { border-color: rgb(203 213 225 / 0.7); } .lg\:border-slate-300\/80 { border-color: rgb(203 213 225 / 0.8); } .lg\:border-slate-500\/45 { border-color: rgb(100 116 139 / 0.45); } .lg\:border-slate-700\/70 { border-color: rgb(51 65 85 / 0.7); } .lg\:border-slate-700\/80 { border-color: rgb(51 65 85 / 0.8); } .lg\:border-violet-300\/70 { border-color: rgb(196 181 253 / 0.7); } .lg\:border-violet-500\/45 { border-color: rgb(139 92 246 / 0.45); } .lg\:border-violet-700\/50 { border-color: rgb(109 40 217 / 0.5); } .lg\:bg-amber-50\/80 { background-color: rgb(255 251 235 / 0.8); } .lg\:bg-amber-500\/20 { background-color: rgb(245 158 11 / 0.2); } .lg\:bg-blue-50\/80 { background-color: rgb(239 246 255 / 0.8); } .lg\:bg-blue-500\/20 { background-color: rgb(59 130 246 / 0.2); } .lg\:bg-card { background-color: hsl(var(--card)); } .lg\:bg-card\/85 { background-color: hsl(var(--card) / 0.85); } .lg\:bg-emerald-50\/80 { background-color: rgb(236 253 245 / 0.8); } .lg\:bg-emerald-500\/20 { background-color: rgb(16 185 129 / 0.2); } .lg\:bg-indigo-500\/20 { background-color: rgb(99 102 241 / 0.2); } .lg\:bg-orange-500\/20 { background-color: rgb(249 115 22 / 0.2); } .lg\:bg-purple-50\/80 { background-color: rgb(250 245 255 / 0.8); } .lg\:bg-purple-500\/20 { background-color: rgb(168 85 247 / 0.2); } .lg\:bg-rose-50\/80 { background-color: rgb(255 241 242 / 0.8); } .lg\:bg-rose-500\/20 { background-color: rgb(244 63 94 / 0.2); } .lg\:bg-sky-500\/20 { background-color: rgb(14 165 233 / 0.2); } .lg\:bg-slate-50\/80 { background-color: rgb(248 250 252 / 0.8); } .lg\:bg-slate-500\/20 { background-color: rgb(100 116 139 / 0.2); } .lg\:bg-slate-800\/70 { background-color: rgb(30 41 59 / 0.7); } .lg\:bg-slate-800\/80 { background-color: rgb(30 41 59 / 0.8); } .lg\:bg-violet-500\/20 { background-color: rgb(139 92 246 / 0.2); } .lg\:bg-white\/95 { background-color: rgb(255 255 255 / 0.95); } .lg\:p-10 { padding: 2.5rem; } .lg\:p-12 { padding: 3rem; } .lg\:p-14 { padding: 3.5rem; } .lg\:p-16 { padding: 4rem; } .lg\:p-20 { padding: 5rem; } .lg\:p-5 { padding: 1.25rem; } .lg\:p-6 { padding: 1.5rem; } .lg\:p-7 { padding: 1.75rem; } .lg\:p-8 { padding: 2rem; } .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .lg\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .lg\:py-28 { padding-top: 7rem; padding-bottom: 7rem; } .lg\:pb-0 { padding-bottom: 0px; } .lg\:pb-4 { padding-bottom: 1rem; } .lg\:pb-40 { padding-bottom: 10rem; } .lg\:pt-32 { padding-top: 8rem; } .lg\:pt-\[72px\] { padding-top: 72px; } .lg\:text-right { text-align: right; } .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .lg\:text-5xl { font-size: 3rem; line-height: 1; } .lg\:text-6xl { font-size: 3.75rem; line-height: 1; } .lg\:text-base { font-size: 1rem; line-height: 1.5rem; } .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .lg\:shadow-\[0_2px_10px_rgba\(15\2c 23\2c 42\2c 0\.06\)\] { --tw-shadow: 0 2px 10px rgba(15,23,42,0.06); --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:shadow-\[0_2px_10px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] { --tw-shadow: 0 2px 10px rgba(15,23,42,0.08); --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:shadow-\[0_2px_12px_rgba\(15\2c 23\2c 42\2c 0\.05\)\] { --tw-shadow: 0 2px 12px rgba(15,23,42,0.05); --tw-shadow-colored: 0 2px 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:shadow-\[0_2px_12px_rgba\(15\2c 23\2c 42\2c 0\.06\)\] { --tw-shadow: 0 2px 12px rgba(15,23,42,0.06); --tw-shadow-colored: 0 2px 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:shadow-\[0_2px_8px_rgba\(15\2c 23\2c 42\2c 0\.05\)\] { --tw-shadow: 0 2px 8px rgba(15,23,42,0.05); --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:shadow-\[0_4px_16px_rgba\(15\2c 23\2c 42\2c 0\.06\)\] { --tw-shadow: 0 4px 16px rgba(15,23,42,0.06); --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:shadow-\[0_4px_16px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] { --tw-shadow: 0 4px 16px rgba(15,23,42,0.08); --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:ring-black\/\[0\.03\] { --tw-ring-color: rgb(0 0 0 / 0.03); } .lg\:ring-black\/\[0\.04\] { --tw-ring-color: rgb(0 0 0 / 0.04); } .dark .lg\:space-y-4 > * + * { margin-top: 1.25rem; } .dark .lg\:space-y-8 > * + * { margin-top: 2.5rem; } .lg\:\[direction\:ltr\] { direction: ltr; } .lg\:hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:hover\:border-amber-500\/60:hover { border-color: rgb(245 158 11 / 0.6); } .lg\:hover\:border-blue-500\/60:hover { border-color: rgb(59 130 246 / 0.6); } .lg\:hover\:border-emerald-500\/60:hover { border-color: rgb(16 185 129 / 0.6); } .lg\:hover\:border-indigo-500\/60:hover { border-color: rgb(99 102 241 / 0.6); } .lg\:hover\:border-orange-500\/60:hover { border-color: rgb(249 115 22 / 0.6); } .lg\:hover\:border-purple-500\/60:hover { border-color: rgb(168 85 247 / 0.6); } .lg\:hover\:border-rose-500\/60:hover { border-color: rgb(244 63 94 / 0.6); } .lg\:hover\:border-slate-500\/60:hover { border-color: rgb(100 116 139 / 0.6); } .lg\:hover\:border-violet-500\/60:hover { border-color: rgb(139 92 246 / 0.6); } .lg\:hover\:bg-card\/95:hover { background-color: hsl(var(--card) / 0.95); } .lg\:hover\:shadow-\[0_6px_16px_rgba\(37\2c 99\2c 235\2c 0\.08\)\]:hover { --tw-shadow: 0 6px 16px rgba(37,99,235,0.08); --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:hover\:shadow-\[0_6px_16px_rgba\(37\2c 99\2c 235\2c 0\.15\)\]:hover { --tw-shadow: 0 6px 16px rgba(37,99,235,0.15); --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:hover\:shadow-\[0_8px_20px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]:hover { --tw-shadow: 0 8px 20px rgba(15,23,42,0.10); --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:hover\:shadow-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]:hover { --tw-shadow: 0 8px 24px rgba(15,23,42,0.12); --tw-shadow-colored: 0 8px 24px 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\:lg\:border-amber-700\/50:is(.dark *) { border-color: rgb(180 83 9 / 0.5); } .dark\:lg\:border-blue-700\/50:is(.dark *) { border-color: rgb(29 78 216 / 0.5); } .dark\:lg\:border-emerald-700\/50:is(.dark *) { border-color: rgb(4 120 87 / 0.5); } .dark\:lg\:border-purple-700\/50:is(.dark *) { border-color: rgb(126 34 206 / 0.5); } .dark\:lg\:border-rose-700\/50:is(.dark *) { border-color: rgb(190 18 60 / 0.5); } .dark\:lg\:border-slate-700\/50:is(.dark *) { border-color: rgb(51 65 85 / 0.5); } .dark\:lg\:bg-amber-950\/40:is(.dark *) { background-color: rgb(69 26 3 / 0.4); } .dark\:lg\:bg-blue-950\/40:is(.dark *) { background-color: rgb(23 37 84 / 0.4); } .dark\:lg\:bg-emerald-950\/40:is(.dark *) { background-color: rgb(2 44 34 / 0.4); } .dark\:lg\:bg-purple-950\/40:is(.dark *) { background-color: rgb(59 7 100 / 0.4); } .dark\:lg\:bg-rose-950\/40:is(.dark *) { background-color: rgb(76 5 25 / 0.4); } .dark\:lg\:bg-slate-950\/40:is(.dark *) { background-color: rgb(2 6 23 / 0.4); } } @media (min-width: 1280px) { .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .xl\:grid-cols-\[1fr_320px\] { grid-template-columns: 1fr 320px; } .xl\:px-16 { padding-left: 4rem; padding-right: 4rem; } .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; } .xl\:text-5xl { font-size: 3rem; line-height: 1; } .xl\:text-base { font-size: 1rem; line-height: 1.5rem; } .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } } .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; } .group:hover .rtl\:group-hover\:translate-x-\[2px\]:where([dir="rtl"], [dir="rtl"] *) { --tw-translate-x: 2px; 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)); } @media print { .print\:block { display: block; } .print\:hidden { display: none; } .print\:animate-none { animation: none; } .print\:break-inside-avoid { -moz-column-break-inside: avoid; break-inside: avoid; } .print\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .print\: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)); } .print\:overflow-visible { overflow: visible; } .print\:border { border-width: 1px; } .print\:border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .print\:border-black\/20 { border-color: rgb(0 0 0 / 0.2); } .print\:border-black\/40 { border-color: rgb(0 0 0 / 0.4); } .print\:bg-transparent { background-color: transparent; } .print\:p-0 { padding: 0px; } .print\:p-4 { padding: 1rem; } .print\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .print\:text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .print\:text-black\/60 { color: rgb(0 0 0 / 0.6); } .print\:text-black\/70 { color: rgb(0 0 0 / 0.7); } .print\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark .print\:space-y-4 > * + * { margin-top: 1.25rem; } } .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb { height: 1rem; } .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb { width: 1rem; } .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb { border-radius: 9999px; } .\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb { background-color: hsl(var(--primary)); } .\[\&\:\:-webkit-slider-thumb\]\:shadow-md::-webkit-slider-thumb { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) { background-color: hsl(var(--accent)); } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) { background-color: hsl(var(--accent) / 0.5); } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right: 0px; } .\[\&\>\*\+\*\]\:mt-3>*+* { margin-top: 0.75rem; } .\[\&\>\*\+\*\]\:mt-5>*+* { margin-top: 1.25rem; } .\[\&\>\*\+\*\]\:pl-4>*+* { padding-left: 1rem; } .rtl\:\[\&\>\*\+\*\]\:pl-0>*+*:where([dir="rtl"], [dir="rtl"] *) { padding-left: 0px; } .rtl\:\[\&\>\*\+\*\]\:pr-4>*+*:where([dir="rtl"], [dir="rtl"] *) { padding-right: 1rem; } .\[\&\>button\:not\(\.col-span-2\)\]\:min-h-\[148px\]>button:not(.col-span-2) { min-height: 148px; } .\[\&\>button\]\:hidden>button { display: none; } .\[\&\>div\]\:bg-amber-500>div { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-emerald-500>div { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-green-500>div { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-muted>div { background-color: hsl(var(--muted)); } .\[\&\>div\]\:bg-orange-500>div { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-primary>div { background-color: hsl(var(--primary)); } .\[\&\>div\]\:bg-purple-500>div { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-red-500>div { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-success>div { background-color: hsl(var(--success)); } .\[\&\>div\]\:bg-warning>div { background-color: hsl(var(--warning)); } .\[\&\>div\]\:bg-white>div { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-yellow-500>div { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-gradient-to-r>div { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .\[\&\>div\]\:from-amber-500>div { --tw-gradient-from: #f59e0b var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .\[\&\>div\]\:from-success>div { --tw-gradient-from: hsl(var(--success)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .\[\&\>div\]\:to-amber-400>div { --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position); } .\[\&\>div\]\:to-emerald-400>div { --tw-gradient-to: #34d399 var(--tw-gradient-to-position); } .\[\&\>div\]\:to-orange-500>div { --tw-gradient-to: #f97316 var(--tw-gradient-to-position); } .\[\&\>div\]\:transition-all>div { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .\[\&\>div\]\:duration-700>div { transition-duration: 700ms; animation-duration: 700ms; } .\[\&\>ol\]\:mb-1>ol { margin-bottom: 0.25rem; } .\[\&\>p\]\:mb-1>p { margin-bottom: 0.25rem; } .\[\&\>span\:last-child\]\:truncate>span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>span\]\:line-clamp-1>span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div { --tw-translate-y: -3px; 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)); } .\[\&\>svg\]\:absolute>svg { position: absolute; } .\[\&\>svg\]\:left-4>svg { left: 1rem; } .\[\&\>svg\]\:top-4>svg { top: 1rem; } .\[\&\>svg\]\:size-3\.5>svg { width: 0.875rem; height: 0.875rem; } .\[\&\>svg\]\:size-4>svg { width: 1rem; height: 1rem; } .\[\&\>svg\]\:h-2\.5>svg { height: 0.625rem; } .\[\&\>svg\]\:h-3>svg { height: 0.75rem; } .\[\&\>svg\]\:h-5>svg { height: 1.25rem; } .\[\&\>svg\]\:w-2\.5>svg { width: 0.625rem; } .\[\&\>svg\]\:w-3>svg { width: 0.75rem; } .\[\&\>svg\]\:w-5>svg { width: 1.25rem; } .\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0; } .\[\&\>svg\]\:text-destructive>svg { color: hsl(var(--destructive)); } .\[\&\>svg\]\:text-foreground>svg { color: hsl(var(--foreground)); } .\[\&\>svg\]\:text-muted-foreground>svg { color: hsl(var(--muted-foreground)); } .\[\&\>svg\]\:text-sidebar-accent-foreground>svg { color: hsl(var(--sidebar-accent-foreground)); } @media (min-width: 640px) { .sm\:\[\&\>svg\]\:h-7>svg { height: 1.75rem; } .sm\:\[\&\>svg\]\:w-7>svg { width: 1.75rem; } } .\[\&\>svg\~\*\]\:pl-7>svg~* { padding-left: 1.75rem; } .\[\&\>tr\]\:last\:border-b-0:last-child>tr { border-bottom-width: 0px; } .\[\&\>ul\]\:mb-1>ul { margin-bottom: 0.25rem; } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { --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)); } .\[\&_\*\]\:max-w-full * { max-width: 100%; } .\[\&_\.embedded-admin-page\>div\]\:\!space-y-3 .embedded-admin-page>div > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important; } .\[\&_\.embedded-admin-page\>div\]\:\!p-0 .embedded-admin-page>div { padding: 0px !important; } .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: hsl(var(--muted-foreground)); } .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] { stroke: hsl(var(--border) / 0.5); } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: hsl(var(--border)); } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] { stroke: transparent; } .\[\&_\.recharts-layer\]\:outline-none .recharts-layer { outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] { stroke: hsl(var(--border)); } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector { fill: hsl(var(--muted)); } .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: hsl(var(--muted)); } .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] { stroke: hsl(var(--border)); } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] { stroke: transparent; } .\[\&_\.recharts-sector\]\:outline-none .recharts-sector { outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\.recharts-surface\]\:outline-none .recharts-surface { outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; } .\[\&_\[cmdk-group-heading\]\]\:text-\[\#7A8292\] [cmdk-group-heading] { --tw-text-opacity: 1; color: rgb(122 130 146 / var(--tw-text-opacity, 1)); } .dark\:\[\&_\[cmdk-group-heading\]\]\:text-\[\#94A3B8\] [cmdk-group-heading]:is(.dark *) { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: 0px; } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; } .\[\&_code\]\:rounded code { border-radius: 0.25rem; } .\[\&_code\]\:bg-background\/50 code { background-color: hsl(var(--background) / 0.5); } .\[\&_code\]\:px-1 code { padding-left: 0.25rem; padding-right: 0.25rem; } .\[\&_code\]\:font-mono code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .\[\&_code\]\:text-xs code { font-size: 0.75rem; line-height: 1rem; } .\[\&_h2\]\:mb-3 h2 { margin-bottom: 0.75rem; } .\[\&_h2\]\:mt-6 h2 { margin-top: 1.5rem; } .\[\&_h2\]\:border-b h2 { border-bottom-width: 1px; } .\[\&_h2\]\:border-border h2 { border-color: hsl(var(--border)); } .\[\&_h2\]\:pb-2 h2 { padding-bottom: 0.5rem; } .\[\&_h2\]\:text-lg h2 { font-size: 1.125rem; line-height: 1.75rem; } .\[\&_h2\]\:font-bold h2 { font-weight: 700; } .\[\&_h2\]\:text-foreground h2 { color: hsl(var(--foreground)); } .\[\&_h3\]\:mb-2 h3 { margin-bottom: 0.5rem; } .\[\&_h3\]\:mt-4 h3 { margin-top: 1rem; } .\[\&_h3\]\:text-base h3 { font-size: 1rem; line-height: 1.5rem; } .\[\&_h3\]\:font-semibold h3 { font-weight: 600; } .\[\&_h3\]\:text-foreground h3 { color: hsl(var(--foreground)); } .\[\&_hr\]\:my-4 hr { margin-top: 1rem; margin-bottom: 1rem; } .\[\&_hr\]\:border-border hr { border-color: hsl(var(--border)); } .\[\&_img\]\:\!h-auto img { height: auto !important; } .\[\&_img\]\:\!max-w-full img { max-width: 100% !important; } .\[\&_img\]\:rounded-lg img { border-radius: var(--radius); } .\[\&_li\]\:my-1 li { margin-top: 0.25rem; margin-bottom: 0.25rem; } .\[\&_li\]\:mb-0\.5 li { margin-bottom: 0.125rem; } .\[\&_ol\]\:my-2 ol { margin-top: 0.5rem; margin-bottom: 0.5rem; } .\[\&_ol\]\:mb-1 ol { margin-bottom: 0.25rem; } .\[\&_ol\]\:list-decimal ol { list-style-type: decimal; } .\[\&_ol\]\:pr-5 ol { padding-right: 1.25rem; } .\[\&_p\]\:my-2 p { margin-top: 0.5rem; margin-bottom: 0.5rem; } .\[\&_p\]\:mb-1 p { margin-bottom: 0.25rem; } .\[\&_p\]\:inline p { display: inline; } .\[\&_p\]\:font-medium p { font-weight: 500; } .\[\&_p\]\:leading-7 p { line-height: 1.75rem; } .\[\&_p\]\:leading-relaxed p { line-height: 1.625; } .\[\&_p\]\:text-\[\#4B5563\] p { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .dark\:\[\&_p\]\:text-\[\#9CA3AF\] p:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .\[\&_strong\]\:font-bold strong { font-weight: 700; } .\[\&_strong\]\:text-foreground strong { color: hsl(var(--foreground)); } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_table\]\:mx-auto table { margin-left: auto; margin-right: auto; } .\[\&_table\]\:my-4 table { margin-top: 1rem; margin-bottom: 1rem; } .\[\&_table\]\:my-6 table { margin-top: 1.5rem; margin-bottom: 1.5rem; } .\[\&_table\]\:block table { display: block; } .\[\&_table\]\:max-w-full table { max-width: 100%; } .\[\&_table\]\:overflow-x-auto table { overflow-x: auto; } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; } .\[\&_tr\]\:border-b tr { border-bottom-width: 1px; } .\[\&_ul\]\:my-2 ul { margin-top: 0.5rem; margin-bottom: 0.5rem; } .\[\&_ul\]\:mb-1 ul { margin-bottom: 0.25rem; } .\[\&_ul\]\:list-disc ul { list-style-type: disc; } .\[\&_ul\]\:pr-5 ul { padding-right: 1.25rem; } [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: -0.5rem; } [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; } [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: -0.5rem; } [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize { cursor: e-resize; }