@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thaana:wght@400;500;600;700&display=swap');/* ============================================ iOS Skin — Authentic Apple-style UX Applied when .ios-skin-active class is on ============================================ */ /* SF Pro-inspired system font stack */ .ios-skin-active { font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -0.01em; } /* iOS-style frosted glass bottom tab bar */ .ios-tab-bar { background: hsl(var(--sidebar-background) / 0.72); backdrop-filter: saturate(180%) blur(20px); border-top: 0.5px solid hsl(var(--border) / 0.4); } /* iOS active tab indicator — filled pill behind icon */ .ios-tab-active-pill { background: hsl(var(--primary) / 0.12); border-radius: 18px; padding: 5px 16px; } /* Thinner stroke icons for iOS feel */ .ios-skin-active .ios-icon { stroke-width: 1.5; } /* iOS-style squircle icon containers (continuous corner radius) */ .ios-squircle { border-radius: 22%; /* iOS uses a continuous-curvature "squircle" — 22% approximates it */ } /* iOS sheet — more rounded, taller grab handle */ .ios-skin-active [data-sheet-content] { border-radius: 14px 14px 0 0 !important; } .ios-sheet-handle { width: 36px; height: 5px; border-radius: 3px; background: hsl(var(--muted-foreground) / 0.3); margin: 8px auto 4px; } /* iOS search bar — rounded with subtle fill */ .ios-search-bar { background: hsl(var(--muted) / 0.8); border: none; border-radius: 10px; font-size: 15px; padding: 8px 12px 8px 32px; } .ios-search-bar:focus { background: hsl(var(--muted)); outline: none; box-shadow: none; } /* iOS section headers — small caps gray label */ .ios-section-header { font-size: 13px; font-weight: 600; color: hsl(var(--muted-foreground)); text-transform: uppercase; letter-spacing: 0.02em; padding: 0 4px; margin-bottom: 8px; } /* iOS grouped card style */ .ios-grouped-card { background: hsl(var(--card)); border-radius: 12px; overflow: hidden; } /* iOS list row separator — inset like Settings app */ .ios-separator { border-bottom: 0.5px solid hsl(var(--border) / 0.5); margin-left: 16px; } /* iOS-style haptic press feedback */ .ios-skin-active .ios-pressable { transition: transform 0.1s ease, opacity 0.1s ease; } .ios-skin-active .ios-pressable:active { transform: scale(0.96); opacity: 0.7; } /* iOS navigation title — large bold */ .ios-nav-title { font-size: 17px; font-weight: 600; letter-spacing: -0.02em; } /* iOS large title — like Settings/Mail header */ .ios-large-title { font-size: 34px; font-weight: 700; letter-spacing: 0.01em; line-height: 1.15; } /* Smooth page transitions */ .ios-skin-active main { animation: ios-fade-in 0.25s ease-out; } @keyframes ios-fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } /* Home indicator bar at bottom */ .ios-home-indicator { width: 134px; height: 5px; border-radius: 3px; background: hsl(var(--foreground) / 0.15); margin: 4px auto 2px; } /* Google Fonts import for Thaana (Dhivehi) */ *, ::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.19 | 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; } /* Global border color - shadcn/ui recommended approach */ *{ border-color: hsl(var(--border)); } :root { /* Ocean Blue Platform Theme - Default Light Theme */ --background: 0 0% 100%; --foreground: 210 20% 15%; --card: 0 0% 100%; --card-foreground: 210 20% 15%; --popover: 0 0% 100%; --popover-foreground: 210 20% 15%; /* Ocean Blue Primary Colors */ --primary: 200 95% 40%; --primary-foreground: 0 0% 100%; --primary-glow: 200 95% 60%; --primary-subtle: 200 95% 96%; /* Ocean Blue Secondary - Complementary teal */ --secondary: 180 80% 45%; --secondary-foreground: 0 0% 100%; --secondary-glow: 180 80% 65%; --secondary-subtle: 180 80% 96%; /* Success - Green for present status */ --success: 142 76% 36%; --success-foreground: 0 0% 100%; --success-glow: 160 75% 60%; --success-subtle: 160 75% 96%; /* Warning - Custom yellow for late arrivals */ --warning: 48 96% 53%; --warning-foreground: 0 0% 100%; --warning-glow: 45 95% 70%; --warning-subtle: 45 95% 96%; /* Danger - Ocean coral */ --danger: 5 85% 60%; --danger-foreground: 0 0% 100%; --danger-glow: 5 85% 75%; --danger-subtle: 5 85% 96%; --muted: 200 30% 96%; --muted-foreground: 200 15% 45%; --accent: 200 30% 96%; --accent-foreground: 210 20% 15%; --destructive: 5 85% 60%; --destructive-foreground: 0 0% 100%; --border: 200 20% 88%; --input: 200 20% 88%; --ring: 200 95% 40%; --radius: 0.75rem; /* Ocean Blue Gradients */ --gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow))); --gradient-secondary: linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--secondary-glow))); --gradient-hero: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--secondary)) 100%); --gradient-subtle: linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--muted)) 100%); /* Ocean-themed shadows */ --shadow-soft: 0 2px 8px -2px hsl(var(--primary) / 0.12); --shadow-medium: 0 8px 25px -5px hsl(var(--primary) / 0.18); --shadow-strong: 0 15px 35px -5px hsl(var(--primary) / 0.25); --shadow-glow: 0 0 20px hsl(var(--primary-glow) / 0.4); /* Smooth animations */ --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --transition-bounce: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Proposal Theme Variables - Dynamic */ --proposal-primary: 200 95% 40%; --proposal-secondary: 180 80% 45%; --proposal-accent: 45 95% 55%; --proposal-gradient: linear-gradient(135deg, hsl(var(--proposal-primary)), hsl(var(--proposal-secondary))); /* Ocean Blue Sidebar */ --sidebar-background: 200 30% 98%; --sidebar-foreground: 210 20% 25%; --sidebar-primary: 200 95% 40%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 200 40% 94%; --sidebar-accent-foreground: 210 20% 15%; --sidebar-border: 200 25% 85%; --sidebar-ring: 200 95% 40%; /* Vibrant Chart Colors */ --chart-1: 220 90% 56%; --chart-2: 160 84% 39%; --chart-3: 38 92% 50%; --chart-4: 280 87% 65%; --chart-5: 350 89% 60%; --chart-6: 190 95% 45%; --chart-7: 30 95% 55%; } /* Landing page dark theme only - not used for platform */ /* General dark theme class - fallback variables for before JS runs */ /* Theme colors are controlled via inline styles with !important */ .dark { color-scheme: dark; /* Fallback border color for dark mode before theme JS applies */ --border: 240 3.7% 15.9%; --input: 240 3.7% 15.9%; /* Ensure popover/calendar/select have proper dark contrast */ --foreground: 0 0% 95%; --background: 222.2 84% 4.9%; --popover: 222.2 84% 4.9%; --popover-foreground: 0 0% 95%; --card: 222.2 84% 4.9%; --card-foreground: 0 0% 95%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 0 0% 95%; --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 0 0% 95%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 95%; --ring: 212.7 26.8% 83.9%; } /* Dark mode calendar, popover, select readability fixes */ .dark [data-radix-popper-content-wrapper] { color: hsl(var(--popover-foreground)) !important; } .dark [role="listbox"], .dark [role="dialog"] { color: hsl(var(--popover-foreground)); } /* Ensure rdp (react-day-picker) calendar text is readable in dark mode */ .dark .rdp { color: hsl(var(--foreground)); } .dark .rdp-day { color: hsl(var(--foreground)); } .dark .rdp-head_cell { color: hsl(var(--muted-foreground)); } /* Fix white borders in dark mode - ensure borders use theme variables */ .dark .border-white\/10, .dark .border-white\/20, .dark .border-white\/5 { border-color: hsl(var(--border)) !important; } /* Ensure dark mode sidebar uses proper border color */ .dark [data-sidebar="sidebar"] { border-color: hsl(var(--sidebar-border)) !important; } /* Proposal Theme Variables */ .proposal-template { --proposal-primary: hsl(var(--primary)); --proposal-secondary: hsl(var(--secondary)); --proposal-accent: hsl(var(--accent)); --proposal-font: 'Inter', sans-serif; --proposal-font-scale: 1; --proposal-gradient: var(--gradient-hero); } .proposal-template * { font-family: var(--proposal-font, 'Inter', sans-serif) !important; } .proposal-template h1, .proposal-template h2, .proposal-template h3, .proposal-template h4, .proposal-template h5, .proposal-template h6 { font-family: var(--proposal-font, 'Inter', sans-serif) !important; font-weight: 700; } /* Fix sidebar scrolling - prevent horizontal scroll and style scrollbar */ [data-sidebar] { overflow-x: hidden !important; /* Ensure sidebar always uses proper theme colors */ background-color: hsl(var(--sidebar-background)) !important; color: hsl(var(--sidebar-foreground)) !important; } /* Ensure sidebar uses theme border color */ [data-sidebar] { border-color: hsl(var(--sidebar-border)); } /* Sidebar content theming */ [data-sidebar="sidebar"] { background-color: hsl(var(--sidebar-background)) !important; color: hsl(var(--sidebar-foreground)) !important; } /* Custom scrollbar styling for sidebar */ [data-sidebar] .sidebar-content { scrollbar-width: thin; scrollbar-color: hsl(var(--sidebar-border) / 0.5) transparent; } [data-sidebar] .sidebar-content::-webkit-scrollbar { width: 6px; } [data-sidebar] .sidebar-content::-webkit-scrollbar-track { background: transparent; } [data-sidebar] .sidebar-content::-webkit-scrollbar-thumb { background-color: hsl(var(--sidebar-border) / 0.5); border-radius: 3px; border: none; } [data-sidebar] .sidebar-content::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--sidebar-border) / 0.7); } [data-sidebar] .sidebar-content::-webkit-scrollbar-button { display: none; } /* Ensure main section fits properly */ body{ background-color: hsl(var(--background)); font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: hsl(var(--foreground)); } /* Ensure platform supports both light and dark themes */ :root { color-scheme: light dark; } /* Landing page dark theme reference only */ /* RTL Support */ .rtl { direction: rtl; } .rtl .text-left { text-align: right; } .rtl .text-right { text-align: left; } .rtl .ml-auto { margin-left: 0; margin-right: auto; } .rtl .mr-auto { margin-right: 0; margin-left: auto; } .rtl .pl-3 { padding-left: 0; padding-right: 0.75rem; } .rtl .pr-3 { padding-right: 0; padding-left: 0.75rem; } .rtl .pl-4 { padding-left: 0; padding-right: 1rem; } .rtl .pr-4 { padding-right: 0; padding-left: 1rem; } /* Radix overlays in RTL: keep computed Popper positioning; only enforce visuals */ .rtl [data-radix-popper-content-wrapper] { z-index: 60; } /* Ensure dropdowns/popovers are opaque + above UI (without forcing screen-edge positioning) */ .rtl [data-radix-dropdown-menu-content], .rtl [data-radix-popover-content] { z-index: 60 !important; background: hsl(var(--background)) !important; border: 1px solid hsl(var(--border)) !important; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } .rtl [data-radix-select-content] { background: hsl(var(--background)) !important; border: 1px solid hsl(var(--border)) !important; z-index: 60 !important; } /* Ensure all select content follows the light theme */ [data-radix-select-content] { background: hsl(var(--background)) !important; color: hsl(var(--foreground)) !important; border: 1px solid hsl(var(--border)) !important; z-index: 60 !important; } [data-radix-select-item] { background: transparent !important; color: hsl(var(--foreground)) !important; } [data-radix-select-item][data-highlighted] { background: hsl(var(--muted)) !important; color: hsl(var(--foreground)) !important; } .\!container{ width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 2rem !important; padding-left: 2rem !important; } .container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } @media (min-width: 1400px){ .\!container{ max-width: 1400px !important; } .container{ max-width: 1400px; } } .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-2{ inset: -0.5rem; } .inset-0{ inset: 0px; } .inset-2{ inset: 0.5rem; } .inset-8{ inset: 2rem; } .inset-x-0{ left: 0px; right: 0px; } .inset-y-0{ top: 0px; bottom: 0px; } .\!-bottom-\[3px\]{ bottom: -3px !important; } .\!-top-\[3px\]{ top: -3px !important; } .-bottom-0\.5{ bottom: -0.125rem; } .-bottom-1{ bottom: -0.25rem; } .-bottom-1\/2{ bottom: -50%; } .-bottom-10{ bottom: -2.5rem; } .-bottom-12{ bottom: -3rem; } .-bottom-16{ bottom: -4rem; } .-bottom-3{ bottom: -0.75rem; } .-left-0\.5{ left: -0.125rem; } .-left-1\/2{ left: -50%; } .-left-10{ left: -2.5rem; } .-left-12{ left: -3rem; } .-left-20{ left: -5rem; } .-left-6{ left: -1.5rem; } .-right-0\.5{ right: -0.125rem; } .-right-1{ right: -0.25rem; } .-right-1\.5{ right: -0.375rem; } .-right-1\/2{ right: -50%; } .-right-12{ right: -3rem; } .-right-2{ right: -0.5rem; } .-right-2\.5{ right: -0.625rem; } .-right-20{ right: -5rem; } .-top-0\.5{ top: -0.125rem; } .-top-1{ top: -0.25rem; } .-top-1\.5{ top: -0.375rem; } .-top-1\/2{ top: -50%; } .-top-12{ top: -3rem; } .-top-16{ top: -4rem; } .-top-2{ top: -0.5rem; } .-top-2\.5{ top: -0.625rem; } .-top-20{ top: -5rem; } .-top-3{ top: -0.75rem; } .-top-4{ top: -1rem; } .-top-8{ top: -2rem; } .bottom-0{ bottom: 0px; } .bottom-0\.5{ bottom: 0.125rem; } .bottom-1{ bottom: 0.25rem; } .bottom-1\.5{ bottom: 0.375rem; } .bottom-1\/4{ bottom: 25%; } .bottom-12{ bottom: 3rem; } .bottom-14{ bottom: 3.5rem; } .bottom-2{ bottom: 0.5rem; } .bottom-20{ bottom: 5rem; } .bottom-3{ bottom: 0.75rem; } .bottom-4{ bottom: 1rem; } .bottom-6{ bottom: 1.5rem; } .bottom-8{ bottom: 2rem; } .bottom-\[-11px\]{ bottom: -11px; } .bottom-\[8px\]{ bottom: 8px; } .bottom-\[9px\]{ bottom: 9px; } .bottom-full{ bottom: 100%; } .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-2{ left: 0.5rem; } .left-2\.5{ left: 0.625rem; } .left-2\/3{ left: 66.666667%; } .left-20{ left: 5rem; } .left-3{ left: 0.75rem; } .left-4{ left: 1rem; } .left-9{ left: 2.25rem; } .left-\[-250\%\]{ left: -250%; } .left-\[11px\]{ left: 11px; } .left-\[50\%\]{ left: 50%; } .left-\[8px\]{ left: 8px; } .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-12{ right: 3rem; } .right-2{ right: 0.5rem; } .right-20{ right: 5rem; } .right-3{ right: 0.75rem; } .right-4{ right: 1rem; } .right-6{ right: 1.5rem; } .right-8{ right: 2rem; } .right-\[-250\%\]{ right: -250%; } .right-\[9px\]{ right: 9px; } .start-3{ inset-inline-start: 0.75rem; } .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\/3{ top: 33.333333%; } .top-1\/4{ top: 25%; } .top-12{ top: 3rem; } .top-14{ top: 3.5rem; } .top-16{ top: 4rem; } .top-2{ top: 0.5rem; } .top-2\.5{ top: 0.625rem; } .top-2\/3{ top: 66.666667%; } .top-20{ top: 5rem; } .top-24{ top: 6rem; } .top-3{ top: 0.75rem; } .top-3\.5{ top: 0.875rem; } .top-4{ top: 1rem; } .top-56{ top: 14rem; } .top-6{ top: 1.5rem; } .top-\[-10px\]{ top: -10px; } .top-\[10px\]{ top: 10px; } .top-\[120px\]{ top: 120px; } .top-\[1px\]{ top: 1px; } .top-\[20px\]{ top: 20px; } .top-\[50\%\]{ top: 50%; } .top-\[60\%\]{ top: 60%; } .top-\[72px\]{ top: 72px; } .top-full{ top: 100%; } .isolate{ isolation: isolate; } .-z-10{ z-index: -10; } .-z-20{ z-index: -20; } .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-\[10000\]{ z-index: 10000; } .z-\[1000\]{ z-index: 1000; } .z-\[100\]{ z-index: 100; } .z-\[101\]{ z-index: 101; } .z-\[1\]{ z-index: 1; } .z-\[200\]{ z-index: 200; } .z-\[220\]{ z-index: 220; } .z-\[2\]{ z-index: 2; } .z-\[300\]{ z-index: 300; } .z-\[60\]{ z-index: 60; } .z-\[70\]{ z-index: 70; } .z-\[80\]{ z-index: 80; } .z-\[9999\]{ z-index: 9999; } .order-1{ order: 1; } .order-2{ order: 2; } .order-last{ order: 9999; } .col-span-1{ grid-column: span 1 / span 1; } .col-span-10{ grid-column: span 10 / span 10; } .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-9{ grid-column: span 9 / span 9; } .col-span-full{ grid-column: 1 / -1; } .row-span-1{ grid-row: span 1 / span 1; } .row-span-2{ grid-row: span 2 / span 2; } .float-right{ float: right; } .float-left{ float: left; } .-m-2{ margin: -0.5rem; } .-m-2\.5{ margin: -0.625rem; } .m-0{ margin: 0px; } .m-1\.5{ margin: 0.375rem; } .m-2{ margin: 0.5rem; } .m-4{ margin: 1rem; } .m-auto{ margin: auto; } .-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; } .-mx-6{ margin-left: -1.5rem; margin-right: -1.5rem; } .mx-0{ margin-left: 0px; margin-right: 0px; } .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-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .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-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .\!mt-0{ margin-top: 0px !important; } .-ml-1{ margin-left: -0.25rem; } .-ml-1\.5{ margin-left: -0.375rem; } .-ml-2{ margin-left: -0.5rem; } .-ml-3{ margin-left: -0.75rem; } .-ml-4{ margin-left: -1rem; } .-ml-6{ margin-left: -1.5rem; } .-mr-1{ margin-right: -0.25rem; } .-mr-3{ margin-right: -0.75rem; } .-mr-4{ margin-right: -1rem; } .-mr-56{ margin-right: -14rem; } .-mt-0\.5{ margin-top: -0.125rem; } .-mt-1{ margin-top: -0.25rem; } .-mt-2{ margin-top: -0.5rem; } .-mt-4{ margin-top: -1rem; } .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-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; } .me-2{ margin-inline-end: 0.5rem; } .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-10{ margin-left: 2.5rem; } .ml-12{ margin-left: 3rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-5{ margin-left: 1.25rem; } .ml-6{ margin-left: 1.5rem; } .ml-7{ margin-left: 1.75rem; } .ml-8{ margin-left: 2rem; } .ml-\[-0\.5rem\]{ margin-left: -0.5rem; } .ml-\[18px\]{ margin-left: 18px; } .ml-\[3\.75rem\]{ margin-left: 3.75rem; } .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-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-4{ margin-right: 1rem; } .mr-5{ margin-right: 1.25rem; } .mr-6{ margin-right: 1.5rem; } .mr-8{ margin-right: 2rem; } .mr-auto{ margin-right: 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-16{ margin-top: 4rem; } .mt-2{ margin-top: 0.5rem; } .mt-2\.5{ margin-top: 0.625rem; } .mt-24{ margin-top: 6rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-6{ margin-top: 1.5rem; } .mt-8{ margin-top: 2rem; } .mt-\[-16px\]{ margin-top: -16px; } .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 !important; } .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-\[1\.586\/1\]{ aspect-ratio: 1.586/1; } .aspect-\[16\/10\]{ aspect-ratio: 16/10; } .aspect-\[16\/5\]{ aspect-ratio: 16/5; } .aspect-\[16\/9\]{ aspect-ratio: 16/9; } .aspect-\[2\/1\]{ aspect-ratio: 2/1; } .aspect-\[3\/1\]{ aspect-ratio: 3/1; } .aspect-\[3\/2\]{ aspect-ratio: 3/2; } .aspect-\[4\/3\]{ aspect-ratio: 4/3; } .aspect-\[8\.5\/11\]{ aspect-ratio: 8.5/11; } .aspect-\[9\/16\]{ aspect-ratio: 9/16; } .aspect-square{ aspect-ratio: 1 / 1; } .aspect-video{ aspect-ratio: 16 / 9; } .size-3{ width: 0.75rem; height: 0.75rem; } .size-4{ width: 1rem; height: 1rem; } .size-6{ width: 1.5rem; height: 1.5rem; } .size-fit{ width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; } .size-full{ width: 100%; height: 100%; } .\!h-1\.5{ height: 0.375rem !important; } .\!h-8{ height: 2rem !important; } .\!h-auto{ height: auto !important; } .h-0{ height: 0px; } .h-0\.5{ height: 0.125rem; } .h-1{ height: 0.25rem; } .h-1\.5{ height: 0.375rem; } .h-1\/3{ height: 33.333333%; } .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-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-56{ height: 14rem; } .h-6{ height: 1.5rem; } .h-60{ height: 15rem; } .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-\[100dvh\]{ height: 100dvh; } .h-\[100px\]{ height: 100px; } .h-\[120px\]{ height: 120px; } .h-\[140px\]{ height: 140px; } .h-\[150px\]{ height: 150px; } .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-\[230px\]{ height: 230px; } .h-\[24px\]{ height: 24px; } .h-\[250px\]{ height: 250px; } .h-\[260px\]{ height: 260px; } .h-\[280px\]{ height: 280px; } .h-\[2px\]{ height: 2px; } .h-\[300px\]{ height: 300px; } .h-\[350px\]{ height: 350px; } .h-\[360px\]{ height: 360px; } .h-\[36px\]{ height: 36px; } .h-\[380px\]{ height: 380px; } .h-\[400px\]{ height: 400px; } .h-\[420px\]{ height: 420px; } .h-\[44vh\]{ height: 44vh; } .h-\[450px\]{ height: 450px; } .h-\[480px\]{ height: 480px; } .h-\[50\%\]{ height: 50%; } .h-\[500px\]{ height: 500px; } .h-\[50px\]{ height: 50px; } .h-\[50vh\]{ height: 50vh; } .h-\[520px\]{ height: 520px; } .h-\[52px\]{ height: 52px; } .h-\[55vh\]{ height: 55vh; } .h-\[560px\]{ height: 560px; } .h-\[58vh\]{ height: 58vh; } .h-\[600px\]{ height: 600px; } .h-\[60px\]{ height: 60px; } .h-\[60vh\]{ height: 60vh; } .h-\[65vh\]{ height: 65vh; } .h-\[700px\]{ height: 700px; } .h-\[70vh\]{ height: 70vh; } .h-\[750px\]{ height: 750px; } .h-\[75vh\]{ height: 75vh; } .h-\[800px\]{ height: 800px; } .h-\[80px\]{ height: 80px; } .h-\[80rem\]{ height: 80rem; } .h-\[80vh\]{ height: 80vh; } .h-\[842px\]{ height: 842px; } .h-\[85vh\]{ height: 85vh; } .h-\[88vh\]{ height: 88vh; } .h-\[90vh\]{ height: 90vh; } .h-\[92vh\]{ height: 92vh; } .h-\[95vh\]{ height: 95vh; } .h-\[96dvh\]{ height: 96dvh; } .h-\[96vh\]{ height: 96vh; } .h-\[calc\(100\%-1rem\)\]{ height: calc(100% - 1rem); } .h-\[calc\(100\%-50px\)\]{ height: calc(100% - 50px); } .h-\[calc\(100\%-56px\)\]{ height: calc(100% - 56px); } .h-\[calc\(100dvh-1rem\)\]{ height: calc(100dvh - 1rem); } .h-\[calc\(100svh-2rem\)\]{ height: calc(100svh - 2rem); } .h-\[calc\(100vh-100px\)\]{ height: calc(100vh - 100px); } .h-\[calc\(100vh-12rem\)\]{ height: calc(100vh - 12rem); } .h-\[calc\(100vh-200px\)\]{ height: calc(100vh - 200px); } .h-\[calc\(100vh-20px\)\]{ height: calc(100vh - 20px); } .h-\[calc\(100vh-280px\)\]{ height: calc(100vh - 280px); } .h-\[calc\(100vh-300px\)\]{ height: calc(100vh - 300px); } .h-\[calc\(100vh-320px\)\]{ height: calc(100vh - 320px); } .h-\[calc\(100vh-400px\)\]{ height: calc(100vh - 400px); } .h-\[calc\(100vh-40px\)\]{ height: calc(100vh - 40px); } .h-\[calc\(100vh-450px\)\]{ height: calc(100vh - 450px); } .h-\[calc\(100vh-4rem\)\]{ height: calc(100vh - 4rem); } .h-\[calc\(100vh-60px\)\]{ height: calc(100vh - 60px); } .h-\[calc\(100vh-6rem\)\]{ height: calc(100vh - 6rem); } .h-\[calc\(100vh-72px\)\]{ height: calc(100vh - 72px); } .h-\[calc\(100vh-88px\)\]{ height: calc(100vh - 88px); } .h-\[calc\(100vh-8rem\)\]{ height: calc(100vh - 8rem); } .h-\[calc\(80vh-80px\)\]{ height: calc(80vh - 80px); } .h-\[calc\(90vh-120px\)\]{ height: calc(90vh - 120px); } .h-\[calc\(90vh-280px\)\]{ height: calc(90vh - 280px); } .h-\[calc\(90vh-340px\)\]{ height: calc(90vh - 340px); } .h-\[calc\(95vh-130px\)\]{ height: calc(95vh - 130px); } .h-\[min\(70vh\2c 560px\)\]{ height: min(70vh, 560px); } .h-\[min\(75vh\2c 560px\)\]{ height: min(75vh, 560px); } .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-fit{ height: -moz-fit-content; height: fit-content; } .h-full{ height: 100%; } .h-px{ height: 1px; } .h-screen{ height: 100vh; } .h-svh{ height: 100svh; } .max-h-0{ max-height: 0px; } .max-h-10{ max-height: 2.5rem; } .max-h-12{ max-height: 3rem; } .max-h-16{ max-height: 4rem; } .max-h-20{ max-height: 5rem; } .max-h-24{ max-height: 6rem; } .max-h-28{ max-height: 7rem; } .max-h-32{ max-height: 8rem; } .max-h-36{ max-height: 9rem; } .max-h-40{ max-height: 10rem; } .max-h-44{ max-height: 11rem; } .max-h-48{ max-height: 12rem; } .max-h-56{ max-height: 14rem; } .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-\[1000px\]{ max-height: 1000px; } .max-h-\[100px\]{ max-height: 100px; } .max-h-\[120px\]{ max-height: 120px; } .max-h-\[140px\]{ max-height: 140px; } .max-h-\[150px\]{ max-height: 150px; } .max-h-\[160px\]{ max-height: 160px; } .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-\[260px\]{ max-height: 260px; } .max-h-\[280px\]{ max-height: 280px; } .max-h-\[300px\]{ max-height: 300px; } .max-h-\[30vh\]{ max-height: 30vh; } .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-\[40px\]{ max-height: 40px; } .max-h-\[40vh\]{ max-height: 40vh; } .max-h-\[420px\]{ max-height: 420px; } .max-h-\[45vh\]{ max-height: 45vh; } .max-h-\[480px\]{ max-height: 480px; } .max-h-\[500px\]{ max-height: 500px; } .max-h-\[50px\]{ max-height: 50px; } .max-h-\[50vh\]{ max-height: 50vh; } .max-h-\[520px\]{ max-height: 520px; } .max-h-\[52px\]{ max-height: 52px; } .max-h-\[540px\]{ max-height: 540px; } .max-h-\[55vh\]{ max-height: 55vh; } .max-h-\[600px\]{ max-height: 600px; } .max-h-\[60px\]{ max-height: 60px; } .max-h-\[60vh\]{ max-height: 60vh; } .max-h-\[620px\]{ max-height: 620px; } .max-h-\[64px\]{ max-height: 64px; } .max-h-\[65vh\]{ max-height: 65vh; } .max-h-\[700px\]{ max-height: 700px; } .max-h-\[70vh\]{ max-height: 70vh; } .max-h-\[75vh\]{ max-height: 75vh; } .max-h-\[76px\]{ max-height: 76px; } .max-h-\[800px\]{ max-height: 800px; } .max-h-\[80px\]{ max-height: 80px; } .max-h-\[80vh\]{ max-height: 80vh; } .max-h-\[85vh\]{ max-height: 85vh; } .max-h-\[88vh\]{ max-height: 88vh; } .max-h-\[90vh\]{ max-height: 90vh; } .max-h-\[92vh\]{ max-height: 92vh; } .max-h-\[95vh\]{ max-height: 95vh; } .max-h-\[calc\(100dvh-1rem\)\]{ max-height: calc(100dvh - 1rem); } .max-h-\[calc\(100dvh-2rem\)\]{ max-height: calc(100dvh - 2rem); } .max-h-\[calc\(100vh-120px\)\]{ max-height: calc(100vh - 120px); } .max-h-\[calc\(100vh-20px\)\]{ max-height: calc(100vh - 20px); } .max-h-\[calc\(100vh-240px\)\]{ max-height: calc(100vh - 240px); } .max-h-\[calc\(100vh-280px\)\]{ max-height: calc(100vh - 280px); } .max-h-\[calc\(100vh-320px\)\]{ max-height: calc(100vh - 320px); } .max-h-\[calc\(100vh-400px\)\]{ max-height: calc(100vh - 400px); } .max-h-\[calc\(100vh-420px\)\]{ max-height: calc(100vh - 420px); } .max-h-\[calc\(100vh-60px\)\]{ max-height: calc(100vh - 60px); } .max-h-\[calc\(90vh-120px\)\]{ max-height: calc(90vh - 120px); } .max-h-\[calc\(90vh-180px\)\]{ max-height: calc(90vh - 180px); } .max-h-\[calc\(90vh-200px\)\]{ max-height: calc(90vh - 200px); } .max-h-\[calc\(95vh-120px\)\]{ max-height: calc(95vh - 120px); } .max-h-full{ max-height: 100%; } .max-h-screen{ max-height: 100vh; } .\!min-h-10{ min-height: 2.5rem !important; } .min-h-0{ min-height: 0px; } .min-h-10{ min-height: 2.5rem; } .min-h-12{ min-height: 3rem; } .min-h-14{ min-height: 3.5rem; } .min-h-24{ min-height: 6rem; } .min-h-32{ min-height: 8rem; } .min-h-48{ min-height: 12rem; } .min-h-8{ min-height: 2rem; } .min-h-96{ min-height: 24rem; } .min-h-\[1\.5rem\]{ min-height: 1.5rem; } .min-h-\[100px\]{ min-height: 100px; } .min-h-\[1100px\]{ min-height: 1100px; } .min-h-\[120px\]{ min-height: 120px; } .min-h-\[140px\]{ min-height: 140px; } .min-h-\[180px\]{ min-height: 180px; } .min-h-\[200px\]{ min-height: 200px; } .min-h-\[22px\]{ min-height: 22px; } .min-h-\[250mm\]{ min-height: 250mm; } .min-h-\[250px\]{ min-height: 250px; } .min-h-\[260px\]{ min-height: 260px; } .min-h-\[270px\]{ min-height: 270px; } .min-h-\[280px\]{ min-height: 280px; } .min-h-\[28px\]{ min-height: 28px; } .min-h-\[297mm\]{ min-height: 297mm; } .min-h-\[300px\]{ min-height: 300px; } .min-h-\[320px\]{ min-height: 320px; } .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-\[500px\]{ min-height: 500px; } .min-h-\[50vh\]{ min-height: 50vh; } .min-h-\[560px\]{ min-height: 560px; } .min-h-\[56px\]{ min-height: 56px; } .min-h-\[600px\]{ min-height: 600px; } .min-h-\[60px\]{ min-height: 60px; } .min-h-\[60vh\]{ min-height: 60vh; } .min-h-\[70px\]{ min-height: 70px; } .min-h-\[72px\]{ min-height: 72px; } .min-h-\[76px\]{ min-height: 76px; } .min-h-\[80px\]{ min-height: 80px; } .min-h-\[842px\]{ min-height: 842px; } .min-h-\[85vh\]{ min-height: 85vh; } .min-h-\[calc\(100vh-4rem\)\]{ min-height: calc(100vh - 4rem); } .min-h-fit{ min-height: -moz-fit-content; min-height: fit-content; } .min-h-full{ min-height: 100%; } .min-h-screen{ min-height: 100vh; } .min-h-svh{ min-height: 100svh; } .\!w-3{ width: 0.75rem !important; } .\!w-max{ width: -moz-max-content !important; width: max-content !important; } .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-4\/5{ width: 80%; } .w-40{ width: 10rem; } .w-44{ width: 11rem; } .w-48{ width: 12rem; } .w-5{ width: 1.25rem; } .w-5\/6{ width: 83.333333%; } .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-\[--radix-popover-trigger-width\]{ width: var(--radix-popover-trigger-width); } .w-\[--sidebar-width-icon\]{ width: var(--sidebar-width-icon); } .w-\[--sidebar-width\]{ width: var(--sidebar-width); } .w-\[1\.2px\]{ width: 1.2px; } .w-\[10\%\]{ width: 10%; } .w-\[100px\]{ width: 100px; } .w-\[110px\]{ width: 110px; } .w-\[12\%\]{ width: 12%; } .w-\[1200px\]{ width: 1200px; } .w-\[120px\]{ width: 120px; } .w-\[13\%\]{ width: 13%; } .w-\[130px\]{ width: 130px; } .w-\[1400px\]{ width: 1400px; } .w-\[140px\]{ width: 140px; } .w-\[150px\]{ width: 150px; } .w-\[1600px\]{ width: 1600px; } .w-\[160px\]{ width: 160px; } .w-\[170px\]{ width: 170px; } .w-\[18\%\]{ width: 18%; } .w-\[180px\]{ width: 180px; } .w-\[1px\]{ width: 1px; } .w-\[200px\]{ width: 200px; } .w-\[210mm\]{ width: 210mm; } .w-\[220px\]{ width: 220px; } .w-\[22px\]{ width: 22px; } .w-\[240px\]{ width: 240px; } .w-\[250px\]{ width: 250px; } .w-\[260px\]{ width: 260px; } .w-\[280px\]{ width: 280px; } .w-\[300\%\]{ width: 300%; } .w-\[300px\]{ width: 300px; } .w-\[320px\]{ width: 320px; } .w-\[340px\]{ width: 340px; } .w-\[35\%\]{ width: 35%; } .w-\[350px\]{ width: 350px; } .w-\[35rem\]{ width: 35rem; } .w-\[360px\]{ width: 360px; } .w-\[36px\]{ width: 36px; } .w-\[380px\]{ width: 380px; } .w-\[40\%\]{ width: 40%; } .w-\[400px\]{ width: 400px; } .w-\[40px\]{ width: 40px; } .w-\[420px\]{ width: 420px; } .w-\[45\%\]{ width: 45%; } .w-\[450px\]{ width: 450px; } .w-\[480px\]{ width: 480px; } .w-\[48rem\]{ width: 48rem; } .w-\[5\%\]{ width: 5%; } .w-\[500px\]{ width: 500px; } .w-\[50px\]{ width: 50px; } .w-\[55px\]{ width: 55px; } .w-\[560px\]{ width: 560px; } .w-\[60\%\]{ width: 60%; } .w-\[600px\]{ width: 600px; } .w-\[60px\]{ width: 60px; } .w-\[65px\]{ width: 65px; } .w-\[70\%\]{ width: 70%; } .w-\[700px\]{ width: 700px; } .w-\[70px\]{ width: 70px; } .w-\[78\%\]{ width: 78%; } .w-\[8\%\]{ width: 8%; } .w-\[80\%\]{ width: 80%; } .w-\[800px\]{ width: 800px; } .w-\[80px\]{ width: 80px; } .w-\[80vw\]{ width: 80vw; } .w-\[85\%\]{ width: 85%; } .w-\[85vw\]{ width: 85vw; } .w-\[88\%\]{ width: 88%; } .w-\[88px\]{ width: 88px; } .w-\[900px\]{ width: 900px; } .w-\[90px\]{ width: 90px; } .w-\[92\%\]{ width: 92%; } .w-\[95\%\]{ width: 95%; } .w-\[95vw\]{ width: 95vw; } .w-\[98vw\]{ width: 98vw; } .w-\[calc\(100\%-1rem\)\]{ width: calc(100% - 1rem); } .w-\[calc\(100vw-100px\)\]{ width: calc(100vw - 100px); } .w-\[calc\(100vw-16px\)\]{ width: calc(100vw - 16px); } .w-\[calc\(100vw-20px\)\]{ width: calc(100vw - 20px); } .w-\[calc\(100vw-2rem\)\]{ width: calc(100vw - 2rem); } .w-\[calc\(100vw-60px\)\]{ width: calc(100vw - 60px); } .w-\[calc\(50\%-0\.25rem\)\]{ width: calc(50% - 0.25rem); } .w-\[calc\(50\%-4px\)\]{ width: calc(50% - 4px); } .w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{ width: calc(var(--sidebar-width-icon) + 1rem); } .w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{ width: calc(var(--sidebar-width-icon) + 1rem + 2px); } .w-\[min\(360px\2c calc\(100vw-2rem\)\)\]{ width: min(360px, calc(100vw - 2rem)); } .w-\[var\(--radix-popover-trigger-width\)\]{ width: var(--radix-popover-trigger-width); } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .w-max{ width: -moz-max-content; width: max-content; } .w-px{ width: 1px; } .w-screen{ width: 100vw; } .\!min-w-\[100px\]{ min-width: 100px !important; } .\!min-w-\[110px\]{ min-width: 110px !important; } .\!min-w-\[120px\]{ min-width: 120px !important; } .\!min-w-\[80px\]{ min-width: 80px !important; } .\!min-w-\[90px\]{ min-width: 90px !important; } .\!min-w-full{ min-width: 100% !important; } .min-w-0{ min-width: 0px; } .min-w-16{ min-width: 4rem; } .min-w-20{ min-width: 5rem; } .min-w-32{ min-width: 8rem; } .min-w-4{ min-width: 1rem; } .min-w-5{ min-width: 1.25rem; } .min-w-80{ min-width: 20rem; } .min-w-96{ min-width: 24rem; } .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-\[1300px\]{ min-width: 1300px; } .min-w-\[130px\]{ min-width: 130px; } .min-w-\[1400px\]{ min-width: 1400px; } .min-w-\[140px\]{ min-width: 140px; } .min-w-\[14px\]{ min-width: 14px; } .min-w-\[150px\]{ min-width: 150px; } .min-w-\[160px\]{ min-width: 160px; } .min-w-\[1610px\]{ min-width: 1610px; } .min-w-\[1650px\]{ min-width: 1650px; } .min-w-\[1690px\]{ min-width: 1690px; } .min-w-\[16px\]{ min-width: 16px; } .min-w-\[170px\]{ min-width: 170px; } .min-w-\[180px\]{ min-width: 180px; } .min-w-\[18px\]{ min-width: 18px; } .min-w-\[190px\]{ min-width: 190px; } .min-w-\[1rem\]{ min-width: 1rem; } .min-w-\[2\.25rem\]{ min-width: 2.25rem; } .min-w-\[200px\]{ min-width: 200px; } .min-w-\[20px\]{ min-width: 20px; } .min-w-\[220px\]{ min-width: 220px; } .min-w-\[240px\]{ min-width: 240px; } .min-w-\[250px\]{ min-width: 250px; } .min-w-\[260px\]{ min-width: 260px; } .min-w-\[280px\]{ min-width: 280px; } .min-w-\[300px\]{ min-width: 300px; } .min-w-\[320px\]{ min-width: 320px; } .min-w-\[32px\]{ min-width: 32px; } .min-w-\[340px\]{ min-width: 340px; } .min-w-\[350px\]{ min-width: 350px; } .min-w-\[360px\]{ min-width: 360px; } .min-w-\[380px\]{ min-width: 380px; } .min-w-\[3rem\]{ min-width: 3rem; } .min-w-\[400px\]{ min-width: 400px; } .min-w-\[40px\]{ min-width: 40px; } .min-w-\[500px\]{ min-width: 500px; } .min-w-\[50px\]{ min-width: 50px; } .min-w-\[56px\]{ min-width: 56px; } .min-w-\[600px\]{ min-width: 600px; } .min-w-\[60px\]{ min-width: 60px; } .min-w-\[64px\]{ min-width: 64px; } .min-w-\[70px\]{ min-width: 70px; } .min-w-\[72px\]{ min-width: 72px; } .min-w-\[794px\]{ min-width: 794px; } .min-w-\[800px\]{ min-width: 800px; } .min-w-\[80px\]{ min-width: 80px; } .min-w-\[850px\]{ min-width: 850px; } .min-w-\[8rem\]{ min-width: 8rem; } .min-w-\[900px\]{ min-width: 900px; } .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-none{ max-width: none !important; } .max-w-20{ max-width: 5rem; } .max-w-2xl{ max-width: 42rem; } .max-w-32{ max-width: 8rem; } .max-w-3xl{ max-width: 48rem; } .max-w-48{ max-width: 12rem; } .max-w-4xl{ max-width: 56rem; } .max-w-5xl{ max-width: 64rem; } .max-w-64{ max-width: 16rem; } .max-w-6xl{ max-width: 72rem; } .max-w-7xl{ max-width: 80rem; } .max-w-80{ max-width: 20rem; } .max-w-\[--skeleton-width\]{ max-width: var(--skeleton-width); } .max-w-\[100px\]{ max-width: 100px; } .max-w-\[100rem\]{ max-width: 100rem; } .max-w-\[100vw\]{ max-width: 100vw; } .max-w-\[1196px\]{ max-width: 1196px; } .max-w-\[1200px\]{ max-width: 1200px; } .max-w-\[120px\]{ max-width: 120px; } .max-w-\[1280px\]{ max-width: 1280px; } .max-w-\[130px\]{ max-width: 130px; } .max-w-\[1324px\]{ max-width: 1324px; } .max-w-\[1400px\]{ max-width: 1400px; } .max-w-\[140px\]{ max-width: 140px; } .max-w-\[150px\]{ max-width: 150px; } .max-w-\[1600px\]{ max-width: 1600px; } .max-w-\[160px\]{ max-width: 160px; } .max-w-\[170px\]{ max-width: 170px; } .max-w-\[180px\]{ max-width: 180px; } .max-w-\[200px\]{ max-width: 200px; } .max-w-\[220px\]{ max-width: 220px; } .max-w-\[240mm\]{ max-width: 240mm; } .max-w-\[240px\]{ max-width: 240px; } .max-w-\[250px\]{ max-width: 250px; } .max-w-\[260px\]{ max-width: 260px; } .max-w-\[280px\]{ max-width: 280px; } .max-w-\[28px\]{ max-width: 28px; } .max-w-\[300px\]{ max-width: 300px; } .max-w-\[320px\]{ max-width: 320px; } .max-w-\[340px\]{ max-width: 340px; } .max-w-\[360px\]{ max-width: 360px; } .max-w-\[36px\]{ max-width: 36px; } .max-w-\[390px\]{ max-width: 390px; } .max-w-\[400px\]{ max-width: 400px; } .max-w-\[40px\]{ max-width: 40px; } .max-w-\[420px\]{ max-width: 420px; } .max-w-\[500px\]{ max-width: 500px; } .max-w-\[50px\]{ max-width: 50px; } .max-w-\[52px\]{ max-width: 52px; } .max-w-\[550px\]{ max-width: 550px; } .max-w-\[560px\]{ max-width: 560px; } .max-w-\[56px\]{ max-width: 56px; } .max-w-\[60\%\]{ max-width: 60%; } .max-w-\[600px\]{ max-width: 600px; } .max-w-\[60px\]{ max-width: 60px; } .max-w-\[64px\]{ max-width: 64px; } .max-w-\[65\%\]{ max-width: 65%; } .max-w-\[70\%\]{ max-width: 70%; } .max-w-\[75\%\]{ max-width: 75%; } .max-w-\[76px\]{ max-width: 76px; } .max-w-\[780px\]{ max-width: 780px; } .max-w-\[80\%\]{ max-width: 80%; } .max-w-\[800px\]{ max-width: 800px; } .max-w-\[80px\]{ max-width: 80px; } .max-w-\[80vw\]{ max-width: 80vw; } .max-w-\[820px\]{ max-width: 820px; } .max-w-\[85\%\]{ max-width: 85%; } .max-w-\[88\%\]{ max-width: 88%; } .max-w-\[90\%\]{ max-width: 90%; } .max-w-\[900px\]{ max-width: 900px; } .max-w-\[90vw\]{ max-width: 90vw; } .max-w-\[95\%\]{ max-width: 95%; } .max-w-\[95vw\]{ max-width: 95vw; } .max-w-\[98vw\]{ max-width: 98vw; } .max-w-\[calc\(100\%-2rem\)\]{ max-width: calc(100% - 2rem); } .max-w-\[calc\(100vw-12px\)\]{ max-width: calc(100vw - 12px); } .max-w-\[calc\(100vw-16px\)\]{ max-width: calc(100vw - 16px); } .max-w-\[calc\(100vw-20px\)\]{ max-width: calc(100vw - 20px); } .max-w-\[calc\(100vw-3rem\)\]{ max-width: calc(100vw - 3rem); } .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-\[2\]{ flex: 2; } .\!flex-shrink-0{ flex-shrink: 0 !important; } .flex-shrink{ flex-shrink: 1; } .flex-shrink-0{ flex-shrink: 0; } .shrink{ flex-shrink: 1; } .shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .grow{ flex-grow: 1; } .grow-0{ flex-grow: 0; } .basis-full{ flex-basis: 100%; } .table-auto{ table-layout: auto; } .table-fixed{ table-layout: fixed; } .caption-bottom{ caption-side: bottom; } .border-collapse{ border-collapse: collapse; } .origin-center{ transform-origin: center; } .origin-top{ transform-origin: top; } .origin-top-left{ transform-origin: top left; } .-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-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\/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-\[350px\]{ --tw-translate-y: -350px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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\/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-\[-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-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-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-\[-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)); } .-rotate-180{ --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-45{ --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-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-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-\[-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)); } .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-50{ --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-75{ --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[0\.45\]{ --tw-scale-x: 0.45; --tw-scale-y: 0.45; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[0\.6\]{ --tw-scale-x: 0.6; --tw-scale-y: 0.6; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[1\.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)); } .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 ping{ 75%, 100%{ transform: scale(2); opacity: 0; } } .animate-ping{ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes pulse{ 50%{ opacity: .5; } } .animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin{ to{ transform: rotate(360deg); } } .animate-spin{ animation: spin 1s linear infinite; } @keyframes star-movement-bottom{ 0%{ transform: translate(0%, 0%); opacity: 1; } 100%{ transform: translate(-100%, 0%); opacity: 0; } } .animate-star-movement-bottom{ animation: star-movement-bottom linear infinite alternate; } @keyframes star-movement-top{ 0%{ transform: translate(0%, 0%); opacity: 1; } 100%{ transform: translate(100%, 0%); opacity: 0; } } .animate-star-movement-top{ animation: star-movement-top linear infinite alternate; } .cursor-crosshair{ cursor: crosshair; } .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-text{ cursor: text; } .touch-none{ touch-action: none; } .touch-manipulation{ touch-action: manipulation; } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-all{ -webkit-user-select: all; -moz-user-select: all; user-select: all; } .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; } .scroll-mt-24{ scroll-margin-top: 6rem; } .scroll-mt-8{ scroll-margin-top: 2rem; } .list-inside{ list-style-position: inside; } .list-decimal{ list-style-type: decimal; } .list-disc{ list-style-type: disc; } .list-none{ list-style-type: none; } .columns-2{ -moz-columns: 2; columns: 2; } .columns-3{ -moz-columns: 3; columns: 3; } .break-before-page{ -moz-column-break-before: page; break-before: page; } .auto-rows-min{ grid-auto-rows: min-content; } .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-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid-cols-\[110px_1fr\]{ grid-template-columns: 110px 1fr; } .grid-cols-\[120px_1fr\]{ grid-template-columns: 120px 1fr; } .grid-cols-\[120px_1fr_auto_1fr\]{ grid-template-columns: 120px 1fr auto 1fr; } .grid-cols-\[1fr\2c auto\2c 1fr\]{ grid-template-columns: 1fr auto 1fr; } .grid-cols-\[1fr\2c auto\2c auto\2c auto\2c auto\]{ grid-template-columns: 1fr auto auto auto auto; } .grid-cols-\[1fr_140px_100px_130px_70px_60px_60px_32px\]{ grid-template-columns: 1fr 140px 100px 130px 70px 60px 60px 32px; } .grid-cols-\[1fr_1fr_1fr_1fr_auto\]{ grid-template-columns: 1fr 1fr 1fr 1fr auto; } .grid-cols-\[1fr_60px_60px_80px_30px\]{ grid-template-columns: 1fr 60px 60px 80px 30px; } .grid-cols-\[1fr_80px_100px_100px\]{ grid-template-columns: 1fr 80px 100px 100px; } .grid-cols-\[1fr_90px_110px\]{ grid-template-columns: 1fr 90px 110px; } .grid-cols-\[1fr_90px_90px_1fr_32px\]{ grid-template-columns: 1fr 90px 90px 1fr 32px; } .grid-cols-\[1fr_auto\]{ grid-template-columns: 1fr auto; } .grid-cols-\[1fr_auto_1fr\]{ grid-template-columns: 1fr auto 1fr; } .grid-cols-\[1fr_auto_auto\]{ grid-template-columns: 1fr auto auto; } .grid-cols-\[2\.5fr_0\.7fr_0\.7fr_1\.2fr_0\.7fr_0\.7fr_1\.5fr\]{ grid-template-columns: 2.5fr 0.7fr 0.7fr 1.2fr 0.7fr 0.7fr 1.5fr; } .grid-cols-\[200px_repeat\(7\2c 1fr\)\]{ grid-template-columns: 200px repeat(7,1fr); } .grid-cols-\[220px_repeat\(7\2c 1fr\)\]{ grid-template-columns: 220px repeat(7,1fr); } .grid-cols-\[260px\2c 1fr\2c 1fr\]{ grid-template-columns: 260px 1fr 1fr; } .grid-cols-\[2fr_0\.7fr_0\.7fr_1fr_1fr_0\.7fr_0\.7fr_1\.5fr\]{ grid-template-columns: 2fr 0.7fr 0.7fr 1fr 1fr 0.7fr 0.7fr 1.5fr; } .grid-cols-\[320px\2c 1fr\]{ grid-template-columns: 320px 1fr; } .grid-cols-\[36px_86px_92px_112px_112px_minmax\(190px\2c 1fr\)_minmax\(150px\2c 0\.8fr\)_minmax\(150px\2c 0\.8fr\)_90px\]{ grid-template-columns: 36px 86px 92px 112px 112px minmax(190px,1fr) minmax(150px,0.8fr) minmax(150px,0.8fr) 90px; } .grid-cols-\[48px_1fr_auto\]{ grid-template-columns: 48px 1fr auto; } .grid-cols-\[80px_1fr_1fr_120px\]{ grid-template-columns: 80px 1fr 1fr 120px; } .grid-cols-\[auto\2c 1\.2fr\2c 1\.5fr\2c 70px\2c auto\2c auto\2c auto\]{ grid-template-columns: auto 1.2fr 1.5fr 70px auto auto auto; } .grid-cols-\[auto\2c 1\.2fr\2c 1\.5fr\2c auto\2c auto\]{ grid-template-columns: auto 1.2fr 1.5fr auto auto; } .grid-cols-\[auto_auto_1fr_auto_auto_auto_auto\]{ grid-template-columns: auto auto 1fr auto auto auto auto; } .grid-rows-2{ grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-\[auto\2c 1fr\2c auto\2c auto\]{ grid-template-rows: auto 1fr auto auto; } .grid-rows-\[auto\2c 1fr\2c auto\]{ grid-template-rows: auto 1fr auto; } .grid-rows-\[auto\2c 1fr\]{ grid-template-rows: auto 1fr; } .grid-rows-\[auto\2c auto\2c 1fr\]{ grid-template-rows: auto auto 1fr; } .grid-rows-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\]{ grid-template-rows: minmax(0,1fr) minmax(0,1fr); } .flex-row{ flex-direction: row; } .flex-row-reverse{ flex-direction: row-reverse; } .flex-col{ flex-direction: column; } .flex-col-reverse{ flex-direction: column-reverse; } .flex-wrap{ flex-wrap: wrap; } .\!flex-nowrap{ flex-wrap: nowrap !important; } .flex-nowrap{ flex-wrap: nowrap; } .place-items-center{ place-items: center; } .content-start{ align-content: flex-start; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .\!items-center{ align-items: center !important; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .items-stretch{ align-items: stretch; } .\!justify-start{ justify-content: flex-start !important; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .\!justify-center{ justify-content: center !important; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-around{ justify-content: space-around; } .\!gap-0\.5{ gap: 0.125rem !important; } .\!gap-1{ gap: 0.25rem !important; } .\!gap-2{ gap: 0.5rem !important; } .gap-0{ gap: 0px; } .gap-0\.5{ gap: 0.125rem; } .gap-1{ gap: 0.25rem; } .gap-1\.5{ gap: 0.375rem; } .gap-12{ gap: 3rem; } .gap-16{ gap: 4rem; } .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-x-12{ -moz-column-gap: 3rem; column-gap: 3rem; } .gap-x-2{ -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-3{ -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-4{ -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-6{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-x-8{ -moz-column-gap: 2rem; column-gap: 2rem; } .gap-y-0\.5{ row-gap: 0.125rem; } .gap-y-1{ row-gap: 0.25rem; } .gap-y-1\.5{ row-gap: 0.375rem; } .gap-y-2{ row-gap: 0.5rem; } .gap-y-4{ row-gap: 1rem; } .gap-y-5{ row-gap: 1.25rem; } .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-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .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-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-y-\[2px\] > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2px * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-border > :not([hidden]) ~ :not([hidden]){ border-color: hsl(var(--border)); } .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); } .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-visible{ overflow: visible; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-y-hidden{ overflow-y: hidden; } .overflow-x-scroll{ overflow-x: scroll; } .overflow-y-scroll{ overflow-y: scroll; } .overscroll-contain{ overscroll-behavior: contain; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-normal{ white-space: normal; } .\!whitespace-nowrap{ white-space: nowrap !important; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre{ white-space: pre; } .whitespace-pre-line{ white-space: pre-line; } .whitespace-pre-wrap{ white-space: pre-wrap; } .text-balance{ text-wrap: balance; } .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } .\!rounded-full{ border-radius: 9999px !important; } .rounded{ border-radius: 0.25rem; } .rounded-2xl{ border-radius: 1rem; } .rounded-3xl{ border-radius: 1.5rem; } .rounded-\[20px\]{ border-radius: 20px; } .rounded-\[2px\]{ border-radius: 2px; } .rounded-\[inherit\]{ border-radius: inherit; } .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-sm{ border-bottom-right-radius: calc(var(--radius) - 4px) !important; border-bottom-left-radius: calc(var(--radius) - 4px) !important; } .\!rounded-t-sm{ border-top-left-radius: calc(var(--radius) - 4px) !important; border-top-right-radius: calc(var(--radius) - 4px) !important; } .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-l{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-l-md{ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-l-none{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rounded-r{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-r-md{ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-r-none{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .rounded-t{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-2xl{ border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-\[10px\]{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-\[18px\]{ border-top-left-radius: 18px; border-top-right-radius: 18px; } .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-xl{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .rounded-bl{ border-bottom-left-radius: 0.25rem; } .rounded-bl-md{ border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-bl-xl{ border-bottom-left-radius: 0.75rem; } .rounded-br{ border-bottom-right-radius: 0.25rem; } .rounded-br-full{ border-bottom-right-radius: 9999px; } .rounded-br-md{ border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-br-xl{ border-bottom-right-radius: 0.75rem; } .rounded-tl{ border-top-left-radius: 0.25rem; } .rounded-tl-sm{ border-top-left-radius: calc(var(--radius) - 4px); } .rounded-tl-xl{ border-top-left-radius: 0.75rem; } .rounded-tr{ border-top-right-radius: 0.25rem; } .rounded-tr-full{ border-top-right-radius: 9999px; } .rounded-tr-xl{ border-top-right-radius: 0.75rem; } .\!border-0{ border-width: 0px !important; } .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-x-0{ border-left-width: 0px; border-right-width: 0px; } .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-l{ border-left-width: 1px; } .border-l-0{ border-left-width: 0px; } .border-l-2{ border-left-width: 2px; } .border-l-4{ border-left-width: 4px; } .border-l-\[8px\]{ border-left-width: 8px; } .border-r{ border-right-width: 1px; } .border-r-2{ border-right-width: 2px; } .border-r-4{ border-right-width: 4px; } .border-r-\[8px\]{ border-right-width: 8px; } .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-\[0\.5px\]{ border-top-width: 0.5px; } .border-t-\[10px\]{ border-top-width: 10px; } .border-dashed{ border-style: dashed; } .border-dotted{ border-style: dotted; } .border-double{ border-style: double; } .border-none{ border-style: none; } .\!border-border{ border-color: hsl(var(--border)) !important; } .border-\[--color-border\]{ border-color: var(--color-border); } .border-\[hsl\(240\2c 3\.7\%\2c 15\.9\%\)\]{ --tw-border-opacity: 1; border-color: hsl(240 3.7% 15.9% / var(--tw-border-opacity, 1)); } .border-accent{ border-color: hsl(var(--accent)); } .border-accent\/50{ border-color: hsl(var(--accent) / 0.5); } .border-amber-200{ --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-200\/40{ border-color: rgb(253 230 138 / 0.4); } .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\/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-500{ --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .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-500\/60{ border-color: rgb(245 158 11 / 0.6); } .border-amber-600{ --tw-border-opacity: 1; border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)); } .border-amber-700\/20{ border-color: rgb(180 83 9 / 0.2); } .border-background{ border-color: hsl(var(--background)); } .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-blue-100{ --tw-border-opacity: 1; border-color: rgb(219 234 254 / var(--tw-border-opacity, 1)); } .border-blue-200{ --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .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-500{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .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-600\/20{ border-color: rgb(37 99 235 / 0.2); } .border-border{ border-color: hsl(var(--border)); } .border-border\/30{ border-color: hsl(var(--border) / 0.3); } .border-border\/40{ border-color: hsl(var(--border) / 0.4); } .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-current{ border-color: currentColor; } .border-cyan-200{ --tw-border-opacity: 1; border-color: rgb(165 243 252 / var(--tw-border-opacity, 1)); } .border-cyan-300{ --tw-border-opacity: 1; border-color: rgb(103 232 249 / 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-cyan-500\/30{ border-color: rgb(6 182 212 / 0.3); } .border-emerald-200{ --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .border-emerald-200\/50{ border-color: rgb(167 243 208 / 0.5); } .border-emerald-300{ --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); } .border-emerald-400{ --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .border-emerald-500{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .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\/20{ border-color: hsl(var(--foreground) / 0.2); } .border-gray-100{ --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-gray-400{ --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .border-gray-500{ --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .border-gray-500\/20{ border-color: rgb(107 114 128 / 0.2); } .border-gray-500\/40{ border-color: rgb(107 114 128 / 0.4); } .border-gray-700{ --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .border-gray-800{ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .border-gray-900{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .border-green-100{ --tw-border-opacity: 1; border-color: rgb(220 252 231 / var(--tw-border-opacity, 1)); } .border-green-200{ --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .border-green-300{ --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); } .border-green-300\/60{ border-color: rgb(134 239 172 / 0.6); } .border-green-400{ --tw-border-opacity: 1; border-color: rgb(74 222 128 / var(--tw-border-opacity, 1)); } .border-green-400\/30{ border-color: rgb(74 222 128 / 0.3); } .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-green-600{ --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); } .border-green-800{ --tw-border-opacity: 1; border-color: rgb(22 101 52 / var(--tw-border-opacity, 1)); } .border-indigo-200{ --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity, 1)); } .border-indigo-300{ --tw-border-opacity: 1; border-color: rgb(165 180 252 / 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-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\/40{ border-color: hsl(var(--muted-foreground) / 0.4); } .border-muted-foreground\/50{ border-color: hsl(var(--muted-foreground) / 0.5); } .border-muted\/50{ border-color: hsl(var(--muted) / 0.5); } .border-neutral-400{ --tw-border-opacity: 1; border-color: rgb(163 163 163 / var(--tw-border-opacity, 1)); } .border-orange-200{ --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); } .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\/50{ border-color: rgb(249 115 22 / 0.5); } .border-orange-600{ --tw-border-opacity: 1; border-color: rgb(234 88 12 / var(--tw-border-opacity, 1)); } .border-orange-600\/20{ border-color: rgb(234 88 12 / 0.2); } .border-pink-200{ --tw-border-opacity: 1; border-color: rgb(251 207 232 / var(--tw-border-opacity, 1)); } .border-pink-500{ --tw-border-opacity: 1; border-color: rgb(236 72 153 / var(--tw-border-opacity, 1)); } .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\/20{ border-color: hsl(var(--primary) / 0.2); } .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-200{ --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); } .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-500{ --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .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-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-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-400\/50{ border-color: rgb(248 113 113 / 0.5); } .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-red-600{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); } .border-red-800{ --tw-border-opacity: 1; border-color: rgb(153 27 27 / var(--tw-border-opacity, 1)); } .border-rose-200{ --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .border-rose-300{ --tw-border-opacity: 1; border-color: rgb(253 164 175 / var(--tw-border-opacity, 1)); } .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\/40{ border-color: rgb(244 63 94 / 0.4); } .border-rose-500\/50{ border-color: rgb(244 63 94 / 0.5); } .border-secondary{ border-color: hsl(var(--secondary)); } .border-secondary-foreground{ border-color: hsl(var(--secondary-foreground)); } .border-secondary\/20{ border-color: hsl(var(--secondary) / 0.2); } .border-secondary\/50{ border-color: hsl(var(--secondary) / 0.5); } .border-sidebar-border{ border-color: hsl(var(--sidebar-border)); } .border-sky-200{ --tw-border-opacity: 1; border-color: rgb(186 230 253 / 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-sky-500\/40{ border-color: rgb(14 165 233 / 0.4); } .border-slate-200{ --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .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-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-600{ --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .border-slate-700{ --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .border-slate-950{ --tw-border-opacity: 1; border-color: rgb(2 6 23 / var(--tw-border-opacity, 1)); } .border-success{ border-color: hsl(var(--success)); } .border-success\/20{ border-color: hsl(var(--success) / 0.2); } .border-success\/30{ border-color: hsl(var(--success) / 0.3); } .border-teal-200{ --tw-border-opacity: 1; border-color: rgb(153 246 228 / var(--tw-border-opacity, 1)); } .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-teal-500\/30{ border-color: rgb(20 184 166 / 0.3); } .border-transparent{ border-color: transparent; } .border-violet-200{ --tw-border-opacity: 1; border-color: rgb(221 214 254 / var(--tw-border-opacity, 1)); } .border-violet-300{ --tw-border-opacity: 1; border-color: rgb(196 181 253 / var(--tw-border-opacity, 1)); } .border-violet-400{ --tw-border-opacity: 1; border-color: rgb(167 139 250 / var(--tw-border-opacity, 1)); } .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-500\/50{ border-color: rgb(139 92 246 / 0.5); } .border-warning{ border-color: hsl(var(--warning)); } .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\/30{ border-color: rgb(255 255 255 / 0.3); } .border-white\/40{ border-color: rgb(255 255 255 / 0.4); } .border-white\/5{ border-color: rgb(255 255 255 / 0.05); } .border-white\/50{ border-color: rgb(255 255 255 / 0.5); } .border-white\/60{ border-color: rgb(255 255 255 / 0.6); } .border-yellow-200{ --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } .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-yellow-600{ --tw-border-opacity: 1; border-color: rgb(202 138 4 / var(--tw-border-opacity, 1)); } .border-zinc-200{ --tw-border-opacity: 1; border-color: rgb(228 228 231 / var(--tw-border-opacity, 1)); } .border-zinc-500{ --tw-border-opacity: 1; border-color: rgb(113 113 122 / var(--tw-border-opacity, 1)); } .border-zinc-600{ --tw-border-opacity: 1; border-color: rgb(82 82 91 / var(--tw-border-opacity, 1)); } .border-zinc-700{ --tw-border-opacity: 1; border-color: rgb(63 63 70 / var(--tw-border-opacity, 1)); } .border-zinc-800{ --tw-border-opacity: 1; border-color: rgb(39 39 42 / var(--tw-border-opacity, 1)); } .border-zinc-800\/50{ border-color: rgb(39 39 42 / 0.5); } .border-l-accent{ border-left-color: hsl(var(--accent)); } .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-foreground{ border-left-color: hsl(var(--foreground)); } .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-green-500\/50{ border-left-color: rgb(34 197 94 / 0.5); } .border-l-indigo-500{ --tw-border-opacity: 1; border-left-color: rgb(99 102 241 / var(--tw-border-opacity, 1)); } .border-l-muted{ border-left-color: hsl(var(--muted)); } .border-l-orange-500{ --tw-border-opacity: 1; border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1)); } .border-l-primary{ border-left-color: hsl(var(--primary)); } .border-l-primary\/20{ border-left-color: hsl(var(--primary) / 0.2); } .border-l-primary\/30{ border-left-color: hsl(var(--primary) / 0.3); } .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-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-transparent{ border-right-color: transparent; } .border-t-primary{ border-top-color: hsl(var(--primary)); } .border-t-transparent{ border-top-color: transparent; } .\!bg-background{ background-color: hsl(var(--background)) !important; } .\!bg-border{ background-color: hsl(var(--border)) !important; } .\!bg-muted{ background-color: hsl(var(--muted)) !important; } .\!bg-muted\/50{ background-color: hsl(var(--muted) / 0.5) !important; } .bg-\[\#0088CC\]{ --tw-bg-opacity: 1; background-color: rgb(0 136 204 / var(--tw-bg-opacity, 1)); } .bg-\[\#101112\]{ --tw-bg-opacity: 1; background-color: rgb(16 17 18 / var(--tw-bg-opacity, 1)); } .bg-\[\#252A38\]{ --tw-bg-opacity: 1; background-color: rgb(37 42 56 / var(--tw-bg-opacity, 1)); } .bg-\[\#25D366\]{ --tw-bg-opacity: 1; background-color: rgb(37 211 102 / var(--tw-bg-opacity, 1)); } .bg-\[\#7360F2\]{ --tw-bg-opacity: 1; background-color: rgb(115 96 242 / var(--tw-bg-opacity, 1)); } .bg-\[--color-bg\]{ background-color: var(--color-bg); } .bg-\[hsl\(0\2c 0\%\2c 10\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(0 0% 10% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(0\2c 0\%\2c 12\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(0 0% 12% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(0\2c 0\%\2c 15\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(0 0% 15% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(160\2c 20\%\2c 11\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(160 20% 11% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(160\2c 20\%\2c 14\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(160 20% 14% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(160\2c 20\%\2c 9\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(160 20% 9% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(210\2c 30\%\2c 10\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(210 30% 10% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(210\2c 30\%\2c 12\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(210 30% 12% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(210\2c 30\%\2c 15\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(210 30% 15% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 10\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 10% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 11\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 11% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 13\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 13% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 14\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 14% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 15\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 15% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 16\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 16% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 18\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 18% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 8\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 8% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(220\2c 13\%\2c 92\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(220 13% 92% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(240\2c 10\%\2c 10\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(240 10% 10% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(240\2c 10\%\2c 8\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(240 10% 8% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(240\2c 3\.7\%\2c 15\.9\%\)\]{ --tw-bg-opacity: 1; background-color: hsl(240 3.7% 15.9% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(240\2c 3\.7\%\2c 15\.9\%\)\]\/50{ background-color: hsl(240 3.7% 15.9% / 0.5); } .bg-accent{ background-color: hsl(var(--accent)); } .bg-accent\/10{ background-color: hsl(var(--accent) / 0.1); } .bg-accent\/30{ background-color: hsl(var(--accent) / 0.3); } .bg-accent\/40{ background-color: hsl(var(--accent) / 0.4); } .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-200{ --tw-bg-opacity: 1; background-color: rgb(253 230 138 / 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-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-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\/30{ background-color: rgb(245 158 11 / 0.3); } .bg-amber-500\/5{ background-color: rgb(245 158 11 / 0.05); } .bg-amber-500\/50{ background-color: rgb(245 158 11 / 0.5); } .bg-amber-500\/60{ background-color: rgb(245 158 11 / 0.6); } .bg-amber-500\/80{ background-color: rgb(245 158 11 / 0.8); } .bg-amber-600{ --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .bg-amber-700\/10{ background-color: rgb(180 83 9 / 0.1); } .bg-background{ background-color: hsl(var(--background)); } .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\/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\/30{ background-color: rgb(0 0 0 / 0.3); } .bg-black\/40{ background-color: rgb(0 0 0 / 0.4); } .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-black\/90{ background-color: rgb(0 0 0 / 0.9); } .bg-black\/95{ background-color: rgb(0 0 0 / 0.95); } .bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .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-300\/60{ background-color: rgb(147 197 253 / 0.6); } .bg-blue-400{ --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); } .bg-blue-400\/40{ background-color: rgb(96 165 250 / 0.4); } .bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-50\/20{ background-color: rgb(239 246 255 / 0.2); } .bg-blue-50\/30{ background-color: rgb(239 246 255 / 0.3); } .bg-blue-50\/50{ background-color: rgb(239 246 255 / 0.5); } .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\/5{ background-color: rgb(59 130 246 / 0.05); } .bg-blue-500\/60{ background-color: rgb(59 130 246 / 0.6); } .bg-blue-500\/80{ background-color: rgb(59 130 246 / 0.8); } .bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-blue-600\/10{ background-color: rgb(37 99 235 / 0.1); } .bg-border{ background-color: hsl(var(--border)); } .bg-border\/20{ background-color: hsl(var(--border) / 0.2); } .bg-card{ background-color: hsl(var(--card)); } .bg-card\/30{ background-color: hsl(var(--card) / 0.3); } .bg-card\/50{ background-color: hsl(var(--card) / 0.5); } .bg-card\/80{ background-color: hsl(var(--card) / 0.8); } .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-400{ --tw-bg-opacity: 1; background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1)); } .bg-cyan-50{ --tw-bg-opacity: 1; background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1)); } .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-cyan-500\/80{ background-color: rgb(6 182 212 / 0.8); } .bg-cyan-600{ --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)); } .bg-emerald-100{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / 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-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .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-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\/5{ background-color: rgb(16 185 129 / 0.05); } .bg-emerald-500\/80{ background-color: rgb(16 185 129 / 0.8); } .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-fuchsia-500{ --tw-bg-opacity: 1; background-color: rgb(217 70 239 / var(--tw-bg-opacity, 1)); } .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-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-gray-500\/80{ background-color: rgb(107 114 128 / 0.8); } .bg-gray-600{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .bg-gray-700{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .bg-gray-800{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-200{ --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1)); } .bg-green-400{ --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); } .bg-green-400\/40{ background-color: rgb(74 222 128 / 0.4); } .bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-green-50\/20{ background-color: rgb(240 253 244 / 0.2); } .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\/30{ background-color: rgb(34 197 94 / 0.3); } .bg-green-500\/40{ background-color: rgb(34 197 94 / 0.4); } .bg-green-500\/5{ background-color: rgb(34 197 94 / 0.05); } .bg-green-500\/60{ background-color: rgb(34 197 94 / 0.6); } .bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .bg-green-600\/10{ background-color: rgb(22 163 74 / 0.1); } .bg-green-900\/20{ background-color: rgb(20 83 45 / 0.2); } .bg-indigo-100{ --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity, 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\/20{ background-color: rgb(99 102 241 / 0.2); } .bg-indigo-500\/80{ background-color: rgb(99 102 241 / 0.8); } .bg-indigo-600{ --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1)); } .bg-lime-100{ --tw-bg-opacity: 1; background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1)); } .bg-lime-500{ --tw-bg-opacity: 1; background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1)); } .bg-muted{ background-color: hsl(var(--muted)); } .bg-muted-foreground{ background-color: hsl(var(--muted-foreground)); } .bg-muted-foreground\/10{ background-color: hsl(var(--muted-foreground) / 0.1); } .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\/70{ background-color: hsl(var(--muted-foreground) / 0.7); } .bg-muted\/10{ background-color: hsl(var(--muted) / 0.1); } .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-neutral-100{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .bg-neutral-300{ --tw-bg-opacity: 1; background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1)); } .bg-neutral-50{ --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); } .bg-orange-100{ --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .bg-orange-200{ --tw-bg-opacity: 1; background-color: rgb(254 215 170 / 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-400\/20{ background-color: rgb(251 146 60 / 0.2); } .bg-orange-50{ --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .bg-orange-50\/30{ background-color: rgb(255 247 237 / 0.3); } .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\/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-100{ --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1)); } .bg-pink-200{ --tw-bg-opacity: 1; background-color: rgb(251 207 232 / var(--tw-bg-opacity, 1)); } .bg-pink-400{ --tw-bg-opacity: 1; background-color: rgb(244 114 182 / 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\/30{ background-color: hsl(var(--primary) / 0.3); } .bg-primary\/5{ background-color: hsl(var(--primary) / 0.05); } .bg-primary\/50{ background-color: hsl(var(--primary) / 0.5); } .bg-primary\/80{ background-color: hsl(var(--primary) / 0.8); } .bg-primary\/90{ background-color: hsl(var(--primary) / 0.9); } .bg-primary\/95{ background-color: hsl(var(--primary) / 0.95); } .bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .bg-purple-200{ --tw-bg-opacity: 1; background-color: rgb(233 213 255 / 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-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\/60{ background-color: rgb(168 85 247 / 0.6); } .bg-purple-500\/80{ background-color: rgb(168 85 247 / 0.8); } .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-200{ --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)); } .bg-red-300\/60{ background-color: rgb(252 165 165 / 0.6); } .bg-red-400{ --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .bg-red-50{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .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-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\/30{ background-color: rgb(239 68 68 / 0.3); } .bg-red-500\/5{ background-color: rgb(239 68 68 / 0.05); } .bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-red-800{ --tw-bg-opacity: 1; background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1)); } .bg-red-900\/20{ background-color: rgb(127 29 29 / 0.2); } .bg-rose-100{ --tw-bg-opacity: 1; background-color: rgb(255 228 230 / 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\/40{ background-color: rgb(255 241 242 / 0.4); } .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\/80{ background-color: rgb(244 63 94 / 0.8); } .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\/10{ background-color: hsl(var(--secondary) / 0.1); } .bg-secondary\/5{ background-color: hsl(var(--secondary) / 0.05); } .bg-secondary\/50{ background-color: hsl(var(--secondary) / 0.5); } .bg-sidebar{ background-color: hsl(var(--sidebar-background)); } .bg-sidebar-border{ background-color: hsl(var(--sidebar-border)); } .bg-sidebar\/80{ background-color: hsl(var(--sidebar-background) / 0.8); } .bg-sky-100{ --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1)); } .bg-sky-50{ --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); } .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\/20{ background-color: rgb(14 165 233 / 0.2); } .bg-sky-600{ --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1)); } .bg-slate-100{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .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-300\/30{ background-color: rgb(203 213 225 / 0.3); } .bg-slate-400{ --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); } .bg-slate-400\/10{ background-color: rgb(148 163 184 / 0.1); } .bg-slate-50{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .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-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\/60{ background-color: rgb(51 65 85 / 0.6); } .bg-slate-800{ --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .bg-slate-800\/60{ background-color: rgb(30 41 59 / 0.6); } .bg-slate-900{ --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .bg-slate-900\/50{ background-color: rgb(15 23 42 / 0.5); } .bg-slate-900\/80{ background-color: rgb(15 23 42 / 0.8); } .bg-stone-100{ --tw-bg-opacity: 1; background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1)); } .bg-stone-50{ --tw-bg-opacity: 1; background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1)); } .bg-success{ background-color: hsl(var(--success)); } .bg-success\/10{ background-color: hsl(var(--success) / 0.1); } .bg-success\/20{ background-color: hsl(var(--success) / 0.2); } .bg-success\/5{ background-color: hsl(var(--success) / 0.05); } .bg-teal-100{ --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1)); } .bg-teal-400{ --tw-bg-opacity: 1; background-color: rgb(45 212 191 / 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-600{ --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1)); } .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-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\/20{ background-color: hsl(var(--warning) / 0.2); } .bg-warning\/5{ background-color: hsl(var(--warning) / 0.05); } .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\/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\/90{ background-color: rgb(255 255 255 / 0.9); } .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-300{ --tw-bg-opacity: 1; background-color: rgb(253 224 71 / 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-400\/40{ background-color: rgb(250 204 21 / 0.4); } .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\/15{ background-color: rgb(234 179 8 / 0.15); } .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-zinc-100{ --tw-bg-opacity: 1; background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1)); } .bg-zinc-600{ --tw-bg-opacity: 1; background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1)); } .bg-zinc-700{ --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1)); } .bg-zinc-800{ --tw-bg-opacity: 1; background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1)); } .bg-zinc-800\/50{ background-color: rgb(39 39 42 / 0.5); } .bg-zinc-800\/60{ background-color: rgb(39 39 42 / 0.6); } .bg-zinc-900{ --tw-bg-opacity: 1; background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1)); } .bg-zinc-900\/30{ background-color: rgb(24 24 27 / 0.3); } .bg-zinc-900\/50{ background-color: rgb(24 24 27 / 0.5); } .bg-zinc-900\/80{ background-color: rgb(24 24 27 / 0.8); } .bg-zinc-950{ --tw-bg-opacity: 1; background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1)); } .bg-zinc-950\/50{ background-color: rgb(9 9 11 / 0.5); } .bg-opacity-10{ --tw-bg-opacity: 0.1; } .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c hsla\(0\2c 0\%\2c 85\%\2c \.04\)_0\2c hsla\(0\2c 0\%\2c 45\%\2c \.02\)_80\%\2c transparent_100\%\)\]{ background-image: radial-gradient(50% 50% at 50% 50%,hsla(0,0%,85%,.04) 0,hsla(0,0%,45%,.02) 80%,transparent 100%); } .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c hsla\(0\2c 0\%\2c 85\%\2c \.06\)_0\2c hsla\(0\2c 0\%\2c 45\%\2c \.02\)_80\%\2c transparent_100\%\)\]{ background-image: radial-gradient(50% 50% at 50% 50%,hsla(0,0%,85%,.06) 0,hsla(0,0%,45%,.02) 80%,transparent 100%); } .bg-\[radial-gradient\(68\.54\%_68\.72\%_at_55\.02\%_31\.46\%\2c hsla\(0\2c 0\%\2c 85\%\2c \.08\)_0\2c hsla\(0\2c 0\%\2c 55\%\2c \.02\)_50\%\2c hsla\(0\2c 0\%\2c 45\%\2c 0\)_80\%\)\]{ background-image: radial-gradient(68.54% 68.72% at 55.02% 31.46%,hsla(0,0%,85%,.08) 0,hsla(0,0%,55%,.02) 50%,hsla(0,0%,45%,0) 80%); } .bg-\[radial-gradient\(ellipse_at_top\2c _var\(--tw-gradient-stops\)\)\]{ background-image: radial-gradient(ellipse at top, var(--tw-gradient-stops)); } .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-gradient-to-b{ background-image: linear-gradient(to bottom, 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)); } .from-\[hsl\(0\2c 0\%\2c 98\%\)\]{ --tw-gradient-from: hsl(0,0%,98%) var(--tw-gradient-from-position); --tw-gradient-to: hsl(0 0% 98% / 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\/60{ --tw-gradient-from: rgb(255 251 235 / 0.6) 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\/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-600{ --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); } .from-amber-600\/20{ --tw-gradient-from: rgb(217 119 6 / 0.2) 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); } .from-amber-950\/30{ --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); } .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\/30{ --tw-gradient-from: hsl(var(--background) / 0.3) 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\/90{ --tw-gradient-from: hsl(var(--background) / 0.9) 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\/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\/80{ --tw-gradient-from: rgb(0 0 0 / 0.8) 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-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-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-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\/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\/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-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-600\/20{ --tw-gradient-from: rgb(37 99 235 / 0.2) 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-cyan-100{ --tw-gradient-from: #cffafe var(--tw-gradient-from-position); --tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-400{ --tw-gradient-from: #22d3ee var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-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\/10{ --tw-gradient-from: rgb(6 182 212 / 0.1) 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\/20{ --tw-gradient-from: rgb(6 182 212 / 0.2) 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-600{ --tw-gradient-from: #0891b2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-600\/20{ --tw-gradient-from: rgb(8 145 178 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-950\/30{ --tw-gradient-from: rgb(8 51 68 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 51 68 / 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\/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\/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-600{ --tw-gradient-from: #059669 var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-600\/20{ --tw-gradient-from: rgb(5 150 105 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-300{ --tw-gradient-from: #d1d5db var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-300\/20{ --tw-gradient-from: rgb(209 213 219 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-100{ --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(220 252 231 / 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-400\/20{ --tw-gradient-from: rgb(74 222 128 / 0.2) 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-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\/20{ --tw-gradient-from: rgb(34 197 94 / 0.2) 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-600{ --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); } .from-indigo-100{ --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-400{ --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(129 140 248 / 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\/20{ --tw-gradient-from: rgb(99 102 241 / 0.2) 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-600{ --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-600\/20{ --tw-gradient-from: rgb(79 70 229 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-lime-100{ --tw-gradient-from: #ecfccb var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 252 203 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-lime-500{ --tw-gradient-from: #84cc16 var(--tw-gradient-from-position); --tw-gradient-to: rgb(132 204 22 / 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\/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-neutral-100{ --tw-gradient-from: #f5f5f5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 245 245 / 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\/10{ --tw-gradient-from: rgb(249 115 22 / 0.1) 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-orange-600\/20{ --tw-gradient-from: rgb(234 88 12 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-100{ --tw-gradient-from: #fce7f3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-50{ --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 242 248 / 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\/10{ --tw-gradient-from: rgb(236 72 153 / 0.1) 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-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\/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\/40{ --tw-gradient-from: hsl(var(--primary) / 0.4) 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\/90{ --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); } .from-purple-100{ --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 232 255 / 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-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\/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-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-purple-600\/20{ --tw-gradient-from: rgb(147 51 234 / 0.2) 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-100{ --tw-gradient-from: #fee2e2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 226 226 / 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\/10{ --tw-gradient-from: rgb(239 68 68 / 0.1) 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\/20{ --tw-gradient-from: rgb(220 38 38 / 0.2) 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-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-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\/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\/5{ --tw-gradient-from: rgb(244 63 94 / 0.05) 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-600{ --tw-gradient-from: #e11d48 var(--tw-gradient-from-position); --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-600\/20{ --tw-gradient-from: rgb(225 29 72 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-secondary\/5{ --tw-gradient-from: hsl(var(--secondary) / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sky-100{ --tw-gradient-from: #e0f2fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(224 242 254 / 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\/10{ --tw-gradient-from: rgb(14 165 233 / 0.1) 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-600\/20{ --tw-gradient-from: rgb(2 132 199 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-100{ --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(241 245 249 / 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\/10{ --tw-gradient-from: rgb(100 116 139 / 0.1) 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-600\/20{ --tw-gradient-from: rgb(71 85 105 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(71 85 105 / 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-slate-950{ --tw-gradient-from: #020617 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-950\/80{ --tw-gradient-from: rgb(2 6 23 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-stone-500{ --tw-gradient-from: #78716c var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 113 108 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-100{ --tw-gradient-from: #ccfbf1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-400{ --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position); --tw-gradient-to: rgb(45 212 191 / 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-600\/20{ --tw-gradient-from: rgb(13 148 136 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(13 148 136 / 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-100{ --tw-gradient-from: #ede9fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-400{ --tw-gradient-from: #a78bfa var(--tw-gradient-from-position); --tw-gradient-to: rgb(167 139 250 / 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\/5{ --tw-gradient-from: rgb(139 92 246 / 0.05) 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-600{ --tw-gradient-from: #7c3aed var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-600\/20{ --tw-gradient-from: rgb(124 58 237 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-violet-950\/30{ --tw-gradient-from: rgb(46 16 101 / 0.3) 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); } .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\/80{ --tw-gradient-from: rgb(255 255 255 / 0.8) 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-100{ --tw-gradient-from: #fef9c3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 249 195 / 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\/10{ --tw-gradient-from: rgb(234 179 8 / 0.1) 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\/20{ --tw-gradient-from: rgb(234 179 8 / 0.2) 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\/5{ --tw-gradient-from: rgb(234 179 8 / 0.05) 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-zinc-500{ --tw-gradient-from: #71717a var(--tw-gradient-from-position); --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-zinc-500\/20{ --tw-gradient-from: rgb(113 113 122 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-zinc-800{ --tw-gradient-from: #27272a var(--tw-gradient-from-position); --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-zinc-800\/30{ --tw-gradient-from: rgb(39 39 42 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-zinc-900{ --tw-gradient-from: #18181b var(--tw-gradient-from-position); --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-zinc-900\/30{ --tw-gradient-from: rgb(24 24 27 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-zinc-950{ --tw-gradient-from: #09090b var(--tw-gradient-from-position); --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-35\%{ --tw-gradient-from-position: 35%; } .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\/20{ --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.2) 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\/50{ --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.5) 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\/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-black\/60{ --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.6) 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-400\/20{ --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(96 165 250 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-50{ --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #eff6ff 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-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-blue-600\/20{ --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-950{ --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #172554 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-cyan-500{ --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-cyan-500\/20{ --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(6 182 212 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-emerald-100{ --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d1fae5 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\/20{ --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.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-green-50\/40{ --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(240 253 244 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-indigo-400{ --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #818cf8 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-indigo-500\/10{ --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-neutral-500{ --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #737373 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-neutral-500\/20{ --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(115 115 115 / 0.2) 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\/40{ --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.4) 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\/10{ --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.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-orange-500\/20{ --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.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-pink-400{ --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f472b6 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-pink-500\/10{ --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(236 72 153 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-pink-500\/20{ --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(236 72 153 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-pink-600{ --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #db2777 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\/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\/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-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-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\/20{ --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.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-600{ --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-red-400{ --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f87171 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-sky-500\/10{ --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(14 165 233 / 0.1) 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-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-500\/10{ --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(20 184 166 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-teal-600{ --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0d9488 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-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-violet-500\/10{ --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(139 92 246 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-violet-500\/20{ --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(139 92 246 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-violet-950\/20{ --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(46 16 101 / 0.2) 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-zinc-700{ --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3f3f46 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-zinc-800\/20{ --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(39 39 42 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-zinc-900{ --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-zinc-950{ --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #09090b var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-\[hsl\(0\2c 0\%\2c 85\%\)\]{ --tw-gradient-to: hsl(0,0%,85%) 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-50{ --tw-gradient-to: #fffbeb var(--tw-gradient-to-position); } .to-amber-500{ --tw-gradient-to: #f59e0b var(--tw-gradient-to-position); } .to-amber-500\/10{ --tw-gradient-to: rgb(245 158 11 / 0.1) var(--tw-gradient-to-position); } .to-amber-500\/20{ --tw-gradient-to: rgb(245 158 11 / 0.2) 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\/5{ --tw-gradient-to: rgb(217 119 6 / 0.05) var(--tw-gradient-to-position); } .to-background{ --tw-gradient-to: hsl(var(--background)) 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-blue-100{ --tw-gradient-to: #dbeafe var(--tw-gradient-to-position); } .to-blue-50{ --tw-gradient-to: #eff6ff 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\/5{ --tw-gradient-to: rgb(37 99 235 / 0.05) var(--tw-gradient-to-position); } .to-cyan-100{ --tw-gradient-to: #cffafe var(--tw-gradient-to-position); } .to-cyan-400{ --tw-gradient-to: #22d3ee var(--tw-gradient-to-position); } .to-cyan-50{ --tw-gradient-to: #ecfeff var(--tw-gradient-to-position); } .to-cyan-500{ --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position); } .to-cyan-500\/10{ --tw-gradient-to: rgb(6 182 212 / 0.1) var(--tw-gradient-to-position); } .to-cyan-500\/20{ --tw-gradient-to: rgb(6 182 212 / 0.2) 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-50{ --tw-gradient-to: #ecfdf5 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\/20{ --tw-gradient-to: rgb(16 185 129 / 0.2) 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\/5{ --tw-gradient-to: rgb(5 150 105 / 0.05) var(--tw-gradient-to-position); } .to-fuchsia-500{ --tw-gradient-to: #d946ef var(--tw-gradient-to-position); } .to-fuchsia-500\/20{ --tw-gradient-to: rgb(217 70 239 / 0.2) var(--tw-gradient-to-position); } .to-gray-400{ --tw-gradient-to: #9ca3af var(--tw-gradient-to-position); } .to-gray-400\/20{ --tw-gradient-to: rgb(156 163 175 / 0.2) var(--tw-gradient-to-position); } .to-gray-50{ --tw-gradient-to: #f9fafb var(--tw-gradient-to-position); } .to-green-100{ --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position); } .to-green-50{ --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position); } .to-green-500{ --tw-gradient-to: #22c55e var(--tw-gradient-to-position); } .to-green-600{ --tw-gradient-to: #16a34a var(--tw-gradient-to-position); } .to-green-600\/5{ --tw-gradient-to: rgb(22 163 74 / 0.05) var(--tw-gradient-to-position); } .to-indigo-400{ --tw-gradient-to: #818cf8 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\/20{ --tw-gradient-to: rgb(79 70 229 / 0.2) var(--tw-gradient-to-position); } .to-muted{ --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position); } .to-muted-foreground\/10{ --tw-gradient-to: hsl(var(--muted-foreground) / 0.1) 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\/90{ --tw-gradient-to: hsl(var(--muted) / 0.9) var(--tw-gradient-to-position); } .to-orange-100{ --tw-gradient-to: #ffedd5 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-500\/90{ --tw-gradient-to: rgb(249 115 22 / 0.9) var(--tw-gradient-to-position); } .to-orange-600{ --tw-gradient-to: #ea580c var(--tw-gradient-to-position); } .to-orange-600\/20{ --tw-gradient-to: rgb(234 88 12 / 0.2) 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-700{ --tw-gradient-to: #c2410c var(--tw-gradient-to-position); } .to-pink-100{ --tw-gradient-to: #fce7f3 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\/10{ --tw-gradient-to: rgb(236 72 153 / 0.1) 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-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\/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\/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-purple-100{ --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position); } .to-purple-400{ --tw-gradient-to: #c084fc var(--tw-gradient-to-position); } .to-purple-400\/20{ --tw-gradient-to: rgb(192 132 252 / 0.2) 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\/20{ --tw-gradient-to: rgb(168 85 247 / 0.2) 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-600{ --tw-gradient-to: #9333ea var(--tw-gradient-to-position); } .to-purple-600\/20{ --tw-gradient-to: rgb(147 51 234 / 0.2) var(--tw-gradient-to-position); } .to-purple-600\/5{ --tw-gradient-to: rgb(147 51 234 / 0.05) var(--tw-gradient-to-position); } .to-red-100{ --tw-gradient-to: #fee2e2 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-500\/5{ --tw-gradient-to: rgb(239 68 68 / 0.05) var(--tw-gradient-to-position); } .to-red-600{ --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); } .to-red-700{ --tw-gradient-to: #b91c1c 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\/10{ --tw-gradient-to: rgb(244 63 94 / 0.1) var(--tw-gradient-to-position); } .to-rose-600{ --tw-gradient-to: #e11d48 var(--tw-gradient-to-position); } .to-secondary\/10{ --tw-gradient-to: hsl(var(--secondary) / 0.1) var(--tw-gradient-to-position); } .to-secondary\/20{ --tw-gradient-to: hsl(var(--secondary) / 0.2) var(--tw-gradient-to-position); } .to-secondary\/5{ --tw-gradient-to: hsl(var(--secondary) / 0.05) var(--tw-gradient-to-position); } .to-sky-50{ --tw-gradient-to: #f0f9ff var(--tw-gradient-to-position); } .to-sky-500\/20{ --tw-gradient-to: rgb(14 165 233 / 0.2) var(--tw-gradient-to-position); } .to-sky-500\/5{ --tw-gradient-to: rgb(14 165 233 / 0.05) var(--tw-gradient-to-position); } .to-slate-100{ --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position); } .to-slate-600{ --tw-gradient-to: #475569 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-900{ --tw-gradient-to: #0f172a var(--tw-gradient-to-position); } .to-slate-900\/80{ --tw-gradient-to: rgb(15 23 42 / 0.8) var(--tw-gradient-to-position); } .to-slate-950{ --tw-gradient-to: #020617 var(--tw-gradient-to-position); } .to-stone-500{ --tw-gradient-to: #78716c var(--tw-gradient-to-position); } .to-stone-500\/20{ --tw-gradient-to: rgb(120 113 108 / 0.2) var(--tw-gradient-to-position); } .to-teal-300{ --tw-gradient-to: #5eead4 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\/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-transparent{ --tw-gradient-to: transparent var(--tw-gradient-to-position); } .to-violet-50{ --tw-gradient-to: #f5f3ff var(--tw-gradient-to-position); } .to-violet-500{ --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position); } .to-violet-500\/10{ --tw-gradient-to: rgb(139 92 246 / 0.1) 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-500\/5{ --tw-gradient-to: rgb(139 92 246 / 0.05) var(--tw-gradient-to-position); } .to-violet-600{ --tw-gradient-to: #7c3aed var(--tw-gradient-to-position); } .to-warning\/5{ --tw-gradient-to: hsl(var(--warning) / 0.05) var(--tw-gradient-to-position); } .to-white{ --tw-gradient-to: #fff var(--tw-gradient-to-position); } .to-white\/60{ --tw-gradient-to: rgb(255 255 255 / 0.6) var(--tw-gradient-to-position); } .to-yellow-50{ --tw-gradient-to: #fefce8 var(--tw-gradient-to-position); } .to-yellow-500{ --tw-gradient-to: #eab308 var(--tw-gradient-to-position); } .to-yellow-500\/20{ --tw-gradient-to: rgb(234 179 8 / 0.2) var(--tw-gradient-to-position); } .to-zinc-500\/10{ --tw-gradient-to: rgb(113 113 122 / 0.1) var(--tw-gradient-to-position); } .to-zinc-600{ --tw-gradient-to: #52525b var(--tw-gradient-to-position); } .to-zinc-900{ --tw-gradient-to: #18181b var(--tw-gradient-to-position); } .to-zinc-950{ --tw-gradient-to: #09090b var(--tw-gradient-to-position); } .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-amber-400{ fill: #fbbf24; } .fill-amber-500{ fill: #f59e0b; } .fill-blue-500{ fill: #3b82f6; } .fill-current{ fill: currentColor; } .fill-emerald-500{ fill: #10b981; } .fill-muted-foreground{ fill: hsl(var(--muted-foreground)); } .fill-orange-500{ fill: #f97316; } .fill-red-500{ fill: #ef4444; } .fill-rose-500{ fill: #f43f5e; } .fill-violet-500{ fill: #8b5cf6; } .fill-yellow-400{ fill: #facc15; } .fill-yellow-500{ fill: #eab308; } .stroke-muted{ stroke: hsl(var(--muted)); } .object-contain{ -o-object-fit: contain; object-fit: contain; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .object-top{ -o-object-position: top; object-position: top; } .\!p-0\.5{ padding: 0.125rem !important; } .\!p-1{ padding: 0.25rem !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-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .p-\[1px\]{ padding: 1px; } .p-\[2px\]{ padding: 2px; } .\!px-3{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .\!py-1{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .\!py-1\.5{ padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .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-16{ padding-left: 4rem; padding-right: 4rem; } .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-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-7{ padding-left: 1.75rem; padding-right: 1.75rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .px-\[10px\]{ padding-left: 10px; padding-right: 10px; } .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-24{ padding-top: 6rem; padding-bottom: 6rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-\[1px\]{ padding-top: 1px; padding-bottom: 1px; } .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-16{ padding-bottom: 4rem; } .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-32{ padding-bottom: 8rem; } .pb-4{ padding-bottom: 1rem; } .pb-5{ padding-bottom: 1.25rem; } .pb-6{ padding-bottom: 1.5rem; } .pb-8{ padding-bottom: 2rem; } .pb-\[calc\(env\(safe-area-inset-bottom\)\+12px\)\]{ padding-bottom: calc(env(safe-area-inset-bottom) + 12px); } .pl-1{ padding-left: 0.25rem; } .pl-10{ padding-left: 2.5rem; } .pl-11{ padding-left: 2.75rem; } .pl-12{ padding-left: 3rem; } .pl-14{ padding-left: 3.5rem; } .pl-16{ padding-left: 4rem; } .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-5{ padding-left: 1.25rem; } .pl-6{ padding-left: 1.5rem; } .pl-7{ padding-left: 1.75rem; } .pl-8{ padding-left: 2rem; } .pl-9{ padding-left: 2.25rem; } .pr-0{ padding-right: 0px; } .pr-1{ padding-right: 0.25rem; } .pr-10{ padding-right: 2.5rem; } .pr-14{ padding-right: 3.5rem; } .pr-16{ padding-right: 4rem; } .pr-2{ padding-right: 0.5rem; } .pr-2\.5{ padding-right: 0.625rem; } .pr-20{ padding-right: 5rem; } .pr-3{ padding-right: 0.75rem; } .pr-4{ padding-right: 1rem; } .pr-6{ padding-right: 1.5rem; } .pr-7{ padding-right: 1.75rem; } .pr-8{ padding-right: 2rem; } .pr-9{ padding-right: 2.25rem; } .ps-10{ padding-inline-start: 2.5rem; } .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-2{ padding-top: 0.5rem; } .pt-24{ padding-top: 6rem; } .pt-3{ padding-top: 0.75rem; } .pt-32{ padding-top: 8rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .pt-8{ padding-top: 2rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-justify{ text-align: justify; } .text-end{ text-align: end; } .align-top{ vertical-align: top; } .align-middle{ vertical-align: middle; } .font-arabic{ font-family: Noto Naskh Arabic, Amiri, Cairo, Tajawal, sans-serif; } .font-bengali{ font-family: Noto Sans Bengali, sans-serif; } .font-devanagari{ font-family: Noto Sans Devanagari, sans-serif; } .font-malayalam{ font-family: Noto Sans Malayalam, sans-serif; } .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; } .font-sinhala{ font-family: Noto Sans Sinhala, sans-serif; } .font-tamil{ font-family: Noto Sans Tamil, sans-serif; } .font-telugu{ font-family: Noto Sans Telugu, sans-serif; } .font-thaana{ font-family: MV Faseyha, Faruma, MV Boli, Noto Sans Thaana, sans-serif; } .\!text-sm{ font-size: 0.875rem !important; line-height: 1.25rem !important; } .\!text-xs{ font-size: 0.75rem !important; line-height: 1rem !important; } .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\.8rem\]{ font-size: 0.8rem; } .text-\[10px\]{ font-size: 10px; } .text-\[11px\]{ font-size: 11px; } .text-\[12px\]{ font-size: 12px; } .text-\[13px\]{ font-size: 13px; } .text-\[3\.5px\]{ font-size: 3.5px; } .text-\[4px\]{ font-size: 4px; } .text-\[5px\]{ font-size: 5px; } .text-\[6px\]{ font-size: 6px; } .text-\[7px\]{ font-size: 7px; } .text-\[8px\]{ font-size: 8px; } .text-\[9px\]{ font-size: 9px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .font-black{ font-weight: 900; } .font-bold{ font-weight: 700; } .font-extralight{ font-weight: 200; } .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; } .capitalize{ text-transform: capitalize; } .normal-case{ text-transform: none; } .italic{ font-style: italic; } .not-italic{ font-style: normal; } .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-4{ line-height: 1rem; } .leading-5{ line-height: 1.25rem; } .leading-\[1\.2\]{ line-height: 1.2; } .leading-none{ line-height: 1; } .leading-relaxed{ line-height: 1.625; } .leading-snug{ line-height: 1.375; } .leading-tight{ line-height: 1.25; } .tracking-\[0\.25em\]{ letter-spacing: 0.25em; } .tracking-\[0\.2em\]{ letter-spacing: 0.2em; } .tracking-\[0\.3em\]{ letter-spacing: 0.3em; } .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-green-600{ --tw-text-opacity: 1 !important; color: rgb(22 163 74 / var(--tw-text-opacity, 1)) !important; } .\!text-orange-600{ --tw-text-opacity: 1 !important; color: rgb(234 88 12 / var(--tw-text-opacity, 1)) !important; } .\!text-yellow-600{ --tw-text-opacity: 1 !important; color: rgb(202 138 4 / var(--tw-text-opacity, 1)) !important; } .text-\[hsl\(0\2c 0\%\2c 95\%\)\]{ --tw-text-opacity: 1; color: hsl(0 0% 95% / var(--tw-text-opacity, 1)); } .text-\[hsl\(0\2c 0\%\2c 98\%\)\]{ --tw-text-opacity: 1; color: hsl(0 0% 98% / var(--tw-text-opacity, 1)); } .text-\[hsl\(240\2c 5\%\2c 64\.9\%\)\]{ --tw-text-opacity: 1; color: hsl(240 5% 64.9% / var(--tw-text-opacity, 1)); } .text-\[hsl\(240\2c 5\.9\%\2c 10\%\)\]{ --tw-text-opacity: 1; color: hsl(240 5.9% 10% / var(--tw-text-opacity, 1)); } .text-accent{ color: hsl(var(--accent)); } .text-accent-foreground{ color: hsl(var(--accent-foreground)); } .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\/70{ color: rgb(251 191 36 / 0.7); } .text-amber-500{ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-amber-500\/50{ color: rgb(245 158 11 / 0.5); } .text-amber-500\/60{ color: rgb(245 158 11 / 0.6); } .text-amber-500\/70{ color: rgb(245 158 11 / 0.7); } .text-amber-600{ --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .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-800{ --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-amber-800\/80{ color: rgb(146 64 14 / 0.8); } .text-amber-900{ --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-300{ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .text-blue-400{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-500{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-500\/50{ color: rgb(59 130 246 / 0.5); } .text-blue-500\/60{ color: rgb(59 130 246 / 0.6); } .text-blue-500\/70{ color: rgb(59 130 246 / 0.7); } .text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .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-300{ --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity, 1)); } .text-cyan-400{ --tw-text-opacity: 1; color: rgb(34 211 238 / var(--tw-text-opacity, 1)); } .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-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-400\/70{ color: rgb(52 211 153 / 0.7); } .text-emerald-400\/80{ color: rgb(52 211 153 / 0.8); } .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-500\/60{ color: rgb(16 185 129 / 0.6); } .text-emerald-500\/70{ color: rgb(16 185 129 / 0.7); } .text-emerald-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-700{ --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .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\/70{ color: hsl(var(--foreground) / 0.7); } .text-foreground\/80{ color: hsl(var(--foreground) / 0.8); } .text-foreground\/90{ color: hsl(var(--foreground) / 0.9); } .text-gray-200{ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-100{ --tw-text-opacity: 1; color: rgb(220 252 231 / var(--tw-text-opacity, 1)); } .text-green-300{ --tw-text-opacity: 1; color: rgb(134 239 172 / 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-500\/50{ color: rgb(34 197 94 / 0.5); } .text-green-500\/60{ color: rgb(34 197 94 / 0.6); } .text-green-500\/70{ color: rgb(34 197 94 / 0.7); } .text-green-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-600\/20{ color: rgb(22 163 74 / 0.2); } .text-green-600\/80{ color: rgb(22 163 74 / 0.8); } .text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .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-indigo-400{ --tw-text-opacity: 1; color: rgb(129 140 248 / 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-indigo-900{ --tw-text-opacity: 1; color: rgb(49 46 129 / var(--tw-text-opacity, 1)); } .text-inherit{ color: inherit; } .text-lime-700{ --tw-text-opacity: 1; color: rgb(77 124 15 / var(--tw-text-opacity, 1)); } .text-muted-foreground{ color: hsl(var(--muted-foreground)); } .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-neutral-400{ --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity, 1)); } .text-neutral-500{ --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity, 1)); } .text-neutral-600{ --tw-text-opacity: 1; color: rgb(82 82 82 / var(--tw-text-opacity, 1)); } .text-neutral-800{ --tw-text-opacity: 1; color: rgb(38 38 38 / var(--tw-text-opacity, 1)); } .text-neutral-900{ --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity, 1)); } .text-orange-400{ --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .text-orange-500{ --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .text-orange-500\/50{ color: rgb(249 115 22 / 0.5); } .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-300{ --tw-text-opacity: 1; color: rgb(249 168 212 / var(--tw-text-opacity, 1)); } .text-pink-400{ --tw-text-opacity: 1; color: rgb(244 114 182 / 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-pink-800{ --tw-text-opacity: 1; color: rgb(157 23 77 / var(--tw-text-opacity, 1)); } .text-pink-900{ --tw-text-opacity: 1; color: rgb(131 24 67 / var(--tw-text-opacity, 1)); } .text-popover-foreground{ color: hsl(var(--popover-foreground)); } .text-popover-foreground\/60{ color: hsl(var(--popover-foreground) / 0.6); } .text-popover-foreground\/70{ color: hsl(var(--popover-foreground) / 0.7); } .text-primary{ color: hsl(var(--primary)); } .text-primary-foreground{ color: hsl(var(--primary-foreground)); } .text-primary-foreground\/70{ color: hsl(var(--primary-foreground) / 0.7); } .text-primary-foreground\/80{ color: hsl(var(--primary-foreground) / 0.8); } .text-primary\/30{ color: hsl(var(--primary) / 0.3); } .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-300{ --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); } .text-purple-400{ --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .text-purple-500{ --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .text-purple-500\/50{ color: rgb(168 85 247 / 0.5); } .text-purple-600{ --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-purple-700{ --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .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-100{ --tw-text-opacity: 1; color: rgb(254 226 226 / var(--tw-text-opacity, 1)); } .text-red-200{ --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); } .text-red-200\/80{ color: rgb(254 202 202 / 0.8); } .text-red-300{ --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .text-red-400{ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-400\/70{ color: rgb(248 113 113 / 0.7); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-500\/50{ color: rgb(239 68 68 / 0.5); } .text-red-500\/60{ color: rgb(239 68 68 / 0.6); } .text-red-500\/70{ color: rgb(239 68 68 / 0.7); } .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-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-rose-300{ --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); } .text-rose-400{ --tw-text-opacity: 1; color: rgb(251 113 133 / var(--tw-text-opacity, 1)); } .text-rose-500{ --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); } .text-rose-500\/70{ color: rgb(244 63 94 / 0.7); } .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-secondary{ color: hsl(var(--secondary)); } .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-sky-300{ --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .text-sky-400{ --tw-text-opacity: 1; color: rgb(56 189 248 / 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-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-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-900{ --tw-text-opacity: 1; color: rgb(28 25 23 / var(--tw-text-opacity, 1)); } .text-success{ color: hsl(var(--success)); } .text-success-foreground{ color: hsl(var(--success-foreground)); } .text-success\/50{ color: hsl(var(--success) / 0.5); } .text-teal-400{ --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity, 1)); } .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-400{ --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity, 1)); } .text-violet-500{ --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity, 1)); } .text-violet-500\/70{ color: rgb(139 92 246 / 0.7); } .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-warning{ color: hsl(var(--warning)); } .text-warning-foreground{ color: hsl(var(--warning-foreground)); } .text-warning\/50{ color: hsl(var(--warning) / 0.5); } .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\/60{ color: rgb(255 255 255 / 0.6); } .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-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-500\/60{ color: rgb(234 179 8 / 0.6); } .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)); } .text-zinc-100{ --tw-text-opacity: 1; color: rgb(244 244 245 / var(--tw-text-opacity, 1)); } .text-zinc-200{ --tw-text-opacity: 1; color: rgb(228 228 231 / var(--tw-text-opacity, 1)); } .text-zinc-300{ --tw-text-opacity: 1; color: rgb(212 212 216 / var(--tw-text-opacity, 1)); } .text-zinc-400{ --tw-text-opacity: 1; color: rgb(161 161 170 / var(--tw-text-opacity, 1)); } .text-zinc-500{ --tw-text-opacity: 1; color: rgb(113 113 122 / var(--tw-text-opacity, 1)); } .text-zinc-600{ --tw-text-opacity: 1; color: rgb(82 82 91 / var(--tw-text-opacity, 1)); } .text-zinc-900{ --tw-text-opacity: 1; color: rgb(24 24 27 / var(--tw-text-opacity, 1)); } .underline{ text-decoration-line: underline; } .overline{ text-decoration-line: overline; } .line-through{ text-decoration-line: line-through; } .decoration-dotted{ text-decoration-style: dotted; } .underline-offset-2{ text-underline-offset: 2px; } .underline-offset-4{ text-underline-offset: 4px; } .accent-foreground{ accent-color: hsl(var(--foreground)); } .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-30{ opacity: 0.3; } .opacity-40{ opacity: 0.4; } .opacity-50{ opacity: 0.5; } .opacity-60{ opacity: 0.6; } .opacity-70{ opacity: 0.7; } .opacity-75{ opacity: 0.75; } .opacity-80{ opacity: 0.8; } .opacity-90{ opacity: 0.9; } .opacity-95{ opacity: 0.95; } .\!shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .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-\[0_-8px_16px_-4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{ --tw-shadow: 0 -8px 16px -4px rgba(0,0,0,0.3); --tw-shadow-colored: 0 -8px 16px -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_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_1px_8px_-2px_rgba\(0\2c 0\2c 0\2c 0\.12\)\2c 0_4px_20px_-4px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{ --tw-shadow: 0 1px 8px -2px rgba(0,0,0,0.12),0 4px 20px -4px rgba(0,0,0,0.08); --tw-shadow-colored: 0 1px 8px -2px var(--tw-shadow-color), 0 4px 20px -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-inner{ --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-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-black\/20{ --tw-shadow-color: rgb(0 0 0 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/25{ --tw-shadow-color: rgb(0 0 0 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/5{ --tw-shadow-color: rgb(0 0 0 / 0.05); --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-500\/30{ --tw-shadow-color: rgb(59 130 246 / 0.3); --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\/30{ --tw-shadow-color: rgb(16 185 129 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-purple-500\/30{ --tw-shadow-color: rgb(168 85 247 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-white\/10{ --tw-shadow-color: rgb(255 255 255 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .shadow-white\/30{ --tw-shadow-color: rgb(255 255 255 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .outline{ outline-style: solid; } .outline-offset-2{ outline-offset: 2px; } .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-inset{ --tw-ring-inset: inset; } .ring-amber-400\/40{ --tw-ring-color: rgb(251 191 36 / 0.4); } .ring-amber-400\/50{ --tw-ring-color: rgb(251 191 36 / 0.5); } .ring-amber-500\/20{ --tw-ring-color: rgb(245 158 11 / 0.2); } .ring-background{ --tw-ring-color: hsl(var(--background)); } .ring-blue-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); } .ring-current{ --tw-ring-color: currentColor; } .ring-cyan-500\/20{ --tw-ring-color: rgb(6 182 212 / 0.2); } .ring-green-500\/20{ --tw-ring-color: rgb(34 197 94 / 0.2); } .ring-orange-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1)); } .ring-primary{ --tw-ring-color: hsl(var(--primary)); } .ring-primary\/20{ --tw-ring-color: hsl(var(--primary) / 0.2); } .ring-primary\/30{ --tw-ring-color: hsl(var(--primary) / 0.3); } .ring-primary\/5{ --tw-ring-color: hsl(var(--primary) / 0.05); } .ring-primary\/50{ --tw-ring-color: hsl(var(--primary) / 0.5); } .ring-ring{ --tw-ring-color: hsl(var(--ring)); } .ring-rose-500\/20{ --tw-ring-color: rgb(244 63 94 / 0.2); } .ring-sidebar-ring{ --tw-ring-color: hsl(var(--sidebar-ring)); } .ring-violet-500\/20{ --tw-ring-color: rgb(139 92 246 / 0.2); } .ring-white\/40{ --tw-ring-color: rgb(255 255 255 / 0.4); } .ring-yellow-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity, 1)); } .ring-yellow-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1)); } .ring-yellow-400\/50{ --tw-ring-color: rgb(250 204 21 / 0.5); } .ring-zinc-700{ --tw-ring-opacity: 1; --tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity, 1)); } .ring-opacity-50{ --tw-ring-opacity: 0.5; } .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)); } .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-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-\[80px\]{ --tw-blur: blur(80px); 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-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); } .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); } .drop-shadow-sm{ --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.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); } .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); } .invert{ --tw-invert: invert(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); } .sepia{ --tw-sepia: sepia(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) !important; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur{ --tw-backdrop-blur: blur(8px); 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); 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); 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); 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); 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{ 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, 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-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; } .delay-1000{ transition-delay: 1000ms; } .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; } .contain-strict{ contain: strict; } @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-1{ --tw-enter-translate-y: 0.25rem; } .slide-in-from-bottom-2{ --tw-enter-translate-y: 0.5rem; } .slide-in-from-bottom-4{ --tw-enter-translate-y: 1rem; } .slide-in-from-bottom-5{ --tw-enter-translate-y: 1.25rem; } .slide-in-from-left-2{ --tw-enter-translate-x: -0.5rem; } .slide-in-from-right-4{ --tw-enter-translate-x: 1rem; } .slide-in-from-top-2{ --tw-enter-translate-y: -0.5rem; } .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; } .delay-1000{ animation-delay: 1000ms; } .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; } .fill-mode-both{ animation-fill-mode: both; } /* RTL direction for Dhivehi content */ .direction-rtl { direction: rtl; text-align: right; } .scrollbar-hide { /* Firefox */ scrollbar-width: none; /* Safari and Chrome */ &::-webkit-scrollbar { display: none; } /* Smooth touch scrolling on mobile */ -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } /* Thin semi-transparent scrollbar */ .scrollbar-thin { /* Firefox */ scrollbar-width: thin; scrollbar-color: hsl(var(--muted-foreground) / 0.3) transparent; } .scrollbar-thin::-webkit-scrollbar { width: 6px; height: 6px; } .scrollbar-thin::-webkit-scrollbar-track { background: transparent; } .scrollbar-thin::-webkit-scrollbar-thumb { background: hsl(var(--muted-foreground) / 0.3); border-radius: 3px; } .scrollbar-thin::-webkit-scrollbar-thumb:hover { background: hsl(var(--muted-foreground) / 0.5); } /* Ultra thin transparent scrollbar for GFS dashboard */ .scrollbar-gfs { /* Firefox */ scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.15) transparent; } .scrollbar-gfs::-webkit-scrollbar { width: 4px; height: 4px; } .scrollbar-gfs::-webkit-scrollbar-track { background: transparent; } .scrollbar-gfs::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 2px; } .scrollbar-gfs::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); } .scrollbar-gfs::-webkit-scrollbar-button { display: block; height: 8px; width: 4px; background: transparent; } .scrollbar-gfs::-webkit-scrollbar-button:vertical:decrement { background: linear-gradient(135deg, transparent 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(225deg, transparent 50%, rgba(0, 0, 0, 0.1) 50%); background-size: 4px 4px; background-position: center; background-repeat: no-repeat; } .scrollbar-gfs::-webkit-scrollbar-button:vertical:increment { background: linear-gradient(315deg, transparent 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(45deg, transparent 50%, rgba(0, 0, 0, 0.1) 50%); background-size: 4px 4px; background-position: center; background-repeat: no-repeat; } /* Responsive theme utilities */ /* Mobile-first responsive color scheme */ .\[-webkit-overflow-scrolling\:touch\]{ -webkit-overflow-scrolling: touch; } .\[background\:radial-gradient\(125\%_125\%_at_50\%_100\%\2c transparent_0\%\2c black_75\%\)\]{ background: radial-gradient(125% 125% at 50% 100%,transparent 0%,black 75%); } .\[cid\:\.\.\.\]{ cid: ...; } .\[translate\:5\%_-50\%\]{ translate: 5% -50%; } .\[writing-mode\:vertical-lr\]{ writing-mode: vertical-lr; } .\[writing-mode\:vertical-rl\]{ writing-mode: vertical-rl; } html, body { margin: 0; padding: 0; } /* Minimal scrollbar — global */ * { scrollbar-width: thin; scrollbar-color: hsl(var(--border) / 0.4) transparent; } *::-webkit-scrollbar { width: 5px; height: 5px; } *::-webkit-scrollbar-track { background: transparent; } *::-webkit-scrollbar-thumb { background-color: hsl(var(--border) / 0.35); border-radius: 9999px; } *::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--border) / 0.6); } *::-webkit-scrollbar-corner { background: transparent; } /* Thaana font class for Dhivehi text */ .font-thaana { font-family: 'MV Faseyha', 'Faruma', 'MV Boli', 'Noto Sans Thaana', sans-serif; } /* Arabic font class */ .font-arabic { font-family: 'Noto Naskh Arabic', 'Amiri', 'Cairo', 'Tajawal', sans-serif; } /* Hindi/Devanagari font class */ .font-devanagari { font-family: 'Noto Sans Devanagari', sans-serif; } /* Sinhala font class */ .font-sinhala { font-family: 'Noto Sans Sinhala', sans-serif; } /* Malayalam font class */ .font-malayalam { font-family: 'Noto Sans Malayalam', sans-serif; } /* Tamil font class */ .font-tamil { font-family: 'Noto Sans Tamil', sans-serif; } /* Telugu font class */ .font-telugu { font-family: 'Noto Sans Telugu', sans-serif; } /* Bengali font class */ .font-bengali { font-family: 'Noto Sans Bengali', sans-serif; } /* Utility classes for hiding scrollbars */ /* Definition of the design system. All colors, gradients, fonts, etc should be defined here. All colors MUST be HSL. */ [data-sidebar] .business-section { flex: 1; min-height: 0; } /* Personal Theme Override - Highest Priority */ .personal-theme-active { /* Ensure personal theme colors always take precedence */ } .personal-theme-active .sidebar, .personal-theme-active [data-sidebar="sidebar"] { background: hsl(var(--sidebar-background)) !important; color: hsl(var(--sidebar-foreground)) !important; border-color: hsl(var(--sidebar-border)); } .personal-theme-active [data-sidebar="sidebar"] [data-state="open"] { background: hsl(var(--sidebar-accent)) !important; color: hsl(var(--sidebar-accent-foreground)) !important; } .personal-theme-active [data-sidebar="sidebar"] [data-active="true"] { background: hsl(var(--sidebar-primary)) !important; color: hsl(var(--sidebar-primary-foreground)) !important; } /* Business Theme Override - Higher Priority */ .business-theme-active { /* Ensure business theme colors always take precedence over platform defaults */ } .business-theme-active .sidebar, .business-theme-active [data-sidebar="sidebar"] { background: hsl(var(--sidebar-background)) !important; color: hsl(var(--sidebar-foreground)) !important; border-color: hsl(var(--sidebar-border)); } .business-theme-active [data-sidebar="sidebar"] [data-state="open"] { background: hsl(var(--sidebar-accent)) !important; color: hsl(var(--sidebar-accent-foreground)) !important; } .business-theme-active [data-sidebar="sidebar"] [data-active="true"] { background: hsl(var(--sidebar-primary)) !important; color: hsl(var(--sidebar-primary-foreground)) !important; } /* Force theme application on business routes */ .business-theme-active * { --tw-bg-opacity: 1 !important; --tw-text-opacity: 1 !important; } /* Custom Leaflet Marker Styles */ .custom-employee-marker { background: transparent !important; border: none !important; } .custom-employee-marker .leaflet-popup-content-wrapper { border-radius: 0.75rem; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); } .custom-employee-marker .leaflet-popup-content { margin: 0; } .custom-employee-marker .leaflet-popup-tip { display: none; } /* Employee Popup Styles */ .employee-popup .leaflet-popup-content-wrapper { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .employee-popup .leaflet-popup-content { margin: 0 !important; } .employee-popup .leaflet-popup-tip { background: rgba(0, 0, 0, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; } /* Orbital Timeline Animations */ @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } .backdrop-blur-lg { backdrop-filter: blur(16px); } .duration-1000 { transition-duration: 1000ms; } /* Custom Scrollbar Styles for GFS Dashboard */ .custom-scrollbar { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.1); } .custom-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; } .custom-scrollbar::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); border-radius: 9999px; margin: 4px 0; } .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border-radius: 9999px; border: 2px solid transparent; background-clip: padding-box; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.5); border: 2px solid transparent; background-clip: padding-box; } .custom-scrollbar-horizontal { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.1); } .custom-scrollbar-horizontal::-webkit-scrollbar { height: 10px; } .custom-scrollbar-horizontal::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); border-radius: 9999px; margin: 0 4px; } .custom-scrollbar-horizontal::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border-radius: 9999px; border: 2px solid transparent; background-clip: padding-box; } .custom-scrollbar-horizontal::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.5); border: 2px solid transparent; background-clip: padding-box; } /* Smooth scroll snap for horizontal scrolling */ .snap-x { scroll-snap-type: x mandatory; } .snap-start { scroll-snap-align: start; } /* Thaana/Dhivehi Font Support */ @font-face { font-family: 'MV Faseyha'; src: url('https://fonts.mv/css?family=Faseyha') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } .font-thaana { font-family: 'MV Faseyha', 'Faruma', 'MV Boli', 'Dhivehi', sans-serif; direction: rtl; text-align: right; } /* RTL Layout Adjustments */ html[dir="rtl"] { direction: rtl; } html[dir="rtl"] body { text-align: right; } /* RTL Sidebar Positioning */ html[dir="rtl"] .sidebar-container, html[dir="rtl"] [data-sidebar="sidebar"] { border-right: 1px solid hsl(var(--sidebar-border)); border-left: none; } /* RTL Flex Utilities */ html[dir="rtl"] .ltr-only { display: none; } html:not([dir="rtl"]) .rtl-only { display: none; } /* RTL Form Inputs */ html[dir="rtl"] input[dir="rtl"], html[dir="rtl"] textarea[dir="rtl"] { text-align: right; direction: rtl; } /* RTL Icon Flipping */ html[dir="rtl"] .icon-flip-rtl { transform: scaleX(-1); } /* RTL Margin/Padding Adjustments */ html[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; } html[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; } html[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; } html[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; } html[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; } html[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; } html[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; } html[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; } /* RTL Border Radius */ html[dir="rtl"] .rounded-l-md { border-radius: 0 0.375rem 0.375rem 0; } html[dir="rtl"] .rounded-r-md { border-radius: 0.375rem 0 0 0.375rem; } /* RTL Navigation */ html[dir="rtl"] .breadcrumb-separator { transform: scaleX(-1); } /* Custom Dive Center Map Markers */ .custom-dive-center-marker { background: transparent !important; border: none !important; } .custom-dive-center-marker .border-3 { border-width: 3px; } .custom-cluster-icon { background: transparent !important; border: none !important; } .dive-center-popup .leaflet-popup-content-wrapper { border-radius: 0.5rem; padding: 0; } .dive-center-popup .leaflet-popup-content { margin: 0; } .dive-center-popup .leaflet-popup-tip { background: hsl(var(--background)); } /* Custom Dive Site Map Markers */ .custom-dive-site-marker { background: transparent !important; border: none !important; } .custom-dive-site-marker .border-3 { border-width: 3px; } .dive-site-popup .leaflet-popup-content-wrapper { border-radius: 0.5rem; padding: 0; } .dive-site-popup .leaflet-popup-content { margin: 0; } .dive-site-popup .leaflet-popup-tip { background: hsl(var(--background)); } /* POS Fullscreen Mode - hides sidebar and top navigation */ html.pos-fullscreen [data-sidebar="sidebar"], html.pos-fullscreen [data-sidebar="rail"] { display: none !important; } html.pos-fullscreen aside { display: none !important; width: 0 !important; min-width: 0 !important; } html.pos-fullscreen > body header.border-b { display: none !important; } html.pos-fullscreen [style*="--sidebar-width"] { --sidebar-width: 0px !important; --sidebar-width-icon: 0px !important; } /* Prevent sidebar border/resize handle from blocking clicks in fullscreen POS */ html.pos-fullscreen .group.peer, html.pos-fullscreen .group.peer * { display: none !important; pointer-events: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; overflow: hidden !important; position: absolute !important; } html.pos-fullscreen main, html.pos-fullscreen main * { pointer-events: auto !important; } /* Optional high-contrast print profile (opt-in only) */ @media print { body[data-print-contrast="high"], body[data-print-contrast="high"] p, body[data-print-contrast="high"] span, body[data-print-contrast="high"] td, body[data-print-contrast="high"] th, body[data-print-contrast="high"] div, body[data-print-contrast="high"] h1, body[data-print-contrast="high"] h2, body[data-print-contrast="high"] h3, body[data-print-contrast="high"] h4, body[data-print-contrast="high"] h5, body[data-print-contrast="high"] h6, body[data-print-contrast="high"] label, body[data-print-contrast="high"] a, body[data-print-contrast="high"] .receipt *, body[data-print-contrast="high"] [data-receipt-paper] * { color: hsl(0 0% 0%) !important; font-weight: 600 !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } body[data-print-contrast="high"] h1, body[data-print-contrast="high"] h2, body[data-print-contrast="high"] h3, body[data-print-contrast="high"] h4, body[data-print-contrast="high"] [data-receipt-paper] h1, body[data-print-contrast="high"] [data-receipt-paper] h2, body[data-print-contrast="high"] [data-receipt-paper] h3, body[data-print-contrast="high"] [data-receipt-paper] h4 { font-weight: 800 !important; } } /* Custom Property Map Marker Styles */ .custom-property-marker { background: transparent !important; border: none !important; } .dark .hover\:border-white\/10:hover { border-color: hsl(var(--border)) !important; } .dark .hover\:border-white\/20:hover { border-color: hsl(var(--border)) !important; } @media (min-width: 640px){ .rtl .sm\:text-left { text-align: right; } .rtl .sm\:text-right { text-align: left; } .rtl .sm\:ml-auto { margin-left: 0; margin-right: auto; } .rtl .sm\:pl-4 { padding-left: 0; padding-right: 1rem; } } @media (min-width: 768px){ .rtl .md\:text-left { text-align: right; } .rtl .md\:text-right { text-align: left; } .rtl .md\:ml-auto { margin-left: 0; margin-right: auto; } } @media (min-width: 1024px){ .rtl .lg\:text-left { text-align: right; } .rtl .lg\:text-right { text-align: left; } .rtl .lg\:mr-auto { margin-right: 0; margin-left: auto; } } .rtl .\[\&\>blockquote\]\:pl-4>blockquote { padding-left: 0; padding-right: 1rem; } .rtl .\[\&_blockquote\]\:pl-4 blockquote { padding-left: 0; padding-right: 1rem; } .rtl .\[\&_ol\]\:pl-4 ol { padding-left: 0; padding-right: 1rem; } .rtl .\[\&_th\]\:text-left th { text-align: right; } .rtl .\[\&_ul\]\:pl-4 ul { padding-left: 0; padding-right: 1rem; } .file\:mr-3::file-selector-button{ margin-right: 0.75rem; } .file\:mr-4::file-selector-button{ margin-right: 1rem; } .file\:rounded-full::file-selector-button{ border-radius: 9999px; } .file\:rounded-md::file-selector-button{ border-radius: calc(var(--radius) - 2px); } .file\:border-0::file-selector-button{ border-width: 0px; } .file\:bg-primary::file-selector-button{ background-color: hsl(var(--primary)); } .file\:bg-transparent::file-selector-button{ background-color: transparent; } .file\:px-4::file-selector-button{ padding-left: 1rem; padding-right: 1rem; } .file\:py-2::file-selector-button{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .file\:text-sm::file-selector-button{ font-size: 0.875rem; line-height: 1.25rem; } .file\:font-medium::file-selector-button{ font-weight: 500; } .file\:font-semibold::file-selector-button{ font-weight: 600; } .file\:text-foreground::file-selector-button{ color: hsl(var(--foreground)); } .file\:text-primary-foreground::file-selector-button{ color: hsl(var(--primary-foreground)); } .placeholder\:text-\[hsl\(240\2c 5\%\2c 64\.9\%\)\]::-moz-placeholder{ --tw-text-opacity: 1; color: hsl(240 5% 64.9% / var(--tw-text-opacity, 1)); } .placeholder\:text-\[hsl\(240\2c 5\%\2c 64\.9\%\)\]::placeholder{ --tw-text-opacity: 1; color: hsl(240 5% 64.9% / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-500::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-500::placeholder{ --tw-text-opacity: 1; color: rgb(107 114 128 / 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-slate-500::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .placeholder\:text-slate-500::placeholder{ --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .placeholder\:text-zinc-500::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(113 113 122 / var(--tw-text-opacity, 1)); } .placeholder\:text-zinc-500::placeholder{ --tw-text-opacity: 1; color: rgb(113 113 122 / var(--tw-text-opacity, 1)); } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:-inset-2::after{ content: var(--tw-content); inset: -0.5rem; } .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\:ml-0\.5::after{ content: var(--tw-content); margin-left: 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\:content-\[\'\*\'\]::after{ --tw-content: '*'; content: var(--tw-content); } .first\:mt-0:first-child{ margin-top: 0px; } .first\:rounded-l-md:first-child{ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .first\:border-l:first-child{ border-left-width: 1px; } .first\:border-l-0:first-child{ border-left-width: 0px; } .first\:border-t-0:first-child{ border-top-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; } .last\:border-r-0:last-child{ border-right-width: 0px; } .last\:pb-0:last-child{ padding-bottom: 0px; } .focus-within\:relative:focus-within{ position: relative; } .focus-within\:z-20:focus-within{ z-index: 20; } .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-x-1:hover{ --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)); } .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\.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\:cursor-grabbing:hover{ cursor: grabbing; } .hover\:border-amber-300:hover{ --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .hover\:border-amber-500\/30:hover{ border-color: rgb(245 158 11 / 0.3); } .hover\:border-amber-500\/50:hover{ border-color: rgb(245 158 11 / 0.5); } .hover\:border-blue-300:hover{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .hover\:border-blue-500\/30:hover{ border-color: rgb(59 130 246 / 0.3); } .hover\:border-blue-500\/50:hover{ border-color: rgb(59 130 246 / 0.5); } .hover\:border-border:hover{ border-color: hsl(var(--border)); } .hover\:border-cyan-500\/50:hover{ border-color: rgb(6 182 212 / 0.5); } .hover\:border-emerald-500\/30:hover{ border-color: rgb(16 185 129 / 0.3); } .hover\:border-emerald-500\/50:hover{ border-color: rgb(16 185 129 / 0.5); } .hover\:border-foreground\/30:hover{ border-color: hsl(var(--foreground) / 0.3); } .hover\:border-gray-300:hover{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .hover\:border-green-300:hover{ --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); } .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-500\/50:hover{ border-color: rgb(249 115 22 / 0.5); } .hover\:border-primary:hover{ border-color: hsl(var(--primary)); } .hover\:border-primary-foreground\/40:hover{ border-color: hsl(var(--primary-foreground) / 0.4); } .hover\:border-primary\/20:hover{ border-color: hsl(var(--primary) / 0.2); } .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-400:hover{ --tw-border-opacity: 1; border-color: rgb(192 132 252 / var(--tw-border-opacity, 1)); } .hover\:border-red-300:hover{ --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .hover\:border-rose-500\/50:hover{ border-color: rgb(244 63 94 / 0.5); } .hover\:border-violet-500\/50:hover{ border-color: rgb(139 92 246 / 0.5); } .hover\:border-white\/10:hover{ border-color: rgb(255 255 255 / 0.1); } .hover\:border-white\/20:hover{ border-color: rgb(255 255 255 / 0.2); } .hover\:border-zinc-700:hover{ --tw-border-opacity: 1; border-color: rgb(63 63 70 / var(--tw-border-opacity, 1)); } .hover\:border-l-green-500:hover{ --tw-border-opacity: 1; border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .hover\:border-l-muted-foreground\/50:hover{ border-left-color: hsl(var(--muted-foreground) / 0.5); } .hover\:border-l-primary\/40:hover{ border-left-color: hsl(var(--primary) / 0.4); } .hover\:bg-\[\#006699\]:hover{ --tw-bg-opacity: 1; background-color: rgb(0 102 153 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#128C7E\]:hover{ --tw-bg-opacity: 1; background-color: rgb(18 140 126 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#252627\]:hover{ --tw-bg-opacity: 1; background-color: rgb(37 38 39 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#5A4BD1\]:hover{ --tw-bg-opacity: 1; background-color: rgb(90 75 209 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[hsl\(220\2c 13\%\2c 18\%\)\]:hover{ --tw-bg-opacity: 1; background-color: hsl(220 13% 18% / var(--tw-bg-opacity, 1)); } .hover\:bg-\[hsl\(220\2c 13\%\2c 20\%\)\]:hover{ --tw-bg-opacity: 1; background-color: hsl(220 13% 20% / var(--tw-bg-opacity, 1)); } .hover\:bg-\[hsl\(240\2c 3\.7\%\2c 20\%\)\]:hover{ --tw-bg-opacity: 1; background-color: hsl(240 3.7% 20% / var(--tw-bg-opacity, 1)); } .hover\:bg-accent:hover{ background-color: hsl(var(--accent)); } .hover\:bg-accent\/20:hover{ background-color: hsl(var(--accent) / 0.2); } .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\/60:hover{ background-color: hsl(var(--accent) / 0.6); } .hover\:bg-accent\/80:hover{ background-color: hsl(var(--accent) / 0.8); } .hover\:bg-amber-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / 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-50\/40:hover{ background-color: rgb(255 251 235 / 0.4); } .hover\:bg-amber-50\/50:hover{ background-color: rgb(255 251 235 / 0.5); } .hover\:bg-amber-500:hover{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-500\/10:hover{ background-color: rgb(245 158 11 / 0.1); } .hover\:bg-amber-500\/20:hover{ background-color: rgb(245 158 11 / 0.2); } .hover\:bg-amber-500\/90:hover{ background-color: rgb(245 158 11 / 0.9); } .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-background\/60:hover{ background-color: hsl(var(--background) / 0.6); } .hover\:bg-black:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .hover\:bg-black\/70:hover{ background-color: rgb(0 0 0 / 0.7); } .hover\:bg-blue-100:hover{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-100\/50:hover{ background-color: rgb(219 234 254 / 0.5); } .hover\:bg-blue-200:hover{ --tw-bg-opacity: 1; background-color: rgb(191 219 254 / 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\/50:hover{ background-color: rgb(239 246 255 / 0.5); } .hover\:bg-blue-500:hover{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-500\/10:hover{ background-color: rgb(59 130 246 / 0.1); } .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-cyan-100:hover{ --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-cyan-700:hover{ --tw-bg-opacity: 1; background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1)); } .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-500\/10:hover{ background-color: rgb(16 185 129 / 0.1); } .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-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-gray-500\/30:hover{ background-color: rgb(107 114 128 / 0.3); } .hover\:bg-gray-600:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-100:hover{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-200:hover{ --tw-bg-opacity: 1; background-color: rgb(187 247 208 / 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-500\/10:hover{ background-color: rgb(34 197 94 / 0.1); } .hover\:bg-green-500\/20:hover{ background-color: rgb(34 197 94 / 0.2); } .hover\:bg-green-500\/30:hover{ background-color: rgb(34 197 94 / 0.3); } .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-100:hover{ --tw-bg-opacity: 1; background-color: rgb(224 231 255 / 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-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\/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\/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-100:hover{ --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-200:hover{ --tw-bg-opacity: 1; background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-50:hover{ --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-600:hover{ --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-700:hover{ --tw-bg-opacity: 1; background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1)); } .hover\:bg-pink-100:hover{ --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary:hover{ background-color: hsl(var(--primary)); } .hover\:bg-primary-foreground\/10:hover{ background-color: hsl(var(--primary-foreground) / 0.1); } .hover\:bg-primary-foreground\/20:hover{ background-color: hsl(var(--primary-foreground) / 0.2); } .hover\:bg-primary-foreground\/30:hover{ background-color: hsl(var(--primary-foreground) / 0.3); } .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\/20:hover{ background-color: hsl(var(--primary) / 0.2); } .hover\:bg-primary\/5:hover{ background-color: hsl(var(--primary) / 0.05); } .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-purple-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-100\/50:hover{ background-color: rgb(243 232 255 / 0.5); } .hover\:bg-purple-50:hover{ --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-500\/10:hover{ background-color: rgb(168 85 247 / 0.1); } .hover\:bg-purple-700:hover{ --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / 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-50\/50:hover{ background-color: rgb(254 242 242 / 0.5); } .hover\:bg-red-500\/10:hover{ background-color: rgb(239 68 68 / 0.1); } .hover\:bg-red-500\/20:hover{ background-color: rgb(239 68 68 / 0.2); } .hover\:bg-red-500\/30:hover{ background-color: rgb(239 68 68 / 0.3); } .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-700:hover{ --tw-bg-opacity: 1; background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1)); } .hover\:bg-secondary:hover{ background-color: hsl(var(--secondary)); } .hover\:bg-secondary\/20:hover{ background-color: hsl(var(--secondary) / 0.2); } .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-sky-50:hover{ --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-sky-500\/10:hover{ background-color: rgb(14 165 233 / 0.1); } .hover\:bg-sky-700:hover{ --tw-bg-opacity: 1; background-color: rgb(3 105 161 / 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-500:hover{ --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-700:hover{ --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-700\/60:hover{ background-color: rgb(51 65 85 / 0.6); } .hover\:bg-success\/80:hover{ background-color: hsl(var(--success) / 0.8); } .hover\:bg-teal-100:hover{ --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1)); } .hover\:bg-teal-600:hover{ --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1)); } .hover\:bg-teal-700:hover{ --tw-bg-opacity: 1; background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1)); } .hover\:bg-transparent:hover{ background-color: transparent; } .hover\:bg-violet-500\/10:hover{ background-color: rgb(139 92 246 / 0.1); } .hover\:bg-violet-700:hover{ --tw-bg-opacity: 1; background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1)); } .hover\:bg-warning\/10:hover{ background-color: hsl(var(--warning) / 0.1); } .hover\:bg-warning\/80:hover{ background-color: hsl(var(--warning) / 0.8); } .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\/30:hover{ background-color: rgb(255 255 255 / 0.3); } .hover\:bg-white\/5:hover{ background-color: rgb(255 255 255 / 0.05); } .hover\:bg-white\/90:hover{ background-color: rgb(255 255 255 / 0.9); } .hover\:bg-yellow-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-500\/30:hover{ background-color: rgb(234 179 8 / 0.3); } .hover\:bg-yellow-600:hover{ --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-700:hover{ --tw-bg-opacity: 1; background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1)); } .hover\:bg-zinc-200:hover{ --tw-bg-opacity: 1; background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1)); } .hover\:bg-zinc-500:hover{ --tw-bg-opacity: 1; background-color: rgb(113 113 122 / var(--tw-bg-opacity, 1)); } .hover\:bg-zinc-700:hover{ --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1)); } .hover\:bg-zinc-800:hover{ --tw-bg-opacity: 1; background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1)); } .hover\:bg-zinc-800\/30:hover{ background-color: rgb(39 39 42 / 0.3); } .hover\:bg-zinc-900\/50:hover{ background-color: rgb(24 24 27 / 0.5); } .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-blue-600:hover{ --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); } .hover\:from-cyan-600:hover{ --tw-gradient-from: #0891b2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-emerald-600:hover{ --tw-gradient-from: #059669 var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-green-700:hover{ --tw-gradient-from: #15803d var(--tw-gradient-from-position); --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-orange-600:hover{ --tw-gradient-from: #ea580c var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 88 12 / 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-purple-700:hover{ --tw-gradient-from: #7e22ce var(--tw-gradient-from-position); --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-red-600:hover{ --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); } .hover\:from-rose-600:hover{ --tw-gradient-from: #e11d48 var(--tw-gradient-from-position); --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-violet-600:hover{ --tw-gradient-from: #7c3aed var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:to-blue-600:hover{ --tw-gradient-to: #2563eb var(--tw-gradient-to-position); } .hover\:to-blue-700:hover{ --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position); } .hover\:to-indigo-600:hover{ --tw-gradient-to: #4f46e5 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-pink-600:hover{ --tw-gradient-to: #db2777 var(--tw-gradient-to-position); } .hover\:to-pink-700:hover{ --tw-gradient-to: #be185d 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-purple-600:hover{ --tw-gradient-to: #9333ea var(--tw-gradient-to-position); } .hover\:to-purple-700:hover{ --tw-gradient-to: #7e22ce var(--tw-gradient-to-position); } .hover\:to-red-600:hover{ --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); } .hover\:to-red-800:hover{ --tw-gradient-to: #991b1b var(--tw-gradient-to-position); } .hover\:to-teal-600:hover{ --tw-gradient-to: #0d9488 var(--tw-gradient-to-position); } .hover\:text-accent-foreground:hover{ color: hsl(var(--accent-foreground)); } .hover\:text-amber-200:hover{ --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .hover\:text-amber-300:hover{ --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .hover\:text-amber-400:hover{ --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .hover\:text-amber-700:hover{ --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .hover\:text-blue-300:hover{ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .hover\:text-blue-500:hover{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .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-emerald-300:hover{ --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .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-300:hover{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .hover\:text-green-700:hover{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .hover\:text-muted-foreground:hover{ color: hsl(var(--muted-foreground)); } .hover\:text-orange-700:hover{ --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity, 1)); } .hover\:text-primary:hover{ color: hsl(var(--primary)); } .hover\:text-primary-foreground:hover{ color: hsl(var(--primary-foreground)); } .hover\:text-primary\/80:hover{ color: hsl(var(--primary) / 0.8); } .hover\:text-purple-700:hover{ --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .hover\:text-red-300:hover{ --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .hover\:text-red-400:hover{ --tw-text-opacity: 1; color: rgb(248 113 113 / 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-red-800:hover{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .hover\:text-sidebar-accent-foreground:hover{ color: hsl(var(--sidebar-accent-foreground)); } .hover\:text-sky-400:hover{ --tw-text-opacity: 1; color: rgb(56 189 248 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:text-zinc-300:hover{ --tw-text-opacity: 1; color: rgb(212 212 216 / 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-80:hover{ opacity: 0.8; } .hover\:opacity-90:hover{ opacity: 0.9; } .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-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-primary\/5:hover{ --tw-shadow-color: hsl(var(--primary) / 0.05); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-violet-500\/10:hover{ --tw-shadow-color: rgb(139 92 246 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .hover\:ring-1: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(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); } .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-muted-foreground\/20:hover{ --tw-ring-color: hsl(var(--muted-foreground) / 0.2); } .hover\:ring-primary:hover{ --tw-ring-color: hsl(var(--primary)); } .hover\:ring-primary\/20:hover{ --tw-ring-color: hsl(var(--primary) / 0.2); } .hover\:ring-primary\/30:hover{ --tw-ring-color: hsl(var(--primary) / 0.3); } .hover\:ring-primary\/50:hover{ --tw-ring-color: hsl(var(--primary) / 0.5); } .hover\:file\:bg-primary\/90::file-selector-button:hover{ background-color: hsl(var(--primary) / 0.9); } .hover\:after\:bg-sidebar-border:hover::after{ content: var(--tw-content); background-color: hsl(var(--sidebar-border)); } .focus\:border-amber-500\/50:focus{ border-color: rgb(245 158 11 / 0.5); } .focus\:border-primary:focus{ border-color: hsl(var(--primary)); } .focus\:border-white\/40:focus{ border-color: rgb(255 255 255 / 0.4); } .focus\:border-zinc-600:focus{ --tw-border-opacity: 1; border-color: rgb(82 82 91 / var(--tw-border-opacity, 1)); } .focus\:bg-accent:focus{ background-color: hsl(var(--accent)); } .focus\:bg-muted:focus{ background-color: hsl(var(--muted)); } .focus\:bg-primary:focus{ background-color: hsl(var(--primary)); } .focus\:text-accent-foreground:focus{ color: hsl(var(--accent-foreground)); } .focus\:text-foreground:focus{ color: hsl(var(--foreground)); } .focus\:text-primary-foreground:focus{ color: hsl(var(--primary-foreground)); } .focus\:text-success:focus{ color: hsl(var(--success)); } .focus\:opacity-100:focus{ opacity: 1; } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-0:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-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-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-ring:focus{ --tw-ring-color: hsl(var(--ring)); } .focus\:ring-offset-2:focus{ --tw-ring-offset-width: 2px; } .focus-visible\:border-primary\/70:focus-visible{ border-color: hsl(var(--primary) / 0.7); } .focus-visible\:outline-none:focus-visible{ outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:outline:focus-visible{ outline-style: solid; } .focus-visible\:outline-2:focus-visible{ outline-width: 2px; } .focus-visible\:outline-ring\/70:focus-visible{ outline-color: hsl(var(--ring) / 0.7); } .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-green-500:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / 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-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-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\.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-muted\/70:active{ background-color: hsl(var(--muted) / 0.7); } .active\:bg-sidebar-accent:active{ background-color: hsl(var(--sidebar-accent)); } .active\:text-sidebar-accent-foreground:active{ color: hsl(var(--sidebar-accent-foreground)); } .disabled\:pointer-events-none:disabled{ pointer-events: none; } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } .disabled\:opacity-30:disabled{ opacity: 0.3; } .disabled\:opacity-40:disabled{ opacity: 0.4; } .disabled\:opacity-50:disabled{ opacity: 0.5; } .disabled\:opacity-90:disabled{ opacity: 0.9; } .disabled\:opacity-95:disabled{ opacity: 0.95; } .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{ opacity: 1; } .group:hover .group-hover\:flex{ display: flex; } .group:hover .group-hover\:inline-flex{ display: inline-flex; } .group\/feature:hover .group-hover\/feature\:h-8{ height: 2rem; } .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\/feature:hover .group-hover\/feature\: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-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\: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\: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\/feature:hover .group-hover\/feature\:bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-amber-500\/20{ background-color: rgb(245 158 11 / 0.2); } .group:hover .group-hover\:bg-black\/10{ background-color: rgb(0 0 0 / 0.1); } .group:hover .group-hover\:bg-black\/40{ background-color: rgb(0 0 0 / 0.4); } .group:hover .group-hover\:bg-muted\/80{ background-color: hsl(var(--muted) / 0.8); } .group:hover .group-hover\:bg-primary{ background-color: hsl(var(--primary)); } .group:hover .group-hover\:bg-primary-foreground\/20{ background-color: hsl(var(--primary-foreground) / 0.2); } .group:hover .group-hover\:bg-primary\/10{ background-color: hsl(var(--primary) / 0.1); } .group:hover .group-hover\:bg-primary\/20{ background-color: hsl(var(--primary) / 0.2); } .group:hover .group-hover\:bg-violet-500\/20{ background-color: rgb(139 92 246 / 0.2); } .group:hover .group-hover\:bg-white\/20{ background-color: rgb(255 255 255 / 0.2); } .group:hover .group-hover\:bg-zinc-700{ --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-zinc-800{ --tw-bg-opacity: 1; background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-amber-300{ --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-amber-400{ --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-blue-400{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-foreground{ color: hsl(var(--foreground)); } .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-foreground\/80{ color: hsl(var(--primary-foreground) / 0.8); } .group:hover .group-hover\:text-violet-300{ --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-white\/80{ color: rgb(255 255 255 / 0.8); } .group:hover .group-hover\:text-zinc-200{ --tw-text-opacity: 1; color: rgb(228 228 231 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:underline{ text-decoration-line: underline; } .group\/feature:hover .group-hover\/feature\:opacity-100{ opacity: 1; } .group\/menu-item:hover .group-hover\/menu-item\:opacity-100{ opacity: 1; } .group:hover .group-hover\:opacity-100{ opacity: 1; } .group:hover .group-hover\:opacity-5{ opacity: 0.05; } .group:hover .group-hover\:opacity-50{ opacity: 0.5; } .group:hover .group-hover\:opacity-60{ opacity: 0.6; } .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.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-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\:text-red-50:hover{ --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); } .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\=active\]\:flex[data-state="active"]{ display: flex; } .data-\[state\=closed\]\:hidden[data-state="closed"]{ display: 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\=active\]\:scale-\[1\.02\][data-state="active"]{ --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 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\]\:flex-col[data-state="active"]{ flex-direction: column; } .data-\[state\=checked\]\:border-amber-500[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-amber-600[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-blue-500[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-blue-600[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-emerald-500[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-emerald-600[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-green-600[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-primary[data-state="checked"]{ border-color: hsl(var(--primary)); } .data-\[state\=checked\]\:border-violet-500[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(139 92 246 / var(--tw-border-opacity, 1)); } .data-\[state\=active\]\:border-t-primary[data-state="active"]{ border-top-color: hsl(var(--primary)); } .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-background[data-state="active"]{ background-color: hsl(var(--background)); } .data-\[state\=active\]\:bg-card[data-state="active"]{ background-color: hsl(var(--card)); } .data-\[state\=active\]\:bg-muted\/40[data-state="active"]{ background-color: hsl(var(--muted) / 0.4); } .data-\[state\=active\]\:bg-primary[data-state="active"]{ background-color: hsl(var(--primary)); } .data-\[state\=active\]\:bg-zinc-700[data-state="active"]{ --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-amber-500[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-amber-600[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-blue-500[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-blue-600[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-emerald-500[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-emerald-600[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-green-600[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-primary[data-state="checked"]{ background-color: hsl(var(--primary)); } .data-\[state\=checked\]\:bg-violet-500[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); } .data-\[state\=on\]\:bg-accent[data-state="on"]{ background-color: hsl(var(--accent)); } .data-\[state\=on\]\:bg-amber-500[data-state="on"]{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .data-\[state\=on\]\:bg-green-500[data-state="on"]{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .data-\[state\=on\]\:bg-primary[data-state="on"]{ background-color: hsl(var(--primary)); } .data-\[state\=on\]\:bg-purple-500[data-state="on"]{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); } .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-\[state\=active\]\:bg-gradient-to-r[data-state="active"]{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .data-\[state\=active\]\:from-amber-500[data-state="active"]{ --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); } .data-\[state\=active\]\:to-orange-600[data-state="active"]{ --tw-gradient-to: #ea580c var(--tw-gradient-to-position); } .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-foreground[data-state="active"]{ color: hsl(var(--foreground)); } .data-\[state\=active\]\:text-primary-foreground[data-state="active"]{ color: hsl(var(--primary-foreground)); } .data-\[state\=active\]\:text-white[data-state="active"]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{ color: hsl(var(--primary-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\=on\]\:text-white[data-state="on"]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .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-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-\[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-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-2[data-state="closed"]{ --tw-exit-translate-y: -0.5rem; } .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-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-2[data-state="open"]{ --tw-enter-translate-y: -0.5rem; } .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\=inactive\]\:hover\:scale-\[1\.01\]:hover[data-state="inactive"]{ --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)); } .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-state="active"] .group-data-\[state\=active\]\:block{ display: block; } .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="active"] .group-data-\[state\=active\]\: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)); } .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-state="active"] .group-data-\[state\=active\]\: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)); } .group[data-state="active"] .group-data-\[state\=active\]\: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)); } .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-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0{ opacity: 0; } .group[data-state="active"] .group-data-\[state\=active\]\:opacity-0{ opacity: 0; } .group[data-state="active"] .group-data-\[state\=active\]\:opacity-100{ opacity: 1; } .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\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{ color: hsl(var(--sidebar-accent-foreground)); } @supports (backdrop-filter: var(--tw)){ .supports-\[backdrop-filter\]\:bg-background\/60{ background-color: hsl(var(--background) / 0.6); } .supports-\[backdrop-filter\]\:bg-background\/80{ background-color: hsl(var(--background) / 0.8); } } .dark\:block:is(.dark *){ display: block; } .dark\:hidden:is(.dark *){ display: none; } .dark\:border-amber-400:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(251 191 36 / 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-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)); } .dark\:border-amber-800\/40:is(.dark *){ border-color: rgb(146 64 14 / 0.4); } .dark\:border-amber-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(120 53 15 / var(--tw-border-opacity, 1)); } .dark\:border-amber-900\/40:is(.dark *){ border-color: rgb(120 53 15 / 0.4); } .dark\:border-amber-900\/50:is(.dark *){ border-color: rgb(120 53 15 / 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-border:is(.dark *){ border-color: hsl(var(--border)); } .dark\:border-cyan-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(14 116 144 / var(--tw-border-opacity, 1)); } .dark\:border-cyan-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(21 94 117 / var(--tw-border-opacity, 1)); } .dark\:border-emerald-400:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(52 211 153 / 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-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(6 78 59 / var(--tw-border-opacity, 1)); } .dark\:border-gray-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .dark\:border-gray-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:border-green-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(22 163 74 / 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-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(20 83 45 / var(--tw-border-opacity, 1)); } .dark\:border-neutral-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(38 38 38 / var(--tw-border-opacity, 1)); } .dark\:border-orange-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(234 88 12 / var(--tw-border-opacity, 1)); } .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-pink-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(157 23 77 / 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-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(88 28 135 / var(--tw-border-opacity, 1)); } .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-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(127 29 29 / var(--tw-border-opacity, 1)); } .dark\:border-slate-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(30 41 59 / 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-zinc-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(63 63 70 / var(--tw-border-opacity, 1)); } .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\/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\/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\/5:is(.dark *){ background-color: rgb(69 26 3 / 0.05); } .dark\:bg-blue-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1)); } .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\/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\/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\/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-cyan-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(22 78 99 / var(--tw-bg-opacity, 1)); } .dark\:bg-cyan-900\/30:is(.dark *){ background-color: rgb(22 78 99 / 0.3); } .dark\:bg-cyan-900\/50:is(.dark *){ background-color: rgb(22 78 99 / 0.5); } .dark\:bg-cyan-950:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(8 51 68 / var(--tw-bg-opacity, 1)); } .dark\:bg-cyan-950\/30:is(.dark *){ background-color: rgb(8 51 68 / 0.3); } .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\/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-950:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1)); } .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-gray-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800\/20:is(.dark *){ background-color: rgb(31 41 55 / 0.2); } .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\/50:is(.dark *){ background-color: rgb(17 24 39 / 0.5); } .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\/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-indigo-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1)); } .dark\:bg-indigo-900\/30:is(.dark *){ background-color: rgb(49 46 129 / 0.3); } .dark\:bg-indigo-950:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 27 75 / var(--tw-bg-opacity, 1)); } .dark\:bg-indigo-950\/30:is(.dark *){ background-color: rgb(30 27 75 / 0.3); } .dark\:bg-lime-900\/30:is(.dark *){ background-color: rgb(54 83 20 / 0.3); } .dark\:bg-neutral-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(64 64 64 / 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\/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-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\/30:is(.dark *){ background-color: rgb(131 24 67 / 0.3); } .dark\:bg-pink-900\/50:is(.dark *){ background-color: rgb(131 24 67 / 0.5); } .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\/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\/10:is(.dark *){ background-color: rgb(59 7 100 / 0.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-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\/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\/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-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-950:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(76 5 25 / var(--tw-bg-opacity, 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-secondary\/30:is(.dark *){ background-color: hsl(var(--secondary) / 0.3); } .dark\:bg-sky-900\/30:is(.dark *){ background-color: rgb(12 74 110 / 0.3); } .dark\:bg-slate-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .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-950\/30:is(.dark *){ background-color: rgb(2 6 23 / 0.3); } .dark\:bg-stone-900\/30:is(.dark *){ background-color: rgb(28 25 23 / 0.3); } .dark\:bg-teal-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(19 78 74 / var(--tw-bg-opacity, 1)); } .dark\:bg-teal-900\/30:is(.dark *){ background-color: rgb(19 78 74 / 0.3); } .dark\:bg-violet-900\/30:is(.dark *){ background-color: rgb(76 29 149 / 0.3); } .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\/50:is(.dark *){ background-color: rgb(113 63 18 / 0.5); } .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-zinc-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1)); } .dark\:bg-zinc-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1)); } .dark\:from-amber-950:is(.dark *){ --tw-gradient-from: #451a03 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-background:is(.dark *){ --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); } .dark\:from-background\/80:is(.dark *){ --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); } .dark\:from-blue-950:is(.dark *){ --tw-gradient-from: #172554 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\/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-cyan-950:is(.dark *){ --tw-gradient-from: #083344 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 51 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-cyan-950\/40:is(.dark *){ --tw-gradient-from: rgb(8 51 68 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 51 68 / 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-950:is(.dark *){ --tw-gradient-from: #052e16 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-indigo-950\/40:is(.dark *){ --tw-gradient-from: rgb(30 27 75 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-lime-950\/40:is(.dark *){ --tw-gradient-from: rgb(26 46 5 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(26 46 5 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-neutral-800:is(.dark *){ --tw-gradient-from: #262626 var(--tw-gradient-from-position); --tw-gradient-to: rgb(38 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-orange-950:is(.dark *){ --tw-gradient-from: #431407 var(--tw-gradient-from-position); --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-orange-950\/20:is(.dark *){ --tw-gradient-from: rgb(67 20 7 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-orange-950\/40:is(.dark *){ --tw-gradient-from: rgb(67 20 7 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-pink-950:is(.dark *){ --tw-gradient-from: #500724 var(--tw-gradient-from-position); --tw-gradient-to: rgb(80 7 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-pink-950\/40:is(.dark *){ --tw-gradient-from: rgb(80 7 36 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(80 7 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-purple-950:is(.dark *){ --tw-gradient-from: #3b0764 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-950:is(.dark *){ --tw-gradient-from: #450a0a var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-red-950\/20:is(.dark *){ --tw-gradient-from: rgb(69 10 10 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-red-950\/40:is(.dark *){ --tw-gradient-from: rgb(69 10 10 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-sky-950\/40:is(.dark *){ --tw-gradient-from: rgb(8 47 73 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 47 73 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-slate-900:is(.dark *){ --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); } .dark\:from-slate-950\/40:is(.dark *){ --tw-gradient-from: rgb(2 6 23 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-teal-950\/40:is(.dark *){ --tw-gradient-from: rgb(4 47 46 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(4 47 46 / 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\/20:is(.dark *){ --tw-gradient-from: rgb(113 63 18 / 0.2) 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\:from-yellow-950\/20:is(.dark *){ --tw-gradient-from: rgb(66 32 6 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(66 32 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-yellow-950\/40:is(.dark *){ --tw-gradient-from: rgb(66 32 6 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(66 32 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:to-amber-900:is(.dark *){ --tw-gradient-to: #78350f 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\/60:is(.dark *){ --tw-gradient-to: hsl(var(--background) / 0.6) var(--tw-gradient-to-position); } .dark\:to-blue-900:is(.dark *){ --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position); } .dark\:to-blue-950:is(.dark *){ --tw-gradient-to: #172554 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-blue-950\/40:is(.dark *){ --tw-gradient-to: rgb(23 37 84 / 0.4) var(--tw-gradient-to-position); } .dark\:to-cyan-900:is(.dark *){ --tw-gradient-to: #164e63 var(--tw-gradient-to-position); } .dark\:to-cyan-950\/20:is(.dark *){ --tw-gradient-to: rgb(8 51 68 / 0.2) 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-gray-950\/20:is(.dark *){ --tw-gradient-to: rgb(3 7 18 / 0.2) var(--tw-gradient-to-position); } .dark\:to-green-900:is(.dark *){ --tw-gradient-to: #14532d var(--tw-gradient-to-position); } .dark\:to-green-950\/20:is(.dark *){ --tw-gradient-to: rgb(5 46 22 / 0.2) var(--tw-gradient-to-position); } .dark\:to-muted:is(.dark *){ --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position); } .dark\:to-muted\/30:is(.dark *){ --tw-gradient-to: hsl(var(--muted) / 0.3) var(--tw-gradient-to-position); } .dark\:to-orange-900:is(.dark *){ --tw-gradient-to: #7c2d12 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:is(.dark *){ --tw-gradient-to: #831843 var(--tw-gradient-to-position); } .dark\:to-pink-950\/20:is(.dark *){ --tw-gradient-to: rgb(80 7 36 / 0.2) var(--tw-gradient-to-position); } .dark\:to-purple-900:is(.dark *){ --tw-gradient-to: #581c87 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-900:is(.dark *){ --tw-gradient-to: #7f1d1d 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-950\/20:is(.dark *){ --tw-gradient-to: rgb(8 47 73 / 0.2) var(--tw-gradient-to-position); } .dark\:to-slate-800:is(.dark *){ --tw-gradient-to: #1e293b 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-violet-950\/20:is(.dark *){ --tw-gradient-to: rgb(46 16 101 / 0.2) var(--tw-gradient-to-position); } .dark\:to-yellow-950\/20:is(.dark *){ --tw-gradient-to: rgb(66 32 6 / 0.2) var(--tw-gradient-to-position); } .dark\:text-amber-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); } .dark\:text-amber-100\/70:is(.dark *){ color: rgb(254 243 199 / 0.7); } .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-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .dark\:text-blue-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity, 1)); } .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-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(165 243 252 / var(--tw-text-opacity, 1)); } .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-emerald-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 250 229 / 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-gray-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / 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-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(220 252 231 / 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-lime-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(163 230 53 / var(--tw-text-opacity, 1)); } .dark\:text-neutral-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(245 245 245 / var(--tw-text-opacity, 1)); } .dark\:text-neutral-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(212 212 212 / var(--tw-text-opacity, 1)); } .dark\:text-neutral-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity, 1)); } .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-pink-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(249 168 212 / 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-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-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-sky-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(56 189 248 / 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-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .dark\:text-stone-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(168 162 158 / var(--tw-text-opacity, 1)); } .dark\:text-teal-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(153 246 228 / 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-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); } .dark\:text-violet-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(254 249 195 / 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\:text-zinc-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(212 212 216 / var(--tw-text-opacity, 1)); } .dark\:text-zinc-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(161 161 170 / var(--tw-text-opacity, 1)); } .dark\:opacity-70:is(.dark *){ opacity: 0.7; } .dark\:hover\:border-t-border:hover:is(.dark *){ border-top-color: hsl(var(--border)); } .dark\:hover\:bg-amber-950\/30:hover:is(.dark *){ background-color: rgb(69 26 3 / 0.3); } .dark\:hover\:bg-blue-800:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-blue-900:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-blue-900\/30:hover:is(.dark *){ background-color: rgb(30 58 138 / 0.3); } .dark\:hover\:bg-blue-900\/50:hover:is(.dark *){ background-color: rgb(30 58 138 / 0.5); } .dark\:hover\:bg-blue-950:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-blue-950\/50:hover:is(.dark *){ background-color: rgb(23 37 84 / 0.5); } .dark\:hover\:bg-cyan-900\/50:hover:is(.dark *){ background-color: rgb(22 78 99 / 0.5); } .dark\:hover\:bg-emerald-950\/30:hover:is(.dark *){ background-color: rgb(2 44 34 / 0.3); } .dark\:hover\:bg-gray-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-green-800:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-green-900:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-green-900\/20:hover:is(.dark *){ background-color: rgb(20 83 45 / 0.2); } .dark\:hover\:bg-green-900\/50:hover:is(.dark *){ background-color: rgb(20 83 45 / 0.5); } .dark\:hover\:bg-green-950:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-green-950\/50:hover:is(.dark *){ background-color: rgb(5 46 22 / 0.5); } .dark\:hover\:bg-orange-800:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(154 52 18 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-orange-900:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-orange-950:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-purple-900:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-purple-900\/30:hover:is(.dark *){ background-color: rgb(88 28 135 / 0.3); } .dark\:hover\:bg-purple-950:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(59 7 100 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-purple-950\/30:hover:is(.dark *){ background-color: rgb(59 7 100 / 0.3); } .dark\:hover\:bg-red-900:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-red-950\/50:hover:is(.dark *){ background-color: rgb(69 10 10 / 0.5); } .dark\:hover\:bg-sky-950:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(8 47 73 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-slate-950:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-yellow-900\/50:hover:is(.dark *){ background-color: rgb(113 63 18 / 0.5); } .dark\:hover\:bg-yellow-950\/50:hover:is(.dark *){ background-color: rgb(66 32 6 / 0.5); } .dark\:hover\:text-blue-400:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } @media (min-width: 375px){ .xs\:block{ display: block; } .xs\:inline{ display: inline; } .xs\:hidden{ display: none; } .xs\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .xs\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .xs\:flex-row{ flex-direction: row; } } @media (min-width: 640px){ .sm\:static{ position: static; } .sm\:-right-1{ right: -0.25rem; } .sm\:-right-3{ right: -0.75rem; } .sm\:-top-1{ top: -0.25rem; } .sm\:-top-3{ top: -0.75rem; } .sm\:bottom-0{ bottom: 0px; } .sm\:bottom-0\.5{ bottom: 0.125rem; } .sm\:bottom-24{ bottom: 6rem; } .sm\:bottom-3{ bottom: 0.75rem; } .sm\:bottom-4{ bottom: 1rem; } .sm\:bottom-6{ bottom: 1.5rem; } .sm\:left-0\.5{ left: 0.125rem; } .sm\:left-3{ left: 0.75rem; } .sm\:left-auto{ left: auto; } .sm\:right-0{ right: 0px; } .sm\:right-0\.5{ right: 0.125rem; } .sm\:right-3{ right: 0.75rem; } .sm\:right-4{ right: 1rem; } .sm\:right-6{ right: 1.5rem; } .sm\:right-auto{ right: auto; } .sm\:top-0\.5{ top: 0.125rem; } .sm\:top-3{ top: 0.75rem; } .sm\:top-4{ top: 1rem; } .sm\:top-\[12px\]{ top: 12px; } .sm\:top-\[22px\]{ top: 22px; } .sm\:top-auto{ top: auto; } .sm\:z-auto{ z-index: auto; } .sm\:order-1{ order: 1; } .sm\:order-2{ order: 2; } .sm\:order-first{ order: -9999; } .sm\:col-auto{ grid-column: auto; } .sm\:col-span-1{ grid-column: span 1 / span 1; } .sm\:col-span-2{ grid-column: span 2 / span 2; } .sm\:col-span-3{ grid-column: span 3 / span 3; } .sm\:col-span-4{ grid-column: span 4 / span 4; } .sm\:col-span-5{ grid-column: span 5 / span 5; } .sm\:m-4{ margin: 1rem; } .sm\:-mx-4{ margin-left: -1rem; margin-right: -1rem; } .sm\:mx-0{ margin-left: 0px; margin-right: 0px; } .sm\:mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; } .sm\:mx-8{ margin-left: 2rem; margin-right: 2rem; } .sm\:mx-auto{ margin-left: auto; margin-right: auto; } .sm\:my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .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\:ml-0{ margin-left: 0px; } .sm\:ml-1{ margin-left: 0.25rem; } .sm\:ml-2{ margin-left: 0.5rem; } .sm\:ml-4{ margin-left: 1rem; } .sm\:ml-\[108px\]{ margin-left: 108px; } .sm\:ml-auto{ margin-left: auto; } .sm\:mr-0{ margin-right: 0px; } .sm\:mr-1{ margin-right: 0.25rem; } .sm\:mr-1\.5{ margin-right: 0.375rem; } .sm\:mr-2{ margin-right: 0.5rem; } .sm\:mt-0{ margin-top: 0px; } .sm\:mt-12{ margin-top: 3rem; } .sm\:mt-2{ margin-top: 0.5rem; } .sm\:mt-3{ margin-top: 0.75rem; } .sm\:mt-4{ margin-top: 1rem; } .sm\:mt-6{ margin-top: 1.5rem; } .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\:aspect-auto{ aspect-ratio: auto; } .sm\:aspect-square{ aspect-ratio: 1 / 1; } .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\.5{ height: 0.625rem; } .sm\:h-20{ height: 5rem; } .sm\:h-24{ height: 6rem; } .sm\:h-28{ height: 7rem; } .sm\:h-3{ height: 0.75rem; } .sm\:h-3\.5{ height: 0.875rem; } .sm\:h-4{ height: 1rem; } .sm\:h-48{ height: 12rem; } .sm\:h-5{ height: 1.25rem; } .sm\:h-52{ height: 13rem; } .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-\[120px\]{ height: 120px; } .sm\:h-\[450px\]{ height: 450px; } .sm\:h-\[85vh\]{ height: 85vh; } .sm\:h-\[calc\(100dvh-2rem\)\]{ height: calc(100dvh - 2rem); } .sm\:h-\[calc\(100vh-80px\)\]{ height: calc(100vh - 80px); } .sm\:h-auto{ height: auto; } .sm\:h-full{ height: 100%; } .sm\:max-h-20{ max-height: 5rem; } .sm\:max-h-40{ max-height: 10rem; } .sm\:max-h-\[80px\]{ max-height: 80px; } .sm\:max-h-\[85vh\]{ max-height: 85vh; } .sm\:max-h-\[90vh\]{ max-height: 90vh; } .sm\:max-h-\[92vh\]{ max-height: 92vh; } .sm\:max-h-\[calc\(100dvh-2rem\)\]{ max-height: calc(100dvh - 2rem); } .sm\:max-h-\[calc\(100vh-80px\)\]{ max-height: calc(100vh - 80px); } .sm\:min-h-12{ min-height: 3rem; } .sm\:min-h-16{ min-height: 4rem; } .sm\:min-h-\[500px\]{ min-height: 500px; } .sm\:w-1\.5{ width: 0.375rem; } .sm\:w-1\/2{ width: 50%; } .sm\:w-1\/3{ width: 33.333333%; } .sm\:w-10{ width: 2.5rem; } .sm\:w-12{ width: 3rem; } .sm\:w-14{ width: 3.5rem; } .sm\:w-16{ width: 4rem; } .sm\:w-2\.5{ width: 0.625rem; } .sm\:w-20{ width: 5rem; } .sm\:w-24{ width: 6rem; } .sm\:w-28{ width: 7rem; } .sm\:w-3{ width: 0.75rem; } .sm\:w-3\.5{ width: 0.875rem; } .sm\:w-32{ width: 8rem; } .sm\:w-4{ width: 1rem; } .sm\:w-40{ width: 10rem; } .sm\:w-44{ width: 11rem; } .sm\:w-48{ width: 12rem; } .sm\:w-5{ width: 1.25rem; } .sm\:w-56{ width: 14rem; } .sm\:w-6{ width: 1.5rem; } .sm\:w-64{ width: 16rem; } .sm\:w-7{ width: 1.75rem; } .sm\:w-72{ width: 18rem; } .sm\:w-8{ width: 2rem; } .sm\:w-80{ width: 20rem; } .sm\:w-9{ width: 2.25rem; } .sm\:w-96{ width: 24rem; } .sm\:w-\[110px\]{ width: 110px; } .sm\:w-\[120px\]{ width: 120px; } .sm\:w-\[130px\]{ width: 130px; } .sm\:w-\[140px\]{ width: 140px; } .sm\:w-\[150px\]{ width: 150px; } .sm\:w-\[160px\]{ width: 160px; } .sm\:w-\[170px\]{ width: 170px; } .sm\:w-\[180px\]{ width: 180px; } .sm\:w-\[200px\]{ width: 200px; } .sm\:w-\[220px\]{ width: 220px; } .sm\:w-\[250px\]{ width: 250px; } .sm\:w-\[260px\]{ width: 260px; } .sm\:w-\[26rem\]{ width: 26rem; } .sm\:w-\[300px\]{ width: 300px; } .sm\:w-\[350px\]{ width: 350px; } .sm\:w-\[400px\]{ width: 400px; } .sm\:w-\[420px\]{ width: 420px; } .sm\:w-\[450px\]{ width: 450px; } .sm\:w-\[55\%\]{ width: 55%; } .sm\:w-\[95vw\]{ width: 95vw; } .sm\:w-\[calc\(100vw-80px\)\]{ width: calc(100vw - 80px); } .sm\:w-\[min\(92vw\2c 400px\)\]{ width: min(92vw, 400px); } .sm\:w-auto{ width: auto; } .sm\:w-full{ width: 100%; } .sm\:min-w-0{ min-width: 0px; } .sm\:min-w-20{ min-width: 5rem; } .sm\:min-w-\[100px\]{ min-width: 100px; } .sm\:min-w-\[120px\]{ min-width: 120px; } .sm\:min-w-\[200px\]{ min-width: 200px; } .sm\:min-w-\[20px\]{ min-width: 20px; } .sm\:min-w-\[560px\]{ min-width: 560px; } .sm\:max-w-2xl{ max-width: 42rem; } .sm\:max-w-3xl{ max-width: 48rem; } .sm\:max-w-4xl{ max-width: 56rem; } .sm\:max-w-5xl{ max-width: 64rem; } .sm\:max-w-\[1196px\]{ max-width: 1196px; } .sm\:max-w-\[120px\]{ max-width: 120px; } .sm\:max-w-\[150px\]{ max-width: 150px; } .sm\:max-w-\[240px\]{ max-width: 240px; } .sm\:max-w-\[300px\]{ max-width: 300px; } .sm\:max-w-\[425px\]{ max-width: 425px; } .sm\:max-w-\[480px\]{ max-width: 480px; } .sm\:max-w-\[500px\]{ max-width: 500px; } .sm\:max-w-\[520px\]{ max-width: 520px; } .sm\:max-w-\[550px\]{ max-width: 550px; } .sm\:max-w-\[560px\]{ max-width: 560px; } .sm\:max-w-\[600px\]{ max-width: 600px; } .sm\:max-w-\[650px\]{ max-width: 650px; } .sm\:max-w-\[700px\]{ max-width: 700px; } .sm\:max-w-\[80\%\]{ max-width: 80%; } .sm\:max-w-\[800px\]{ max-width: 800px; } .sm\:max-w-\[80px\]{ max-width: 80px; } .sm\:max-w-\[95vw\]{ max-width: 95vw; } .sm\:max-w-\[calc\(100vw-80px\)\]{ max-width: calc(100vw - 80px); } .sm\:max-w-full{ max-width: 100%; } .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\:max-w-xs{ max-width: 20rem; } .sm\:flex-1{ flex: 1 1 0%; } .sm\:flex-initial{ flex: 0 1 auto; } .sm\:flex-none{ flex: none; } .sm\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .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-\[1fr_120px\]{ grid-template-columns: 1fr 120px; } .sm\:grid-cols-\[1fr_180px\]{ grid-template-columns: 1fr 180px; } .sm\:grid-cols-\[1fr_86px_86px_86px\]{ grid-template-columns: 1fr 86px 86px 86px; } .sm\:grid-cols-\[1fr_88px_88px_88px\]{ grid-template-columns: 1fr 88px 88px 88px; } .sm\:grid-cols-\[1fr_auto\]{ grid-template-columns: 1fr auto; } .sm\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(180px\2c 1fr\)_120px\]{ grid-template-columns: minmax(0,1fr) minmax(180px,1fr) 120px; } .sm\:flex-row{ flex-direction: row; } .sm\:flex-col{ flex-direction: column; } .sm\:flex-wrap{ flex-wrap: wrap; } .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-16{ gap: 4rem; } .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-6{ gap: 1.5rem; } .sm\:gap-8{ gap: 2rem; } .sm\:gap-x-6{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .sm\:gap-x-8{ -moz-column-gap: 2rem; column-gap: 2rem; } .sm\:gap-y-2{ row-gap: 0.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 > :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)); } .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-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\:self-auto{ align-self: auto; } .sm\:overflow-visible{ overflow: visible; } .sm\:rounded-2xl{ border-radius: 1rem; } .sm\:rounded-3xl{ border-radius: 1.5rem; } .sm\:rounded-lg{ border-radius: var(--radius); } .sm\:rounded-md{ border-radius: calc(var(--radius) - 2px); } .sm\:rounded-none{ border-radius: 0px; } .sm\:border-0{ border-width: 0px; } .sm\:border-t-0{ border-top-width: 0px; } .sm\:bg-transparent{ background-color: transparent; } .sm\:p-0{ padding: 0px; } .sm\:p-1{ padding: 0.25rem; } .sm\:p-1\.5{ padding: 0.375rem; } .sm\:p-12{ padding: 3rem; } .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-0{ padding-left: 0px; padding-right: 0px; } .sm\:px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .sm\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .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\:px-8{ padding-left: 2rem; padding-right: 2rem; } .sm\:py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .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-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .sm\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .sm\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .sm\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .sm\:pb-0{ padding-bottom: 0px; } .sm\:pb-2{ padding-bottom: 0.5rem; } .sm\:pb-24{ padding-bottom: 6rem; } .sm\:pb-3{ padding-bottom: 0.75rem; } .sm\:pb-4{ padding-bottom: 1rem; } .sm\:pb-6{ padding-bottom: 1.5rem; } .sm\:pl-0{ padding-left: 0px; } .sm\:pl-4{ padding-left: 1rem; } .sm\:pl-\[4\.5rem\]{ padding-left: 4.5rem; } .sm\:pr-\[26rem\]{ padding-right: 26rem; } .sm\:pt-0{ padding-top: 0px; } .sm\:pt-4{ padding-top: 1rem; } .sm\:pt-6{ padding-top: 1.5rem; } .sm\:text-left{ text-align: left; } .sm\:text-right{ text-align: right; } .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-\[10px\]{ font-size: 10px; } .sm\:text-\[11px\]{ font-size: 11px; } .sm\:text-\[9px\]{ font-size: 9px; } .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\: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); } .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{ --tw-enter-translate-y: 100%; } } @media (min-width: 768px){ .md\:absolute{ position: absolute; } .md\:bottom-4{ bottom: 1rem; } .md\:left-6{ left: 1.5rem; } .md\:left-auto{ left: auto; } .md\:right-4{ right: 1rem; } .md\:order-1{ order: 1; } .md\:order-2{ order: 2; } .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-7{ grid-column: span 7 / span 7; } .md\:col-span-8{ grid-column: span 8 / span 8; } .md\:col-span-9{ grid-column: span 9 / span 9; } .md\:mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .md\:mx-auto{ margin-left: auto; margin-right: auto; } .md\:mb-4{ margin-bottom: 1rem; } .md\:mb-5{ margin-bottom: 1.25rem; } .md\:mb-6{ margin-bottom: 1.5rem; } .md\:ml-12{ margin-left: 3rem; } .md\:ml-8{ margin-left: 2rem; } .md\:ml-auto{ margin-left: auto; } .md\:mr-2{ margin-right: 0.5rem; } .md\:mt-0{ margin-top: 0px; } .md\:mt-20{ margin-top: 5rem; } .md\:mt-4{ margin-top: 1rem; } .md\:mt-7{ margin-top: 1.75rem; } .md\:block{ display: block; } .md\:inline{ display: inline; } .md\:flex{ display: flex; } .md\:inline-flex{ display: inline-flex; } .md\:table{ display: table; } .md\:table-cell{ display: table-cell; } .md\:grid{ display: grid; } .md\:hidden{ display: none; } .md\:aspect-auto{ aspect-ratio: auto; } .md\:h-10{ height: 2.5rem; } .md\:h-12{ height: 3rem; } .md\:h-14{ height: 3.5rem; } .md\:h-16{ height: 4rem; } .md\:h-24{ height: 6rem; } .md\:h-3\.5{ height: 0.875rem; } .md\:h-4{ height: 1rem; } .md\:h-5{ height: 1.25rem; } .md\:h-6{ height: 1.5rem; } .md\:h-8{ height: 2rem; } .md\:h-80{ height: 20rem; } .md\:h-\[300px\]{ height: 300px; } .md\:h-\[450px\]{ height: 450px; } .md\:max-h-\[calc\(100vh-360px\)\]{ max-height: calc(100vh - 360px); } .md\:min-h-14{ min-height: 3.5rem; } .md\:min-h-\[150px\]{ min-height: 150px; } .md\:w-10{ width: 2.5rem; } .md\:w-12{ width: 3rem; } .md\:w-14{ width: 3.5rem; } .md\:w-16{ width: 4rem; } .md\:w-24{ width: 6rem; } .md\:w-3\.5{ width: 0.875rem; } .md\:w-4{ width: 1rem; } .md\:w-40{ width: 10rem; } .md\:w-48{ width: 12rem; } .md\:w-5{ width: 1.25rem; } .md\:w-6{ width: 1.5rem; } .md\:w-72{ width: 18rem; } .md\:w-8{ width: 2rem; } .md\:w-80{ width: 20rem; } .md\:w-96{ width: 24rem; } .md\:w-\[300px\]{ width: 300px; } .md\:w-\[380px\]{ width: 380px; } .md\:w-\[520px\]{ width: 520px; } .md\:w-\[550px\]{ width: 550px; } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{ width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto{ width: auto; } .md\:w-fit{ width: -moz-fit-content; width: fit-content; } .md\:w-full{ width: 100%; } .md\:min-w-\[100px\]{ min-width: 100px; } .md\:min-w-\[50px\]{ min-width: 50px; } .md\:max-w-2xl{ max-width: 42rem; } .md\:max-w-4xl{ max-width: 56rem; } .md\:max-w-5xl{ max-width: 64rem; } .md\:max-w-6xl{ max-width: 72rem; } .md\:max-w-\[420px\]{ max-width: 420px; } .md\:max-w-none{ max-width: none; } .md\:max-w-xs{ max-width: 20rem; } .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-\[180px_180px_1fr_auto\]{ grid-template-columns: 180px 180px 1fr auto; } .md\:grid-cols-\[180px_1fr\]{ grid-template-columns: 180px 1fr; } .md\:grid-cols-\[1fr_1\.5fr_1\.5fr_auto\]{ grid-template-columns: 1fr 1.5fr 1.5fr auto; } .md\:grid-cols-\[1fr_2fr_auto\]{ grid-template-columns: 1fr 2fr auto; } .md\:grid-cols-\[1fr_auto\]{ grid-template-columns: 1fr auto; } .md\:grid-cols-\[1fr_auto_1fr\]{ grid-template-columns: 1fr auto 1fr; } .md\:grid-cols-\[1fr_auto_1fr_auto\]{ grid-template-columns: 1fr auto 1fr auto; } .md\:grid-cols-\[auto_1fr_320px\]{ grid-template-columns: auto 1fr 320px; } .md\:flex-row{ flex-direction: row; } .md\:flex-col{ flex-direction: column; } .md\:flex-wrap{ flex-wrap: wrap; } .md\:flex-nowrap{ flex-wrap: nowrap; } .md\:items-start{ align-items: flex-start; } .md\:items-end{ align-items: flex-end; } .md\:items-center{ align-items: center; } .md\:justify-start{ justify-content: flex-start; } .md\:justify-between{ justify-content: space-between; } .md\:gap-1\.5{ gap: 0.375rem; } .md\:gap-12{ gap: 3rem; } .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-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .md\: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)); } .md\: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)); } .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-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\: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)); } .md\:self-auto{ align-self: auto; } .md\:p-12{ padding: 3rem; } .md\:p-16{ padding: 4rem; } .md\:p-3{ padding: 0.75rem; } .md\:p-4{ padding: 1rem; } .md\:p-6{ padding: 1.5rem; } .md\:p-8{ padding: 2rem; } .md\:p-\[2px\]{ padding: 2px; } .md\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-16{ padding-left: 4rem; padding-right: 4rem; } .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-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-8{ padding-left: 2rem; padding-right: 2rem; } .md\:py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .md\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:py-12{ padding-top: 3rem; padding-bottom: 3rem; } .md\:py-16{ padding-top: 4rem; padding-bottom: 4rem; } .md\:py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .md\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .md\:pb-4{ padding-bottom: 1rem; } .md\:pb-6{ padding-bottom: 1.5rem; } .md\:pl-0{ padding-left: 0px; } .md\:pr-2{ padding-right: 0.5rem; } .md\:pt-36{ padding-top: 9rem; } .md\:pt-4{ padding-top: 1rem; } .md\:pt-5{ padding-top: 1.25rem; } .md\:pt-7{ padding-top: 1.75rem; } .md\:text-left{ text-align: left; } .md\:text-right{ text-align: right; } .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-5xl{ font-size: 3rem; line-height: 1; } .md\:text-6xl{ font-size: 3.75rem; line-height: 1; } .md\:text-7xl{ font-size: 4.5rem; line-height: 1; } .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; } .after\:md\:hidden::after{ content: var(--tw-content); display: none; } .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-32{ top: 8rem; } .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-6{ grid-column: span 6 / span 6; } .lg\:col-span-8{ grid-column: span 8 / span 8; } .lg\:col-span-9{ grid-column: span 9 / span 9; } .lg\:row-span-2{ grid-row: span 2 / span 2; } .lg\:m-0{ margin: 0px; } .lg\:mx-0{ margin-left: 0px; margin-right: 0px; } .lg\:mb-4{ margin-bottom: 1rem; } .lg\:ml-8{ margin-left: 2rem; } .lg\:mr-auto{ margin-right: auto; } .lg\:mt-0{ margin-top: 0px; } .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\:table-cell{ display: table-cell; } .lg\:grid{ display: grid; } .lg\:inline-grid{ display: inline-grid; } .lg\:hidden{ display: none; } .lg\:h-14{ height: 3.5rem; } .lg\:h-32{ height: 8rem; } .lg\:h-5{ height: 1.25rem; } .lg\:h-56{ height: 14rem; } .lg\:h-6{ height: 1.5rem; } .lg\:h-7{ height: 1.75rem; } .lg\:h-8{ height: 2rem; } .lg\:max-h-none{ max-height: none; } .lg\:w-14{ width: 3.5rem; } .lg\:w-2\/3{ width: 66.666667%; } .lg\:w-2\/5{ width: 40%; } .lg\:w-5{ width: 1.25rem; } .lg\:w-6{ width: 1.5rem; } .lg\:w-7{ width: 1.75rem; } .lg\:w-8{ width: 2rem; } .lg\:w-80{ width: 20rem; } .lg\:w-\[28rem\]{ width: 28rem; } .lg\:w-\[320px\]{ width: 320px; } .lg\:w-\[340px\]{ width: 340px; } .lg\:w-\[360px\]{ width: 360px; } .lg\:w-\[380px\]{ width: 380px; } .lg\:w-\[400px\]{ width: 400px; } .lg\:w-\[580px\]{ width: 580px; } .lg\:w-auto{ width: auto; } .lg\:w-fit{ width: -moz-fit-content; width: fit-content; } .lg\:min-w-\[320px\]{ min-width: 320px; } .lg\:max-w-3xl{ max-width: 48rem; } .lg\:max-w-4xl{ max-width: 56rem; } .lg\:max-w-6xl{ max-width: 72rem; } .lg\:max-w-\[1700px\]{ max-width: 1700px; } .lg\:flex-1{ flex: 1 1 0%; } .lg\:flex-initial{ flex: 0 1 auto; } .lg\:shrink-0{ flex-shrink: 0; } .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_1fr_1\.2fr\]{ grid-template-columns: 1fr 1fr 1.2fr; } .lg\:grid-cols-\[1fr_280px\]{ grid-template-columns: 1fr 280px; } .lg\:grid-cols-\[1fr_320px\]{ grid-template-columns: 1fr 320px; } .lg\:grid-cols-\[1fr_360px\]{ grid-template-columns: 1fr 360px; } .lg\:grid-cols-\[220px_1fr\]{ grid-template-columns: 220px 1fr; } .lg\:grid-cols-\[380px_1fr\]{ grid-template-columns: 380px 1fr; } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\]{ grid-template-columns: minmax(0,1fr) 320px; } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_420px\]{ grid-template-columns: minmax(0,1fr) 420px; } .lg\:grid-cols-\[minmax\(280px\2c 360px\)_1fr\]{ grid-template-columns: minmax(280px,360px) 1fr; } .lg\:flex-row{ flex-direction: row; } .lg\:items-start{ align-items: flex-start; } .lg\:items-end{ align-items: flex-end; } .lg\:items-center{ align-items: center; } .lg\:justify-start{ justify-content: flex-start; } .lg\:justify-end{ justify-content: flex-end; } .lg\:justify-between{ justify-content: space-between; } .lg\:gap-0{ gap: 0px; } .lg\:gap-20{ gap: 5rem; } .lg\:gap-3{ gap: 0.75rem; } .lg\:gap-4{ gap: 1rem; } .lg\:gap-6{ gap: 1.5rem; } .lg\:gap-8{ gap: 2rem; } .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .lg\: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)); } .lg\:overflow-y-auto{ overflow-y: auto; } .lg\:border-b{ border-bottom-width: 1px; } .lg\:border-l{ border-left-width: 1px; } .lg\:border-r{ border-right-width: 1px; } .lg\:border-transparent{ border-color: transparent; } .lg\:bg-transparent{ background-color: transparent; } .lg\:p-0{ padding: 0px; } .lg\:p-4{ padding: 1rem; } .lg\:p-5{ padding: 1.25rem; } .lg\:p-6{ padding: 1.5rem; } .lg\:px-12{ padding-left: 3rem; padding-right: 3rem; } .lg\:px-24{ padding-left: 6rem; padding-right: 6rem; } .lg\:px-4{ padding-left: 1rem; padding-right: 1rem; } .lg\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:px-8{ padding-left: 2rem; padding-right: 2rem; } .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\:py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .lg\:py-32{ padding-top: 8rem; padding-bottom: 8rem; } .lg\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .lg\:py-40{ padding-top: 10rem; padding-bottom: 10rem; } .lg\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .lg\:pl-6{ padding-left: 1.5rem; } .lg\:pr-\[28rem\]{ padding-right: 28rem; } .lg\:pr-\[420px\]{ padding-right: 420px; } .lg\:pt-6{ padding-top: 1.5rem; } .lg\:text-left{ text-align: left; } .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-7xl{ font-size: 4.5rem; 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\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .lg\:opacity-100{ opacity: 1; } .lg\:shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group[data-state="active"] .lg\:group-data-\[state\=active\]\:flex{ display: flex; } } @media (min-width: 1280px){ .xl\:sticky{ position: sticky; } .xl\:top-4{ top: 1rem; } .xl\:col-span-1{ grid-column: span 1 / span 1; } .xl\:col-span-2{ grid-column: span 2 / span 2; } .xl\:col-span-3{ grid-column: span 3 / span 3; } .xl\:mr-2{ margin-right: 0.5rem; } .xl\:block{ display: block; } .xl\:inline{ display: inline; } .xl\:table-cell{ display: table-cell; } .xl\:hidden{ display: none; } .xl\:h-60{ height: 15rem; } .xl\:w-96{ width: 24rem; } .xl\:w-\[32rem\]{ width: 32rem; } .xl\:w-\[640px\]{ width: 640px; } .xl\:w-auto{ width: auto; } .xl\:max-w-7xl{ max-width: 80rem; } .xl\:max-w-\[1600px\]{ max-width: 1600px; } .xl\:shrink-0{ flex-shrink: 0; } .xl\:grid-cols-10{ grid-template-columns: repeat(10, minmax(0, 1fr)); } .xl\:grid-cols-11{ grid-template-columns: repeat(11, minmax(0, 1fr)); } .xl\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:grid-cols-2{ grid-template-columns: repeat(2, 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-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } .xl\:grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .xl\:grid-cols-\[minmax\(0\2c 1fr\)_380px\]{ grid-template-columns: minmax(0,1fr) 380px; } .xl\:grid-cols-\[minmax\(0\2c 1fr\)_420px\]{ grid-template-columns: minmax(0,1fr) 420px; } .xl\:flex-row{ flex-direction: row; } .xl\:flex-nowrap{ flex-wrap: nowrap; } .xl\:items-start{ align-items: flex-start; } .xl\:items-center{ align-items: center; } .xl\:justify-between{ justify-content: space-between; } .xl\:px-4{ padding-left: 1rem; padding-right: 1rem; } .xl\:pr-\[32rem\]{ padding-right: 32rem; } .xl\:text-6xl{ font-size: 3.75rem; line-height: 1; } .xl\:text-7xl{ font-size: 4.5rem; line-height: 1; } .xl\:text-\[5\.25rem\]{ font-size: 5.25rem; } .xl\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1536px){ .\32xl\:col-span-1{ grid-column: span 1 / span 1; } .\32xl\:col-span-2{ grid-column: span 2 / span 2; } .\32xl\:max-w-\[85vw\]{ max-width: 85vw; } .\32xl\:grid-cols-10{ grid-template-columns: repeat(10, minmax(0, 1fr)); } .\32xl\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .\32xl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .\32xl\:grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } } .rtl\:order-last:where([dir="rtl"], [dir="rtl"] *){ order: 9999; } .rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){ flex-direction: row-reverse; } @media print{ .print\:static{ position: static; } .print\:block{ display: block; } .print\:hidden{ display: none; } .print\:break-before-page{ -moz-column-break-before: page; break-before: page; } .print\:break-inside-avoid{ -moz-column-break-inside: avoid; break-inside: avoid; } .print\:break-after-page{ -moz-column-break-after: page; break-after: page; } .print\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .print\: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)); } .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\:border-0{ border-width: 0px; } .print\:bg-amber-50{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .print\:bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .print\:bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .print\:p-4{ padding: 1rem; } .print\:py-0{ padding-top: 0px; padding-bottom: 0px; } .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); } } .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-muted-foreground\/40::-webkit-scrollbar-thumb:hover{ background-color: hsl(var(--muted-foreground) / 0.4); } .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{ border-radius: 9999px; } .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/20::-webkit-scrollbar-thumb{ background-color: hsl(var(--muted-foreground) / 0.2); } .\[\&\:\:-webkit-scrollbar-track\]\:rounded-full::-webkit-scrollbar-track{ border-radius: 9999px; } .\[\&\:\:-webkit-scrollbar-track\]\:bg-muted\/30::-webkit-scrollbar-track{ background-color: hsl(var(--muted) / 0.3); } .\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar{ height: 0.375rem; } .\[\&\: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; } .\[\&\>\*\:first-child\]\:mt-0>*:first-child{ margin-top: 0px; } .\[\&\>\*\:last-child\]\:mb-0>*:last-child{ margin-bottom: 0px; } .\[\&\>\*\]\:my-1>*{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .\[\&\>\[data-radix-scroll-area-viewport\]\]\:h-full>[data-radix-scroll-area-viewport]{ height: 100%; } .\[\&\>blockquote\]\:border-l-4>blockquote{ border-left-width: 4px; } .\[\&\>blockquote\]\:border-muted>blockquote{ border-color: hsl(var(--muted)); } .\[\&\>blockquote\]\:pl-4>blockquote{ padding-left: 1rem; } .\[\&\>blockquote\]\:italic>blockquote{ font-style: italic; } .\[\&\>button\.absolute\]\:hidden>button.absolute{ display: none; } .\[\&\>button\]\:hidden>button{ display: none; } .\[\&\>button\]\:text-white>button{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .\[\&\>button\]\:hover\:text-white\/80:hover>button{ color: rgb(255 255 255 / 0.8); } .\[\&\>div\]\:bg-amber-500>div{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-cyan-500>div{ --tw-bg-opacity: 1; background-color: rgb(6 182 212 / 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-orange-500>div{ --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .\[\&\>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)); } .\[\&\>h1\]\:mb-4>h1{ margin-bottom: 1rem; } .\[\&\>h1\]\:text-2xl>h1{ font-size: 1.5rem; line-height: 2rem; } .\[\&\>h1\]\:font-bold>h1{ font-weight: 700; } .\[\&\>h2\]\:mb-3>h2{ margin-bottom: 0.75rem; } .\[\&\>h2\]\:text-xl>h2{ font-size: 1.25rem; line-height: 1.75rem; } .\[\&\>h2\]\:font-semibold>h2{ font-weight: 600; } .\[\&\>h3\]\:mb-2>h3{ margin-bottom: 0.5rem; } .\[\&\>h3\]\:text-lg>h3{ font-size: 1.125rem; line-height: 1.75rem; } .\[\&\>h3\]\:font-medium>h3{ font-weight: 500; } .\[\&\>ol\]\:mb-1\.5>ol{ margin-bottom: 0.375rem; } .\[\&\>ol\]\:list-decimal>ol{ list-style-type: decimal; } .\[\&\>ol\]\:pl-5>ol{ padding-left: 1.25rem; } .\[\&\>p\]\:mb-1\.5>p{ margin-bottom: 0.375rem; } .\[\&\>p\]\:mb-3>p{ margin-bottom: 0.75rem; } .\[\&\>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\]\:w-2\.5>svg{ width: 0.625rem; } .\[\&\>svg\]\:w-3>svg{ width: 0.75rem; } .\[\&\>svg\]\:shrink-0>svg{ flex-shrink: 0; } .\[\&\>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)); } .\[\&\>svg\~\*\]\:pl-7>svg~*{ padding-left: 1.75rem; } .\[\&\>tr\]\:last\:border-b-0:last-child>tr{ border-bottom-width: 0px; } .\[\&\>ul\]\:mb-1\.5>ul{ margin-bottom: 0.375rem; } .\[\&\>ul\]\:list-disc>ul{ list-style-type: disc; } .\[\&\>ul\]\:pl-5>ul{ padding-left: 1.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)); } .\[\&_\*\]\:text-\[10px\] *{ font-size: 10px; } .\[\&_\*\]\:text-xs *{ font-size: 0.75rem; line-height: 1rem; } .\[\&_\*\]\:leading-tight *{ line-height: 1.25; } .\[\&_\.leaflet-container\]\:\!h-full .leaflet-container{ height: 100% !important; } .\[\&_\.leaflet-container\]\:h-\[540px\] .leaflet-container{ height: 540px; } .\[\&_\.rbc-event\]\:text-\[10px\] .rbc-event{ font-size: 10px; } .\[\&_\.rbc-header\]\:py-1\.5 .rbc-header{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\.rbc-header\]\:text-xs .rbc-header{ font-size: 0.75rem; line-height: 1rem; } .\[\&_\.rbc-header\]\:font-medium .rbc-header{ font-weight: 500; } .\[\&_\.rbc-today\]\:bg-primary\/5 .rbc-today{ background-color: hsl(var(--primary) / 0.05); } .\[\&_\.rbc-toolbar\]\:flex-wrap .rbc-toolbar{ flex-wrap: wrap; } .\[\&_\.rbc-toolbar\]\:gap-2 .rbc-toolbar{ gap: 0.5rem; } .\[\&_\.rbc-toolbar_button\]\:text-xs .rbc-toolbar button{ font-size: 0.75rem; line-height: 1rem; } .\[\&_\.recharts-cartesian-axis-tick-value\]\:\!text-\[14px\] .recharts-cartesian-axis-tick-value{ font-size: 14px !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-legend-item-text\]\:\!text-\[14px\] .recharts-legend-item-text{ font-size: 14px !important; } .\[\&_\.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; } .\[\&_\.recharts-text\]\:\!text-\[14px\] .recharts-text{ font-size: 14px !important; } .\[\&_\[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-muted-foreground [cmdk-group-heading]{ color: hsl(var(--muted-foreground)); } .\[\&_\[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; } .\[\&_a\]\:text-primary a{ color: hsl(var(--primary)); } .\[\&_a\]\:underline a{ text-decoration-line: underline; } .hover\:\[\&_a\]\:no-underline a:hover{ text-decoration-line: none; } .\[\&_b\]\:font-semibold b{ font-weight: 600; } .\[\&_b\]\:text-foreground b{ color: hsl(var(--foreground)); } .\[\&_blockquote\]\:my-4 blockquote{ margin-top: 1rem; margin-bottom: 1rem; } .\[\&_blockquote\]\:rounded-r blockquote{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .\[\&_blockquote\]\:border-l-4 blockquote{ border-left-width: 4px; } .\[\&_blockquote\]\:border-primary\/30 blockquote{ border-color: hsl(var(--primary) / 0.3); } .\[\&_blockquote\]\:bg-muted\/30 blockquote{ background-color: hsl(var(--muted) / 0.3); } .\[\&_blockquote\]\:py-2 blockquote{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .\[\&_blockquote\]\:pl-4 blockquote{ padding-left: 1rem; } .\[\&_blockquote\]\:pl-6 blockquote{ padding-left: 1.5rem; } .\[\&_blockquote\]\:italic blockquote{ font-style: italic; } .\[\&_blockquote\]\:text-muted-foreground blockquote{ color: hsl(var(--muted-foreground)); } .\[\&_br\]\:leading-tight br{ line-height: 1.25; } .\[\&_button\[class\*\=\'bg-black\'\]\]\:text-white button[class*='bg-black']{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .\[\&_button\[class\*\=\'bg-black\'\]_svg\]\:text-white button[class*='bg-black'] svg{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .\[\&_button\]\:h-8 button{ height: 2rem; } .\[\&_button\]\:text-\[13px\] button{ font-size: 13px; } .\[\&_button\]\:text-white\/50 button{ color: rgb(255 255 255 / 0.5); } .\[\&_button_svg\]\:text-white\/50 button svg{ color: rgb(255 255 255 / 0.5); } .\[\&_code\]\:break-words code{ overflow-wrap: break-word; } .\[\&_code\]\:rounded code{ border-radius: 0.25rem; } .\[\&_code\]\:bg-muted code{ background-color: hsl(var(--muted)); } .\[\&_code\]\:px-2 code{ padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_code\]\:py-1 code{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .\[\&_code\]\:font-mono code{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .\[\&_code\]\:text-sm code{ font-size: 0.875rem; line-height: 1.25rem; } .\[\&_code\]\:text-foreground code{ color: hsl(var(--foreground)); } .\[\&_em\]\:italic em{ font-style: italic; } .\[\&_em\]\:text-muted-foreground em{ color: hsl(var(--muted-foreground)); } .\[\&_h1\]\:my-3 h1{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .\[\&_h1\]\:mb-4 h1{ margin-bottom: 1rem; } .\[\&_h1\]\:mb-6 h1{ margin-bottom: 1.5rem; } .\[\&_h1\]\:mt-8 h1{ margin-top: 2rem; } .\[\&_h1\]\:text-2xl h1{ font-size: 1.5rem; line-height: 2rem; } .\[\&_h1\]\:text-3xl h1{ font-size: 1.875rem; line-height: 2.25rem; } .\[\&_h1\]\:text-base h1{ font-size: 1rem; line-height: 1.5rem; } .\[\&_h1\]\:text-xl h1{ font-size: 1.25rem; line-height: 1.75rem; } .\[\&_h1\]\:font-bold h1{ font-weight: 700; } .\[\&_h1\]\:leading-tight h1{ line-height: 1.25; } .\[\&_h1\]\:text-foreground h1{ color: hsl(var(--foreground)); } .\[\&_h2\]\:my-3 h2{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .\[\&_h2\]\:mb-3 h2{ margin-bottom: 0.75rem; } .\[\&_h2\]\:mb-4 h2{ margin-bottom: 1rem; } .\[\&_h2\]\:mt-6 h2{ margin-top: 1.5rem; } .\[\&_h2\]\:text-2xl h2{ font-size: 1.5rem; line-height: 2rem; } .\[\&_h2\]\:text-lg h2{ font-size: 1.125rem; line-height: 1.75rem; } .\[\&_h2\]\:text-sm h2{ font-size: 0.875rem; line-height: 1.25rem; } .\[\&_h2\]\:text-xl h2{ font-size: 1.25rem; line-height: 1.75rem; } .\[\&_h2\]\:font-semibold h2{ font-weight: 600; } .\[\&_h2\]\:leading-tight h2{ line-height: 1.25; } .\[\&_h2\]\:text-foreground h2{ color: hsl(var(--foreground)); } .\[\&_h3\]\:my-2 h3{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .\[\&_h3\]\:mb-2 h3{ margin-bottom: 0.5rem; } .\[\&_h3\]\:mb-3 h3{ margin-bottom: 0.75rem; } .\[\&_h3\]\:mt-4 h3{ margin-top: 1rem; } .\[\&_h3\]\:text-base h3{ font-size: 1rem; line-height: 1.5rem; } .\[\&_h3\]\:text-lg h3{ font-size: 1.125rem; line-height: 1.75rem; } .\[\&_h3\]\:text-sm h3{ font-size: 0.875rem; line-height: 1.25rem; } .\[\&_h3\]\:text-xl h3{ font-size: 1.25rem; line-height: 1.75rem; } .\[\&_h3\]\:font-medium h3{ font-weight: 500; } .\[\&_h3\]\:font-semibold h3{ font-weight: 600; } .\[\&_h3\]\:leading-tight h3{ line-height: 1.25; } .\[\&_h3\]\:text-foreground h3{ color: hsl(var(--foreground)); } .\[\&_h4\]\:mb-2 h4{ margin-bottom: 0.5rem; } .\[\&_h4\]\:mt-3 h4{ margin-top: 0.75rem; } .\[\&_h4\]\:text-lg h4{ font-size: 1.125rem; line-height: 1.75rem; } .\[\&_h4\]\:font-semibold h4{ font-weight: 600; } .\[\&_h4\]\:text-foreground h4{ color: hsl(var(--foreground)); } .\[\&_h5\]\:mb-2 h5{ margin-bottom: 0.5rem; } .\[\&_h5\]\:mt-2 h5{ margin-top: 0.5rem; } .\[\&_h5\]\:text-base h5{ font-size: 1rem; line-height: 1.5rem; } .\[\&_h5\]\:font-semibold h5{ font-weight: 600; } .\[\&_h5\]\:text-foreground h5{ color: hsl(var(--foreground)); } .\[\&_h6\]\:mb-1 h6{ margin-bottom: 0.25rem; } .\[\&_h6\]\:mt-2 h6{ margin-top: 0.5rem; } .\[\&_h6\]\:text-sm h6{ font-size: 0.875rem; line-height: 1.25rem; } .\[\&_h6\]\:font-semibold h6{ font-weight: 600; } .\[\&_h6\]\:text-foreground h6{ color: hsl(var(--foreground)); } .\[\&_hr\]\:my-2 hr{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .\[\&_hr\]\:my-4 hr{ margin-top: 1rem; margin-bottom: 1rem; } .\[\&_hr\]\:my-8 hr{ margin-top: 2rem; margin-bottom: 2rem; } .\[\&_hr\]\:border-border hr{ border-color: hsl(var(--border)); } .\[\&_hr\]\:border-border\/40 hr{ border-color: hsl(var(--border) / 0.4); } .\[\&_i\]\:italic i{ font-style: italic; } .\[\&_img\]\:my-2 img{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .\[\&_img\]\:h-auto img{ height: auto; } .\[\&_img\]\:max-w-full img{ max-width: 100%; } .\[\&_img\]\:rounded img{ border-radius: 0.25rem; } .\[\&_input\]\:h-8 input{ height: 2rem; } .\[\&_input\]\:text-\[13px\] input{ font-size: 13px; } .\[\&_label\]\:text-xs label{ font-size: 0.75rem; line-height: 1rem; } .\[\&_li\]\:my-0\.5 li{ margin-top: 0.125rem; margin-bottom: 0.125rem; } .\[\&_li\]\:my-1 li{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .\[\&_li\]\:mb-0\.5 li{ margin-bottom: 0.125rem; } .\[\&_li\]\:mb-1 li{ margin-bottom: 0.25rem; } .\[\&_li\]\:text-xs li{ font-size: 0.75rem; line-height: 1rem; } .\[\&_li\]\:leading-relaxed li{ line-height: 1.625; } .\[\&_li\]\:text-muted-foreground li{ color: hsl(var(--muted-foreground)); } .\[\&_ol\]\:mb-2 ol{ margin-bottom: 0.5rem; } .\[\&_ol\]\:mb-4 ol{ margin-bottom: 1rem; } .\[\&_ol\]\:ml-6 ol{ margin-left: 1.5rem; } .\[\&_ol\]\:list-inside ol{ list-style-position: inside; } .\[\&_ol\]\:list-decimal ol{ list-style-type: decimal; } .\[\&_ol\]\:space-y-2 ol > :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)); } .\[\&_ol\]\:pl-4 ol{ padding-left: 1rem; } .\[\&_ol\]\:pl-6 ol{ padding-left: 1.5rem; } .\[\&_p\:empty\]\:h-\[1em\] p:empty{ height: 1em; } .\[\&_p\]\:my-2 p{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .\[\&_p\]\:mb-1 p{ margin-bottom: 0.25rem; } .\[\&_p\]\:mb-1\.5 p{ margin-bottom: 0.375rem; } .\[\&_p\]\:mb-2 p{ margin-bottom: 0.5rem; } .\[\&_p\]\:mb-4 p{ margin-bottom: 1rem; } .\[\&_p\]\:text-xs p{ font-size: 0.75rem; line-height: 1rem; } .\[\&_p\]\:leading-relaxed p{ line-height: 1.625; } .\[\&_p\]\:text-foreground\/90 p{ color: hsl(var(--foreground) / 0.9); } .\[\&_p\]\:text-muted-foreground p{ color: hsl(var(--muted-foreground)); } .\[\&_pre\]\:my-4 pre{ margin-top: 1rem; margin-bottom: 1rem; } .\[\&_pre\]\:max-h-48 pre{ max-height: 12rem; } .\[\&_pre\]\:overflow-auto pre{ overflow: auto; } .\[\&_pre\]\:overflow-x-auto pre{ overflow-x: auto; } .\[\&_pre\]\:whitespace-pre-wrap pre{ white-space: pre-wrap; } .\[\&_pre\]\:break-words pre{ overflow-wrap: break-word; } .\[\&_pre\]\:rounded-lg pre{ border-radius: var(--radius); } .\[\&_pre\]\:bg-muted pre{ background-color: hsl(var(--muted)); } .\[\&_pre\]\:p-4 pre{ padding: 1rem; } .\[\&_pre\]\:text-\[10px\] pre{ font-size: 10px; } .\[\&_pre_code\]\:bg-transparent pre code{ background-color: transparent; } .\[\&_pre_code\]\:p-0 pre code{ padding: 0px; } .\[\&_strong\]\:font-semibold strong{ font-weight: 600; } .\[\&_strong\]\:text-foreground strong{ color: hsl(var(--foreground)); } .\[\&_svg\]\:pointer-events-none svg{ pointer-events: none; } .\[\&_svg\]\:h-4 svg{ height: 1rem; } .\[\&_svg\]\:w-4 svg{ width: 1rem; } .\[\&_svg\]\:shrink-0 svg{ flex-shrink: 0; } .\[\&_table\]\:my-4 table{ margin-top: 1rem; margin-bottom: 1rem; } .\[\&_table\]\:block table{ display: block; } .\[\&_table\]\:w-full table{ width: 100%; } .\[\&_table\]\:border-collapse table{ border-collapse: collapse; } .\[\&_table\]\:overflow-x-auto table{ overflow-x: auto; } .\[\&_table\]\:rounded-lg table{ border-radius: var(--radius); } .\[\&_table\]\:border table{ border-width: 1px; } .\[\&_table\]\:border-border table{ border-color: hsl(var(--border)); } .\[\&_table\]\:text-xs table{ font-size: 0.75rem; line-height: 1rem; } .\[\&_td\]\:border td{ border-width: 1px; } .\[\&_td\]\:border-b td{ border-bottom-width: 1px; } .\[\&_td\]\:border-border td{ border-color: hsl(var(--border)); } .\[\&_td\]\:p-1 td{ padding: 0.25rem; } .\[\&_td\]\:p-2 td{ padding: 0.5rem; } .\[\&_td\]\:px-4 td{ padding-left: 1rem; padding-right: 1rem; } .\[\&_td\]\:py-1\.5 td{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_td\]\:py-2 td{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .\[\&_td\]\:text-xs td{ font-size: 0.75rem; line-height: 1rem; } .\[\&_td\]\:text-muted-foreground td{ color: hsl(var(--muted-foreground)); } .\[\&_textarea\]\:min-h-\[72px\] textarea{ min-height: 72px; } .\[\&_textarea\]\:text-\[13px\] textarea{ font-size: 13px; } .\[\&_th\]\:border th{ border-width: 1px; } .\[\&_th\]\:border-b th{ border-bottom-width: 1px; } .\[\&_th\]\:border-border th{ border-color: hsl(var(--border)); } .\[\&_th\]\:bg-muted\/50 th{ background-color: hsl(var(--muted) / 0.5); } .\[\&_th\]\:p-1 th{ padding: 0.25rem; } .\[\&_th\]\:p-2 th{ padding: 0.5rem; } .\[\&_th\]\:px-4 th{ padding-left: 1rem; padding-right: 1rem; } .\[\&_th\]\:py-2 th{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .\[\&_th\]\:text-left th{ text-align: left; } .\[\&_th\]\:text-xs th{ font-size: 0.75rem; line-height: 1rem; } .\[\&_th\]\:font-semibold th{ font-weight: 600; } .\[\&_th\]\:text-foreground th{ color: hsl(var(--foreground)); } .\[\&_tr\:last-child\]\:border-0 tr:last-child{ border-width: 0px; } .\[\&_tr\]\:border-b tr{ border-bottom-width: 1px; } .\[\&_ul\]\:my-1 ul{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .\[\&_ul\]\:mb-2 ul{ margin-bottom: 0.5rem; } .\[\&_ul\]\:mb-4 ul{ margin-bottom: 1rem; } .\[\&_ul\]\:ml-6 ul{ margin-left: 1.5rem; } .\[\&_ul\]\:list-inside ul{ list-style-position: inside; } .\[\&_ul\]\:list-disc ul{ list-style-type: disc; } .\[\&_ul\]\:space-y-2 ul > :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)); } .\[\&_ul\]\:pl-4 ul{ padding-left: 1rem; } .\[\&_ul\]\:pl-6 ul{ padding-left: 1.5rem; } .\[\&_ul\]\:text-xs ul{ font-size: 0.75rem; line-height: 1rem; } .\[\&_video\]\:\!h-full video{ height: 100% !important; } .\[\&_video\]\:\!w-full video{ width: 100% !important; } .\[\&_video\]\:rounded-xl video{ border-radius: 0.75rem; } .\[\&_video\]\:\!object-cover video{ -o-object-fit: cover !important; object-fit: cover !important; } @media(min-width:2000px){ .\[\@media\(min-width\:2000px\)\]\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } } [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; } [data-state=open]>.\[\[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)); } [data-state=open]>.\[\[data-state\=open\]\>\&\]\: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)); } [data-state=open] .\[\[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)); }